three.js建筑灯光秀效果(模拟城市灯光秀)

一, 看看效果

在这里插入图片描述
在这里插入图片描述

二, 实现思路

1、加载建筑模型,或者创建建筑模型

2、创建灯光秀的灯光设备

灯光设备是贴在建筑墙体上的一个一个小块儿,每个小块儿都可以随意更改颜色,来达到灯光的效果

3、灯光设备颜色随着视频联动

使用VideoTexture视频贴图,然后在shader中根据当前灯光设备小块所在的位置计算出与贴图的映射关系。取出贴图对应的位置的颜色赋予灯光小块儿,达到颜色联动的视觉。

三, 核心代码

html中添加视频并播放


<video style=

猜你喜欢

转载自blog.csdn.net/weixin_40856652/article/details/129924529