Project Description

軽快に3Dコンテンツがグリグリ動かせるWebGL

このページではWebGL技術を使った3D グラフィックをブラウザに表示する3Dロープレ風クイズゲームです。キーボードで主人公の動きを制御します。ゲームが進めて行けば、WebGLの処理の爽快感を実感していただけると思います。PC版のChrome推奨ですが、まるでFlashのような動きをブラウザだけで実現できます。3Dグラフィックのため、初回のデータの読込には少し時間がかかります。
画面サイズは、1920✕1080のPCに最適化しています。動作推奨ブラウザはChromeです。
では、WebGL体験を下記のボタンでどうぞ。

Play game

WebGLに関して

WebGL は Web 用の OpenGL ES 2.0 です。HTML5のCanvasにおいてJavaScriptで制御します。物理的にGPUアクセラレーション使用し、画像処理と効果WebページをCanvasの一部とすることによって、Web基準に統合されています。また、WebGLの構成要素はHTMLの他要素に混合使用ができ、ページ背景やウェブページに一体化されることができます。
Javascript APIでブラウザから直接3Dグラフィックスを動かせます。WebGLはJavaScriptで実行されるグラフィックスカード加速のための3Dレンダリングにアクセスできます。また、WebGLはすべてのDOMインターフェスに組み込むことができます。OpenGL ES 2.0に準拠しているため、将来的にはスマートフォンなどに多くのデバイスでWebGLが動く日も近いです。

WebGLで何ができますか?

多くの方に思ったように3Dグラフィックスは、アプリケーションでしか実行できないではないかという考えに裏切れて実際にWebGLによって3Dグラフィックスをそれ以上にブラオザーに走らせて動画や、ゲームや、3D設計環境づくりや、物理学シミュレーションなどに役に立ちます。

WebGL対応ブラウザ

●WebGLの対応の主なブラウザです(2013年10月現在)
パソコン用ブラウザ
 Chrome
 Firefox
 Safari (Mac版) ※設定が必要です
 Opera
スマートフォン用ブラウザ
 Firefox for Android
 Chrome for Android ※設定が必要です
 Opera for Android

●WebGLの対応していない主なブラウザ
パソコン用ブラウザ
 インターネット・エクスプローラー全般(Internet Explorer)
 Safari (Windows版)
スマートフォン用ブラウザ
 Safari (iPhone, iPad系)
 Opera (iPhone, iPad系)

Play game

Contact Us

お問合せはこちらから

ラボ型開発・オフショア開発・HTML5コーディング・スマホアプリに対する質問などお気軽にご連絡ください。

Contact Us