three.js在最新的R133版本中加入octree八叉树碰撞检测的案例,我们可以借助这个契机将之前的3D画展升级,打造更好的用户体验。

为了获得更好的渲染效果,我们使用之前介绍过的方法将光线和阴影等都烘培到材质图片上。

01

当用户接近一副作品的时候,会提示用户查看作品详情,我们可以从用户当前位置向正前方向发射一条射线,进行碰撞检测和距离的判断。

02

是不是很简单,这个案例后面会添加到我的three.js教程系列中,敬请期待!

PC演示地址: https://www.xinapp.net/case/valtech/gallery/