Cesium 视频融合，边缘模糊

最新推荐文章于 2025-06-10 11:13:01 发布

申小璇

最新推荐文章于 2025-06-10 11:13:01 发布

阅读量7.6k

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Cesium 文章标签： webgl shader

本文链接：https://blog.youkuaiyun.com/weixin_49608678/article/details/113642955

之前做视频投影或者叫视频融合，摄像头视角如果是俯视，就好比路口的监控，就可以直接投影在模型上，甚至拼接也好弄，可是摄像头角度是个问题，如果是平时的角度，投影在地上就会完全变形
在这里插入图片描述
于是乎就想到了通过分析视锥把视频塞在视线前面，当然这种方法很简陋😂

这就只需要知道监控的位置，姿态，然后把相机设置成那些值便可以了，

在这里插入图片描述
但是这样效果不好，如果能加上渐变虚化或者边界模糊的话，效果就会好很多。

先说说怎么将视频加进来把，写到这，突然想到为什么不直接用div加载视频呢。。。。待会试试
这里就直接简单粗暴用primitive画一个墙，把材质设置为video的dom节点

			const videoEl = document.getElementById('video');
            var pArr = []
            var instance =new Cesium.GeometryInstance({
   
   
                geometry