码迷,mamicode.com
首页 > 其他好文 > 详细

用TWaver加载大型游戏场景一例

时间:2015-01-06 15:43:00      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:3d   twaver 3d   mono design   twaver   3d模型   

游戏中经常会出现一些大型的户外场景,例如一个小镇、一座古城等。通常这种场景中包含了较多的建筑、道路、桥梁等等元素,其3D模型比较大且复杂。在使用TWaver加载时,可使用一些技巧,让加载速度更快、显示更流畅。
技术分享

TWaver 3D支持导入json或obj等格式的3D场景。如果是obj格式,可将obj文件、mtl文件、所有贴图文件,以字符串参数形式传给TWaver进行加载。当然这些文件也都可以是网络上的URL字符串。

1
2
var loader = new mono.OBJMTLLoader();
loader.load(obj, mtl, images);

TWaver支持在加载过程中对每一个物体进行进一步处理。例如材质贴图、特性等。我们通过下面的代码,可以将每一个加载的物体强制用白模显示:

1
2
3
4
5
6
var loader = new mono.OBJMTLLoader();
loader.load(obj, mtl, images, function (object) {
  box.addByDescendant(object);
  box.forEach(function(element){
    element.setStyle(‘m.texture.image‘,null);
  });

技术分享

或者直接使用wireframe的方式忽略物体表面,直接显示物体的线条形状:

1
2
3
4
5
6
var loader = new mono.OBJMTLLoader();
loader.load(obj, mtl, images, function (object) {
  box.addByDescendant(object);
  box.forEach(function(element){
    element.setStyle(‘m.wireframe‘,true);
  });

技术分享

技术分享

技术分享

这个obj文件超过16兆,TWaver解析的过程不超过5秒。但是实际应用中,资源文件可能存在网络上,网络传输则需要一定的时间。可以将obj文件或json文件进行打包压缩,加快传输效率。对于材质也可以适当降低精度,在显示出场景后再逐渐加载或按需加载高精度的贴图,进行动态的更换。

用TWaver加载大型游戏场景一例

标签:3d   twaver 3d   mono design   twaver   3d模型   

原文地址:http://blog.csdn.net/twaver/article/details/42458243

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!