关于three.js线上展馆

我想写一个类似于这个线上展馆一样的页面:
image.png
我目前实现了房间场景的搭建:
image.png
四面是围墙,中间也是几面墙
很粗燥,大牛们别介意,
现在的问题是,怎么让图画出现自动出现在紧贴墙壁的位置??
我自己所能掌握的知识就是一个一个的确定每一个画框的三维位置,把所有三维位置写成一个数组,再通过数组进行循环创建,
大佬们有没有什么好的方法???

阅读 5.4k
3 个回答

持续更新,目前是这样的,场景给了环境光,为#fffffff,显出阴影的灯光为聚光灯,
image.png
墙壁材质为:
image.png
这个墙的颜色页太深了,明明设置的纯白色,怎么把墙壁调亮一点???
还有光源的设置问题:
光源只能设置16个吗??超过16个就:
image.png
这是光源代码:
image.png
,大佬们,请帮忙看看

个人理解,非规则的、静态的,去blender直接搭 搭完导出模型 threejs导入。
如果需要是都是动态、且空间位置具有规则的相框,感觉可以基于墙面位置去生成坐标 不需要提前确定。比如紧贴墙壁其实就是基于墙壁位置做偏移。
动态又没规则的 就好比你一个个手动挂相框吧。。实际中也是需要确定每一个相框的位置的。。

新手上路,请多包涵

楼主项目进展的咋样了,有没有比较好解决办法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题