An amazing effect created using HTML5, this animation effect allows one to destroy a video and blow it up with every single click on the video. The video blows up into the space and adding to all the joy of animation is the 3D video used in the demo for the added effect. One feature that could have been added was adding depth to the explosion, so pieces that are closest to ground zero fly up into the air as they sail outward. With full shadow effects this could look really cool. The whole idea is based on the Canvas.drawImage() api call. The api lets you take the contents of specific HTML elements and draw them into a canvas, and the 3rd element in that list is just begging to be abused. Copying video into a canvas element means opening up the ability to manipulate or process video frames at runtime.
0 comments:
Post a Comment