그동안 디자인을 굳이 바꿀 필요성을 못느끼고 거의 방치해두다 시피하다가, 모바일 접근성이 너무 형편없음을 깨닫고 한 달 정도 걸려서 대략적인 디자인을 잡았습니다. 아직 코드 정리가 전혀 되어있지 않은데 언젠가는 정리하겠죠... 처음에는 아예 밑바닥부터 다 코드를 짜려고 했는데, 티스토리 치환자에 대한 기초 지식이 거의 없었습니다. 대략적으로는 알고 있었지만, 그게 10년전이다 보니까요. 결국 기존 스킨을 수정하는 방향으로 선회했습니다. 티스토리에서 기본 제공하는 Portfolio 라는 이름의 스킨을 기본으로 하여 입맛대로 수정하기로 했습니다. 1. 모바일 접근성 가장 중점을 둔 부분은 위에서도 말했듯 모바일 접근성입니다. 티스토리 스킨계(?)에서는 반응형 디자인으로 통용되는데, 모바일과 PC 환경에서 U..

기존의 디자인 새로운 디자인 약 한 달간 사용했던 디자인이었는데, 조금 진부하게 느껴져서 한번 확 바꿔봤습니다. 디자인은 포토샵으로 했고, 기존의 HTML및 CSS를 수정하여 완성했습니다. 가로너비 1000px이며, 1024x768해상도에서도 화면을 보는데 무리가 없도록 했습니다. 상단과 하단을 4등분 하여 주요 사이드바를 배치해두었습니다. 기타 잡다한 글자들을 최소화 하였고, 깔끔하고 심플하게 배치하기 위해 노력했습니다. Archive나 Categories 메뉴와 같이 세로길이가 늘어날 것으로 예상되는 사이드바들은 왼쪽에 배치해 두어 이후 늘어나게 될지 모르는 상황에 대비하도록 했습니다.

작은 particle을 하나 만들고, 그것을 화면에 도장찍듯 찍는 방식으로 그려낸 것이다. particle의 위치는 극좌표를 이용하여 지정된다. 사용된 expression은 아래와 같다. Flower #1: cos(cos(3θ)) × sin(cos(6θ)) Carnation: cos(cos(6θ))×sin(cos(6θ)) Flower #2: 1 - sin(23θ) + sin(sin(sin(237θ / 2))) Flower #3: 1 - sin(5θ) + sin(sin(sin(5θ / 2))) Flower #4: 1 - cos(235θ) - cos(θ) × cos(θ) Butterfly #1: 1 - sin(4θ) - cos(θ) × cos(θ) × cos(θ) Triangle #1: 1 - cos(123..

4년전 여름에 만들었던 것이다. 플래시 화면을 한번 클릭하고 키보드로 아무 키나 입력하면 된다. 만약 한/영키가 켜져있어서 한글 입력상태인 경우 제대로 되지 않을 수 있다. Shift 키를 누른상태로 특수문자 입력도 가능하다.

3년전 겨울에 만들었던 작품(?)인데, AS2.0으로 제작된 것입니다. 글자를 입력한 뒤 Generate 버튼을 누르면 불규칙하게 글자가 내려오면서 사용자가 입력한 글자를 완성시킵니다. 아마 이것도 원래 애프터이펙트에 내장된 이펙트를 따라했던 것으로 기억합니다. 애프터이펙트를 직접 써보진 않아서 잘 모르겠지만, TV 자막으로 몇 번 쓰이는 것을 본 것 같습니다. 아래에 있는 플래시로 직접 해보실 수 있습니다.

다세포 생물의 생존 메커니즘은 인간의 상상 이상으로 복잡할 것이다. 하지만 어쩌면 그것을 이끄는 것은 사실 매우 간단한 법칙들을 바탕으로 이루어져 있을지도 모른다. 이러한 생각에서 시작된 것이 바로 Game of Life 이론이다. 기본적으로 Game of Life는 정사각형 모양의 Cell들을 바탕으로 시작된다. 마치 바둑판처럼 생긴 공간이라고 생각하면 된다. 각각의 Cell은 live 또는 dead의 두가지 상태를 가진다. live는 꽉찬 셀, dead는 빈 셀로 나타낸다. Cell들은 세대별로 변화해 간다. 어떠한 한 셀의 상태는 이전 세대의 주변 Cell의 상태를 바탕으로 설정되는데, 규칙은 간단하다. Live cell 주변에 Live cell이 2개 또는 3개 있으면 다음 세대에서도 생존한다. ..