"신세계몰"에서 사용한 가격 카운팅 효과이다. 카운팅에 가장 어울리는 효과는 "Quintic.easeOut"로 뽑아서 사용하였다. 효과를 적용한 곳은 "신세계 백화점 브랜드", "신세계 이마트 베스트 셀러"에 사용되었다.
아래는 카운팅 효과를 3가지 이징 타입으로 적용시켜 본 것이다.
현재 엔진은 0부터 시작하게 되어있는데 하나의 파라메터를 받아 현재의 값에서 차이값을 계산하는 부분을 확장할 생각이다. 확장 후에 다시 업뎃해야 겠다.
'JTween'에 해당되는 글 3건
- [2008/10/19] Price Effect :: 가격 카운팅 효과
- [2008/10/11] 신세계몰에서 사용한 타이포 효과
- [2008/10/11] 3D 효과에 푹 빠져 살고있다.
요번에 1차 오픈한 신세계몰에 내가 만든 "JTweenEngine"을 사용하였다. 드디어 2개월에 걸쳐 만든 엔진을 사용하게 되어 기분이 좋다. "JTween"은 여러개의 트윈 타입들이 존재하는데 그 중에 타이핑 효과(JTyping.as)를 적용시켜 보았다.
약간 어지러운 느낌은 있지만 "UX"에 좀더 새롭게 접근하고 싶어서 도입해 보았다. 최초 "caurina"에서 보았던 기능을 내가 만든 "JTween"에 새롭게 도입하여 완성된 트윈 엔진이다. 기본 움직임을 담당하고 있는 것은 "JProperty.as" 클래스로 DisplayObject의 기본 프로퍼티를 제어해 주는 트윈 타입 클래스이다. 숫치로 되어있는 모든 프로퍼티에 easing 효과를 줄 수 있도록 설계되어는 클래스이다.
"http://mall.shinsegae.com"에서 상단 메뉴에 적용되어있다.
아래는 네비게이션 부분만 빼온 것이다. 작업은 31 FPS로 되어있고, 신세계몰로 직접 이동이 가능하도록 연결해 두었다.
마우스 이벤트중에 아래와 같은 코드가 있어 편하게 작업하였다.
stage.addEventListener(Event.MOUSE_LEAVE, onMouseLeave, false, 0, true);
그런데 이상하게도 AS3.0은 익숙해 지면 질 수록 어렵다는 느낌을 갖게한다.
요즘 3D 엔진을 모았다. 많은 엔진들이 존재한다. 기존의 기본 트윈 엔진에 빠져서 "JTween Engine"을 만들어 사용하고 있는데 3D 엔진도 만들게 되는게 아닌가 싶기도 하다. 하지만 과연 내가 3D 엔진을 만들 수 있을까??? ㅎㅎ
우선 3D 엔진은 포기하였고, 현재 유능한 인재들이 만들어논 엔진들을 사용하고 있다. 아니 정확히 말하면 3D 엔진들을 공부하고 있다. 요번에 "신세계몰 백화점 메인"을 리뉴얼했는데 그곳에 살짝 사용해 보았다. 다음주 수요일 정도에 오픈할 예정이다. 아마 이것으로 더 많은 부분에 적용을 시킬 것이라 예상된다.
아주 조심스러운 부분은 멋진 3D 엔진들이 있고 화려하게 포장을 시킬 수는 있지만 UI, UX에 어느정도 활용할 수 있는 것인가가 매우 중요하다. 그래서 하나씩 하나씩 실험해 보고 있는 중이다.
요번에 적용한 3D 엔진은 "PV3D 1.5 Version"이다. "심찬용"군이 보내준 샘플들을 하나씩 공부하면서 만들어 보고 있는데 재미있다. 잠도 안자고 공부하다가 심장이 터지는줄 알고 놀래 잠을 잤다.
::: 사람과 사람의 교감! 人터넷의 첫 시작! 댓글을 달아주세요! :::