強火で進め

このブログではプログラム関連の記事を中心に書いてます。

SVG動画


「第 0 回 HTML5 プログラミング&クリエイティブ・コンテスト」で選ばれた作品。この前、有ったデブサミで展示されたみたいです。残念ながら当日行くことが出来ず、自分は見れてないのですが…

動画の画像を毎フレーム取得し、グレースケール化したときの色の濃淡に合わせて円の大小で表現した作品です。

円は文字では無く埋込みSVGを使って描画しています。

落選した「漢字動画」と似たような作品ですがこちらの方がきっちりしたサイズで変化するのでより元の動画の雰囲気を保っています。

埋込みSVGに対応したブラウザ(ChromeやNightly版のWebKitなど)でこちらにアクセスすると閲覧出来ます。

SVG動画
http://tsuyobi.heteml.jp/html/html5/video/svg/

以下の2作品は落選した作品です。

漢字動画
http://d.hatena.ne.jp/nakamura001/20110221/1298309528

CSS 3D TransformsとCSS Animationsでフォト蔵の写真をぐるぐる - 強火で進め
http://d.hatena.ne.jp/nakamura001/20110218/1298001031