메뉴
Spiral Text

2010. 12. 23. 17:43

Spiraltext 1
Spiraltext 2
Spiraltext 3
Spiraltext 4


08년 6월쯤 만들었던 녀석이다.

http://gyre-omotesando.com 을 보고 모작한 것이다.

먼저 Spiral Text의 기본적인 틀을 잡았다.

 

위의 그림은 한글과 영문이 적용되도록 각각의 폰트를 달리한 것이며,

폰트의 크기가 점점 커지도록 만들어보기도 했다.

위의 녀석들은 AS2.0으로 제작하였다.

 

이런 Spiral Text를 여러개로 나눈 후, Bitmap Data를 이용하여 화면에 도장찍듯 찍는 방식으로 바꾸면

Enterframe 요소를 더 많이 쓰면서도 화면 표시에 있어 좀 더 최적화가 가능하다.

그것을 AS3.0으로 만든 후 응용한 것이 아래의 플래시.

blastic.tistory.com/attachment/cfile2.uf@177E84574D130A6537A078.swf (Flash 종료로 링크 대체)

 

좀 더 응용해보면 실시간으로 나선형 글자를 타이핑 할 수 있는 녀석도 만들어 볼 수 있다.

blastic.tistory.com/attachment/cfile23.uf@130A90534D130B8A2AC6FA.swf (Flash 종료로 링크 대체)

 

* 영문, 숫자, 키보드상 특수문자만 입력 가능합니다.

* 백스페이스도 가능합니다.