HTML5技术

HTML5教程:用HTML5实现twitch3D游戏(2)_HTML教程

字号+ 作者:H5之家 来源:H5之家 2015-09-24 19:16 我要评论( )

HTML5教程:用HTML5实现twitch3D游戏(2),学习HTML5教程:用HTML5实现twitch3D游戏(2),HTML5教程:用HTML5实现twitch3D游戏(2)图形 目前多数浏览器对WebGL

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使用技巧以优化文件大小。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评