HTML5をサポートするブラウザでWebGLプログラムを実行する方法

現在、WebGLをサポートするブラウザはごくわずかです。私の記事の別の記事をご覧ください：webglを使用できますか？

次の例は、Windowsの下のChrome 16/23およびAndroidの下のFirefox 17でテストすることです。互換性のないブラウザを使用している場合、警告が表示されます。

図1：Hello World Textを含むアニメーションWebglキューブ

HTML5互換のブラウザでは、次の図に示すように、アニメーション効果のあるキューブが表示されます。

図2：実行の実行のスクリーンショット

このコードは、WebGLの照明に基づいています - WebGLコンテキストで照明効果をシミュレートする方法 - このチュートリアルをありがとう。インスタンスが最初に実行されると、アニメーション化されたキューブは静的ビットマップグラフィカルオブジェクトでレンダリングされます。

次のコードは、プログラムでテキストを動的にレンダリングする方法を示しています。