Threejs 中建立可看到其内部的房间效果

最新推荐文章于 2025-10-23 10:02:46 发布

转载最新推荐文章于 2025-10-23 10:02:46 发布 · 1.5k 阅读

threejs 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用Three.js创建一个可以从内部观察的房间模型，关键在于设置材质属性.material.side为THREE.BackSide，使网格背面可见。通过研究Three.js，可以深入理解OpenGLES概念，从抽象到实践。

Threejs 中建立可看到其内部的房间效果

太阳火神的美丽人生 (http://blog.youkuaiyun.com/opengl_es)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句：太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。

   var cubetex = THREE.ImageUtils.loadTexture('./maps/house_wall.png');
   var geo = new THREE.CubeGeometry(10, 6, 3);
   var cube = new THREE.Mesh(geo, new THREE.MeshPhongMaterial({map: cubetex}));
   cube.material.side = THREE.BackSide;
   cube.position.set(0, 0, 1.5);
   scene.add(cube);

这点代码，凝聚了很多东西在里面，关键的部分是

.material.side = THREE.BackSide;

有 OpenGLES 的功底，理解这个就不难了。
但要想在茫茫 Threejs 源码的大海中，捞到这一根针，确实不太容易，期望着，Threejs 能快速成长起来，也希望有开源社区能积极地把它做大做强，文档完善好，这也需要各位看客们的参与。

俺是 js 门外汉，估计是心有意而力不足了，Threejs 的强大，越研究越能体会到，有很多思想和架构方式可借鉴。

同时，Threejs 也是一本很好的 OpenGLES 教科书，通过研究它，能很好的理解各种概念，由抽象变得实际。

---------------------
作者：太阳火神的美丽人生
来源：优快云
原文：https://blog.youkuaiyun.com/opengl_es/article/details/38128961
版权声明：本文为博主原创文章，转载请附上博文链接！