얼마 전 애플에서 공개한 HTML5 데모 중에서 360도 데모를 보고 소스를 분석해 보았습니다. 그런데 이 데모는 굳이 HTML5에서만 작동하는 데모라고는 볼 수 없습니다. 그저 여러각도에서 촬영한 사진을 자바스크립트를 이용하여 순차적으로 보여주는 것 뿐이였거든요. 마치 사파리가 아니면 작동하지 않는 것 처럼 꾸며 놓았는데 자바스크립트 소스를 단 두 줄 수정해 주는 것으로 크로스-브라우저에 대응할 수 있었습니다.
Rev. 2.73
얼마 전 애플에서 공개한 HTML5 데모 중에서 360도 데모를 보고 소스를 분석해 보았습니다. 그런데 이 데모는 굳이 HTML5에서만 작동하는 데모라고는 볼 수 없습니다. 그저 여러각도에서 촬영한 사진을 자바스크립트를 이용하여 순차적으로 보여주는 것 뿐이였거든요. 마치 사파리가 아니면 작동하지 않는 것 처럼 꾸며 놓았는데 자바스크립트 소스를 단 두 줄 수정해 주는 것으로 크로스-브라우저에 대응할 수 있었습니다.
Comments
Got something to add? You can just leave a comment.
역시 애플.. 지들 맘대로 HTML5를 정의할 기세 RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitter
RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from Echofon
RT @firejune애플의 HTML5 360도 데모 http://firejune.com/1603: 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitterfeed
수백장의 이미지를 드래그할 때 순차적으로 보여주는 거네요..^^; RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from TweetDeck
@erobeat 네 그렇습니다. 여기에는 약 70여장 정도가 사용되었습니다.
from firejune.com
애플의 HTML5 360도 데모 http://firejune.com/1603 - by @firejune
from TweetDeck
멋지네요~ RT @erobeat 수백장의 이미지를 드래그할 때 순차적으로 보여주는 거네요..^^; RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitter
@firejune 사파리만으로 제한하는 것에 참 맘에 안들었는데... 결과는 더 의외로군요... 전 꽤 감탄했었는데... 이미지를 계속 바꿔준거였군요..(그것도 대단한거긴 하지만요. ㅎ)
from Echofon
@Outsider__ 이미지 디테일이 최상급이죠... 마우스 가속을 감지하여 브레이크를 걸어주는 센스는 참 돋 보이죠.
from firejune.com
@firejune 사파리로 제한 안했으면 참 좋았을텐데요 ㅎㅎ
from Twitterrific
@Outsider__ 아마도 애플은 H/W 가속이되는 CSS 3D를 보여주고 싶었을 것입니다. CSS 3D transform은 맥OS의 사파리 나이틀리 버전과 iOS용 사파리에서만 되기 때문이죠. 결국 밥그릇 싸움인 셈이에요.
from firejune.com
RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitter
RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitter
RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitter
@firejune WOW!!! RT @firejune 애플의 HTML5 360도 데모 http://firejune.com/1603
from twitter
RT ...웹사이트의 설명을 읽긴 하는건지..? @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from Topsy
@scjung 설명이랑 무슨 연관이 있나요...
from TwitBird
아이폰에서도 되네요 RT @firejune 애플의 HTML5 360도 데모 http://firejune.com/1603
from TwitBird
RT @firejune: 애플의 HTML5 360도 데모 http://firejune.com/1603
from TweetDeck
Your Reaction Time!