前提條件和預(yù)期結(jié)果
目前只有少數(shù)的瀏覽器支持 WebGL ,請(qǐng)看我的另外一篇文章:Can I use WebGL?.
下面的例子是在 Windows 下的 Chrome 16/23 以及 Android 下的 Firefox 17 進(jìn)行測(cè)試。如果你使用的是非兼容瀏覽器訪問(wèn)則會(huì)彈出一個(gè)警告。
圖1:包含 Hello world 文本的動(dòng)畫(huà)的 WebGL 立方體
在兼容 HTML5 的瀏覽器上,你將會(huì)看到如下圖所示的帶動(dòng)畫(huà)效果的立方體:
圖2: 示例運(yùn)行的屏幕截圖
該代碼基于 Lighting in WebGL - How to simulate lighting effects in your WebGL context - 非常感謝這篇教程。在該實(shí)例初始運(yùn)行時(shí),動(dòng)畫(huà)的立方體是通過(guò)一個(gè)靜態(tài)的 Bitmap 圖形對(duì)象渲染的。
下面的代碼演示如何在程序中動(dòng)態(tài)的渲染文本:
新聞熱點(diǎn)
疑難解答