スポンサード リンク

« 豪華ゲストをお呼びしてiPhone活用術のライフハック系イベントやります!【大阪】 | メイン | 新しいブログ「Chrome Life」をはじめます »

HTML5で動くアスキーアートが楽しめるサービス「AAめがね」を作りました!

みなさんHTML5で何か作ってますか??

HTML5はまだ仕様を策定中の状態ですが、メジャーなブラウザはほとんどHTML5に対応しているので、みなさんの環境でもHTML5を体験することができます。

そこで、僕もHTML5にふれるために新しいHTML対応のサービスを作ってみました。


AAめがねは、HTML5対応の動くアスキーアートを楽しむサービスです!

アップロードされた動画や画像をその場でカラフルなアスキーアートに変換しながら再生することができます。

アスキーアートとは、記号や文字を組み合わせて作成する絵のことです。
画像などがアップロードできない時代に、テキストだけで絵を表現する手段として使われていました。
AAめがねでは、時代と逆行して動画や画像などのリッチメディアをアスキーアートに変換して楽しむために作られたサービスです。
フルスクリーンの動くアスキーアートは芸術作品のようで美しいですよw

なぜ、こんなサービスを作ったかというと、日本の HTML5 開発を盛り上げるために開催されるコンテスト
第 0 回 HTML5 プログラミング&クリエイティブ・コンテスト」 に応募するために作りました。
その中のプログラミング部門のテーマが「HTML5 x アスキーアート」だったので、HTML5の勉強がてらに作ったサービスです。 自分なりにアスキーアートの見せ方には、いろいろ工夫してみたので、少しでもHTML5の可能性を実感してもらえればうれしいです。

HTML5はとても魅力的な技術です。今までHTMLだけで表現しきれなかったことがとても簡単にできます。
今回は、HTML5のCanvasとVideoを使ったのですが、少しのコードでパワフルな機能を実現することができました。
デモのアスキーアートを見てもらえれば分かるのですが、ほとんどコマ落ちせずに動画をアスキーアートに変換しながら再生することができます。

画像そのものをアスキーアートに変換するだけであれば、同じようなサービスは他にもあります。
今回、AAめがねでこだわったのは、見ているだけで実際の映像が想像できるレベルの動くアスキーアートです。
フレーム間でテキストカラーを入れ替えながらアスキーアートを連続で見せることで映像に近いアスキーアートを実現しています。 フルスクリーンモードで少し遠くから見てもらうのが一番良いアングルです。

「HTML5の可能性を是非、体験してみてください」
AAめがねの登録・利用は無料です。

AAめがね - HTML対応動くアスキーアート



スポンサード リンク

本サイトについて

スポンサード リンク

最近のコメント

最新のトラックバック




ブログ検索
ブログランキング・にほんブログ村へ

blog-navi
ブログランキング
ブログ検索☆BITZ
BLOGGER!ブログ検索&ランキング
BS blog Ranking