目前只有少數的瀏覽器支持WebGL ,請看我的另外一篇文章:Can I use WebGL?.
下面的例子是在Windows 下的Chrome 16/23 以及Android 下的Firefox 17 進行測試。如果你使用的是非兼容瀏覽器訪問則會彈出一個警告。
圖1:包含Hello world 文本的動畫的WebGL 立方體
在兼容HTML5 的瀏覽器上,你將會看到如下圖所示的帶動畫效果的立方體:
圖2: 示例運行的屏幕截圖
該代碼基於Lighting in WebGL - How to simulate lighting effects in your WebGL context - 非常感謝這篇教程。在該實例初始運行時,動畫的立方體是通過一個靜態的Bitmap 圖形對象渲染的。
下面的代碼演示如何在程序中動態的渲染文本:
XML/HTML Code複製內容到剪貼板