"신세계몰"에서 사용한 가격 카운팅 효과이다. 카운팅에 가장 어울리는 효과는 "Quintic.easeOut"로 뽑아서 사용하였다. 효과를 적용한 곳은 "신세계 백화점 브랜드", "신세계 이마트 베스트 셀러"에 사용되었다.
아래는 카운팅 효과를 3가지 이징 타입으로 적용시켜 본 것이다.
현재 엔진은 0부터 시작하게 되어있는데 하나의 파라메터를 받아 현재의 값에서 차이값을 계산하는 부분을 확장할 생각이다. 확장 후에 다시 업뎃해야 겠다.
'portfolio'에 해당되는 글 6건
- [2008/10/19] Price Effect :: 가격 카운팅 효과
- [2008/10/18] 신세계몰 백화점 메인 오픈
- [2008/10/17] 토시(tossi.com) 테스트 서버 퍼가기 테스트
- [2008/10/11] 신세계몰에서 사용한 타이포 효과
- [2007/01/01] 포트폴리오 카테고리를 만들다. (11)
- [2005/11/11] 다음 이미지 검색 - 10x10 (11)
"신세계몰 백화점 메인 리뉴얼" (CS4로 작업하고 싶지만 몰에는 너무 이른감이 있어 아쉽다.)
요번에도 신세계몰에서 새로운 시도를 해보았다. 근래에 관심을 갖고 있는 3D 효과를 아코디언(Accordian) 효과에 적용하되 조금의 변화를 주어 새로운 모습으로 만들어 보았다. 사용자 마우스의 방향에 따라 이미지에 변화를 주어 사용자가 재미를 느낄 수 있도록 감성적인 설계를 하였다. 큰 변화는 아니지만 약간의 다른 시각으로 보게 만드는 것이 크리에이티브라 생각하며, 내가 추구하는 모션의 연결성이 적절히 잘 조합이 된 효과이다. 사이트가 무거워 제대로된 효과를 볼 수가 없어서 내 블러그에 따로 올리게 되었다. 근래에 욕심을 냈더니 피곤하다.
이미지 클릭시 사이트로 이동하게 된다.
요번에도 신세계몰에서 새로운 시도를 해보았다. 근래에 관심을 갖고 있는 3D 효과를 아코디언(Accordian) 효과에 적용하되 조금의 변화를 주어 새로운 모습으로 만들어 보았다. 사용자 마우스의 방향에 따라 이미지에 변화를 주어 사용자가 재미를 느낄 수 있도록 감성적인 설계를 하였다. 큰 변화는 아니지만 약간의 다른 시각으로 보게 만드는 것이 크리에이티브라 생각하며, 내가 추구하는 모션의 연결성이 적절히 잘 조합이 된 효과이다. 사이트가 무거워 제대로된 효과를 볼 수가 없어서 내 블러그에 따로 올리게 되었다. 근래에 욕심을 냈더니 피곤하다.
이미지 클릭시 사이트로 이동하게 된다.
현재 네이버 빼고 다 되는거 같다. 현재 테스트 서버에서 운영되고 있는걸 연결해 두었다. 현재 퍼가기를 할때 기본적으로 사이즈를 조절할 수가 있다. 사이즈는 최초에 한번만 가능하다. 그 이후 부터는 정해진 태그 및 링크를 가져가는 형태만 가능하다. 태그에 대해서 좀만 안다면 수정이 가능하다. ㅋㅋ
그런데 네이버는 안된다. 아는 사람은 다 알겠지만 자동 태그 때문에 짜증나게 한다. 하지만 구멍은 찾았다. 그건 그렇고, 네이버에서 태그를 넣으면 아래와 같은게 추가적으로 삽입이 된다.
type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" autostart="false" invokeURLs="false"
아직도 독점을 하려고 하는 모습이 왠지 모르게 안습이다. 전형적인 옛날 옛적의 한국의 모습을 그대로 살리고 있는 회사인거 같다. 현대와는 동떨어진 사회라 생각을 들게 한다. 미련한 모습이라고도 판단이 되고, 이렇게 비판해도 될려나? 머.. 작업자로써 재수없다고 느껴지는걸 어쩌겠는가??
그런데 네이버는 안된다. 아는 사람은 다 알겠지만 자동 태그 때문에 짜증나게 한다. 하지만 구멍은 찾았다. 그건 그렇고, 네이버에서 태그를 넣으면 아래와 같은게 추가적으로 삽입이 된다.
type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never" autostart="false" invokeURLs="false"
아직도 독점을 하려고 하는 모습이 왠지 모르게 안습이다. 전형적인 옛날 옛적의 한국의 모습을 그대로 살리고 있는 회사인거 같다. 현대와는 동떨어진 사회라 생각을 들게 한다. 미련한 모습이라고도 판단이 되고, 이렇게 비판해도 될려나? 머.. 작업자로써 재수없다고 느껴지는걸 어쩌겠는가??
요번에 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은 익숙해 지면 질 수록 어렵다는 느낌을 갖게한다. 정리라는 개념을 상실하고 작업과 노는거에만 열중하던 현 시점에서 내가 여태까지 무엇을 하였는지를 남겨야 되겠다는 생각이 들었다.
다른 사람들은 회사를 들어가기 위해 포트폴리오를 몇번 만들어 보았겠지만 나에게는 그런게 별로 없었던거 같다. 그래서 이 참에 하나 만들어서 여태까지 내가 해왔던 작업들과 엔진들을 하나씩 시간 날때마다 정리해서 이곳에 올릴 생각이다.
작업을 하면서 느꼈던 점들이나 신경을 많이 썼던 부분들을 기재할 것이고 플래시 엔진들도 끄집어내서 따로 분류하면서 같이 스크린샷과 함께 올릴 예정이다.
많은 사람들이 분류해서 재사용하고 할텐데 난 좀 미련했던것 같아. 어떤 작업에 무슨 효과를 넣었는지 기억하고 나중에 필요 할때 그 프로젝트에 가서 다시 꺼내오고 하는 머리도 좋지도 않은 놈이 그런식으로 해왔다니... 허허~
anyway (최은석이사님이 많이 사용한 단어긴 한데... 나도 입에 붙었다. ㅋㅋ)
정리도 좀 할 겸 겸사겸사~
TAG. portfolio
http://tab.search.daum.net/dsa/search?w=image100&q=%B1%E8%C5%C2%C8%F1&SearchType=0
플젝명 : 10x10 이미지 검색
서비스 시작 일시 : 2005. 11. 2
다음에서 보유하고 있는 이미지들을 검색하여 한번에 보여주는 방식이다. 총 98개의 이미지를 한 화면에 보여주며, 절제된 모션 느낌을 사용하여 비주얼을 살렸다. 포탈 서비스에서 이런류를 시도해 본 것도 맘에 들고 완성도도 마음에 든다.
이 작업을 하면서 '새로운 작업들을 끊임없이 해보고 싶다.' 는 욕구가 생겼다. 요번 플젝을 하면서 내가 부족해진 부분이 무엇인지 알게 되었고, 그 부분을 더욱더 보완하기 위해서 노력할 생각이다.
플젝을 하면서 아쉬운 것은 8의 필터 기능을 적당히 사용하여 영상 이미지 같은 느낌을 살려보고 싶었다. 그러나 사용할 수 있는 기회가 제한적이라는 것이다. 유저에게 플레이어 업데이트는 생각보다 어려운 과제인거 같다. 자동으로 설치되고 바로 플레이되서 보여줄 수 있으면 좋으련만...
시간 날때 플래시 컨텐츠 하나로 모든 걸 컨트롤 하는 걸 만들어 볼 생각이다. 그쪽 데이타 접근 승락을 받은 후에~ 그걸 배포해도 다음측에서 홍보 효과가 좋아질 것이라 생각 된다. 데이타 엑세스에 대해서는 요번 플젝을 위해 제규어 서버를 사용했다고 한다. 그만큼 부하가 있는 서비스이기 때문이다.
내심 부하 때문에 걱정을 만이 했는데... '요가따...'
플젝명 : 10x10 이미지 검색
서비스 시작 일시 : 2005. 11. 2
다음에서 보유하고 있는 이미지들을 검색하여 한번에 보여주는 방식이다. 총 98개의 이미지를 한 화면에 보여주며, 절제된 모션 느낌을 사용하여 비주얼을 살렸다. 포탈 서비스에서 이런류를 시도해 본 것도 맘에 들고 완성도도 마음에 든다.
이 작업을 하면서 '새로운 작업들을 끊임없이 해보고 싶다.' 는 욕구가 생겼다. 요번 플젝을 하면서 내가 부족해진 부분이 무엇인지 알게 되었고, 그 부분을 더욱더 보완하기 위해서 노력할 생각이다.
플젝을 하면서 아쉬운 것은 8의 필터 기능을 적당히 사용하여 영상 이미지 같은 느낌을 살려보고 싶었다. 그러나 사용할 수 있는 기회가 제한적이라는 것이다. 유저에게 플레이어 업데이트는 생각보다 어려운 과제인거 같다. 자동으로 설치되고 바로 플레이되서 보여줄 수 있으면 좋으련만...
시간 날때 플래시 컨텐츠 하나로 모든 걸 컨트롤 하는 걸 만들어 볼 생각이다. 그쪽 데이타 접근 승락을 받은 후에~ 그걸 배포해도 다음측에서 홍보 효과가 좋아질 것이라 생각 된다. 데이타 엑세스에 대해서는 요번 플젝을 위해 제규어 서버를 사용했다고 한다. 그만큼 부하가 있는 서비스이기 때문이다.
내심 부하 때문에 걱정을 만이 했는데... '요가따...'
::: 사람과 사람의 교감! 人터넷의 첫 시작! 댓글을 달아주세요! :::