HTML5やWebGLを使って何ができるのか、色々思い描きつつもなかなか実際に取り組むのは困難です。そこでOne Millionth Towerをぜひ見て欲しいと思います。カナダ国立映画庁作成によるOne Millionth TowerプロジェクトはHTML5/WebGLを駆使して作られたオンラインドキュメンタリーとなっています。 0
![]()
3D空間がぐりぐり動きます。マシンパワーはそれなりに使います。
0
![]()
自分で動かすことも、ドキュメンタリーを見ることもできます。
0
![]()
これがHTML5+WebGLの力なのか…と思い知ることができます。
0
![]()
ドキュメンタリーも動画という訳ではなくWebGLを使ってぐりぐり動きます。
0
![]()
写真やドローが合わさってバーチャルな感じのドキュメンタリーが楽しめます。
0
![]()
写真の上にドローされています。
0
![]()
こういう一つ一つの動きがダイナミックで見ていて飽きさせません。
0
![]()
6分程度のドキュメンタリーですが短く感じるかも知れません。
0
![]()
最後に自分の居住地を入力すると、その居住地と100万タワープロジェクトが一緒に表示されるおまけ付き。こんなダイナミックな表示もHTMLならではです。
0
![]()
こちらは探索(エクスプローラー)。周囲を回転しながら楽しめます。
0
![]()
もちろん視点は自由に変更できます。
0
![]()
カメラのボックスをクリックするとギャラリーが表示されます。
0
紹介動画
0
One Millionth TowerではWebGLとHTML5の力をフルに使ってダイナミックなドキュメンタリーを作り上げています。単なる動画とはまた違う面白さがあります。 0
One Millionth TowerはHTML5/JavaScriptを使ったソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)になります。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録(500円/月)はこちらから! プレミアムユーザのログインはこちらから 0
m4robb/one-millionth-tower - GitHub












アンケート