HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
HTML5を使ったオンラインドキュメンタリー·One Millionth Tower MOONGIFT
One Millionth Towerはカナダ国立映画庁作成のHTML5製オンラインドキュメンタリーです。 HTML5やWebGLを使って何ができるのか、色々思い描きつつもなかなか実際に取り組むのは困難です。そこでOne Millionth Towerをぜひ見て欲しいと思います。カナダ国立映画庁作成によるOne Millionth TowerプロジェクトはHTML5/WebGLを駆使して作られたオンラインドキュメンタリーとなっています。 3D空間がぐりぐり動きます。マシンパワーはそれなりに使います。 自分で動かすことも、ドキュメンタリーを見ることもできます。 これがHTML5+WebGLの力なのか…と思い知ることができます。 ドキュメンタリーも動画という訳ではなくWebGLを使ってぐりぐり動きます。 写真やドローが合わさってバーチャルな感じのドキュメンタリーが楽しめます。 写真の上にドロー
ノームの戦うEmberwindをHTML5+WebGLへポート·Emberwind MOONGIFT
Emberwindは同名ゲームをHTML5+WebGLへポーティングしたゲーム。Operaチームが開発している。 EmberwindはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の技術の一つ、WebGLはWebベースで高度なグラフィックスを描くためのAPIだ。だがどんなグラフィックスを描けば良いかと言われるとなかなか思いつかない。そこで注目したいのがゲームだ。 ゲーム中の画面 Webブラウザ内で動くゲームにWebGLを使えば、よりグラフィカルで面白いゲームが作れるに違いない。とは言え開発するのは簡単とは思えない。そんな中、OperaチームがやってのけたのがWindows/Mac OSX/iOSゲームのEmberwindをHTML5にポーティングしてしまうという代物だ。 EmberwindはノームのKindleとフクロウのWickが町中にいるグレムリンを倒して
Web上で画像にイフェクト。WebGLを使ったデモアプリケーション·WebGL Filter MOONGIFT
WebGL FilterはWebGLを使ったWebベースの画像イフェクトソフトウェア。 WebGL FilterはHTML5/JavaScriptのフリーウェア（ソースコードは公開されている）。HTML5では様々な新しい機能をWebの世界に提供する。その一つとして知っておきたいのがWebGLだ。GPUを使ったグラフィカルな表示処理が可能になる。 イフェクト例 だが一般的なWeb開発者からすると敷居が高く、ゲームや3Dグラフィックスを必要としない限り使わない技術に思えてしまう。だがWebGL Filterを見れば考えが変わるかも知れない。 WebGL Filterは画像にイフェクトを施すWebアプリケーションだ。WebGLを使っているので高速、かつリアルタイムに処理が施せるのが特徴になっている。明るさやコントラスト、ぼかしやズーム効果など様々なイフェクトが用意されている。 他のファイルを開く
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webglsamples - Project Hosting on Google Code
