Sean Christmann씨는 HTML5 Video, Canvas 요소를 이용하여 흥미로운 실험을 했습니다. Video요소에서 재생중인 동영상을 Canvas에 카피하여 이미지 데이터를 얻고 새로운 Canvas 요소에 다시 그리는 방법으로 아래와 같은 재미있는 결과물을 만들어 냈습니다. 아래 동영상을 클릭해 보세요. 클릭한 영역이 폭팔하는 효과를 볼 수 있습니다.
이를 응용하면 3D 공간에 동영상을 매핑하는 것도 가능하다고 합니다.
Rev. 2.73
Sean Christmann씨는 HTML5 Video, Canvas 요소를 이용하여 흥미로운 실험을 했습니다. Video요소에서 재생중인 동영상을 Canvas에 카피하여 이미지 데이터를 얻고 새로운 Canvas 요소에 다시 그리는 방법으로 아래와 같은 재미있는 결과물을 만들어 냈습니다. 아래 동영상을 클릭해 보세요. 클릭한 영역이 폭팔하는 효과를 볼 수 있습니다.
이를 응용하면 3D 공간에 동영상을 매핑하는 것도 가능하다고 합니다.
Comments
Got something to add? You can just leave a comment.
RT @firejune: HTML5 Video, Canvas요소를 이용한 시각적 변화 http://firejune.com/1585
from yoono
마우스누르면 화면폭발효과- HTML5 Video, Canvas요소를 이용한 시각적 변화 1 http://bit.ly/dgnBR8
from Topsy
와우! 동영상 화면을 마우스로 클릭해 보세요. 화면이 폭발합니다. http://firejune.com/1585 단, 크롬, 사파리 등에서만 될 겁니다. IE6,7 등은 안될꺼에요. 참고하세요.
from Topsy
RT @firejune HTML5 Video, Canvas요소를 이용한 시각적 변화 http://firejune.com/1585
from twitter
Your Reaction Time!