zoukankan      html  css  js  c++  java
  • Cesium学习笔记2-3:视频投影

    Cesium实时视频监控(RTSP流)投影融合+投影参数动态调节

     https://www.bilibili.com/video/BV1Xt4y1Y7dh/?spm_id_from=333.788.videocard.0

    Cesium多路视频监控融合+视频边缘羽化融合

    https://www.bilibili.com/video/BV1d5411V7Ap/?spm_id_from=333.788.videocard.2

    星火科技演示

    http://cesium.marsgis.cn/cesium-example/editor.html#72_video2DFly

     http://cesium.marsgis.cn/cesium-example/editor.html#72_video3D

    QQ群

    854943530

     Cesium深入浅出之视频投影-普通的投影

    https://www.cnblogs.com/HelsingWang/p/13670200.html

    Cesium深入浅出之可视域分析

    https://www.cnblogs.com/HelsingWang/p/13584110.html

     顾名思义,ShadowMap就是阴影贴图

    Cesium深入浅出之阴影贴图

    https://www.cnblogs.com/HelsingWang/p/13884954.html

    引子

    又偷懒了,说好的周更的,又拖了一个月咯。前面两篇写了可视域分析和视频投影,无一例外的都用到了ShadowMap也就是阴影贴图,因此觉得又必要单独写一篇阴影贴图的文章。当然了,还有另外一个原因,文章中视频投影是利用Cesium自带的Entity方式实现的,毫无技术性可言,在文章结尾我说了可以使用ShadowMap方式来做,原理类似于可视域分析,那么今天我就把实现方式给大家说一下。

    预期效果

    照例先看一下预期的效果,既然说了阴影贴图,当然不能满足于只贴视频纹理了,这里我放了三张图,代表着我用了三种纹理:图片、视频、颜色。小伙伴惊奇的发现,颜色贴图不就是可视域分析么?嘿嘿,是的,因为原理都是一样的嘛。

    实现原理

    上面说了实现原和可视域分析是一样的,涉及到的知识点ShadowMap、Frustum、Camera之类的请参考Cesium深入浅出之可视域分析,这里不在赘述。只简单讲一点,阴影贴图支持不同的纹理,那么我们要做的就是创建一个ShadowMap,然后把不同类型的Texture传给他就可以了。

    具体实现

    实现流程与可视域分析也大致相似,类→创建Camera→创建ShadowMap→创建PostProcessStage→创建Frustum,只多了一步设置Texture,当然最核心的内容是在shader里。

    因为代码高度重合,这里就不贴全部代码了,只贴核心代码,如果有疑问的可以留言、私信、群里询问,我看到了都会回答的。

    构造函数

  • 相关阅读:
    js计算图片等比例缩放
    HTML2Canvas截图插件
    UUID字符串使用
    SQL删除表数据
    快速上手Vue+百度地图
    Vue 项目如何使用Echarts , 手摸手带你入门
    APUoyNOTrO
    React当中渲染文本的两个知识点
    Cookie与Session
    报障系统
  • 原文地址:https://www.cnblogs.com/kekeoutlook/p/14071509.html
Copyright © 2011-2022 走看看