HTML5教程:用HTML5实现twitch3D游戏(2)
图形
目前多数浏览器对WebGL的支持已经很好,three.js是对使用WebGL很有用的库。它提供了简洁的API,内建的实用功能,通信模块等,其缺点是…文档很少。不过你可以通过很多现存例子来学习如何实现你所需要的功能。
一些例子使用了 state.js 和 dat.GUI 来监控频帧和修改设置,这两个库都是非常有用的。dat.GUI 可用于微调延迟补偿算法及游戏外观,如光强,材料属性等。
我们从 TurboSquid 买了游戏中所需的3D模型 (air hockey, mallet and puck) ,感谢 three.js 的 Blender 导出插件,依靠这个插件我们可以轻易地把Blender的场景(使用了买来的模型)转为json格式以用于浏览器。在分离模型,调整材料和减少多边形的数量的过程中,我们磨练了Blender使用技巧以优化文件大小。
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |