Cesium如果链接着色器的?

Cesium的着色器是一个很庞大的技术体系,我们使用起来相对还是比较容易的。Cesium内置了很多以CZM_开头的函数和Uniform。这些着色器是如何关联,又是如何调用的呢?

为了方便表示,我们可以做一个想象。一堆货物需要经过码头 ,放到货轮 上,运往远处

1、货物(JS代码生成的对象)

为啥需要走这个流程呢?这是因为WebGL跟OpenGL、DirectX不一样。在WebGL中并没有Camera、View这种实例类,你需要在GLSL中编写相关脚本。也就是说,离开着色器是写不了WebGL的,一个最简单的WebGL程序都需要定义顶点着色器和片元着色器。

2、UniformState(码头)

这个玩意相当于**码头。**在这个类中,积累了大量运行参数,包括摄像头、View信息,比如_view3D、_viewRotation、_lightColor等等。UniformState提供setView()等函数,可以将JS计算得到的投影矩阵存储到本类的属性中。

3、AutomaticUniforms(货轮)

这玩意相当于**货轮。**在这个类中,它会把UniformState的_view3D等对象转化为Cesium着色器对应的名词,通俗一点就是包装。比如uniformState.viewportCartesian4被包装成czm_viewport。看到这里,你应该差不多想到后面的操作了。

4、ShaderProgram(远方)

这玩意相当于远方的消费市场。当然,你也清楚,不同的Shader使用的CZM_的数量是不一样的,因此在这里,还会调用partitionUniforms方法找出哪些名词需要映射到Cesium着色器中。而不是把AutomaticUniforms所有的对象都映射过去。最后这个映射方法是_setUniforms。

相关推荐
mxwin4 小时前
Unity URP 阴影映射 深度纹理、阴影采样与分辨率控制的深度解析
unity·游戏引擎·shader·着色器
Irene19916 小时前
OpenLayers 和 Cesium 都是流行的开源 JavaScript 库,用于在网页上构建地图和地理空间应用
openlayers·cesium
fxshy6 小时前
前端直连模型 vs 完整 MCP:大模型驱动地图的原理与实践(技术栈Vue + Cesium + Node.js + WebSocket + MCP)
前端·vue.js·node.js·cesium·mcp
伐尘7 小时前
【图形学】CS:GO 的 “Uber 着色器” 是啥?
开发语言·golang·着色器
mxwin1 天前
Unity Shader 顶点动画:在顶点着色器中实现风吹草动、河流波动、布料模拟
unity·游戏引擎·shader·着色器
棋鬼王1 天前
Cesium(十) 动态修改白模颜色、白模渐变色、白模光圈特效、白模动态扫描光效、白模着色器
前端·javascript·vue.js·智慧城市·数字孪生·cesium
UTwelve1 天前
【UE】如何正确旋转法线贴图
性能优化·ue5·材质·贴图·着色器
mxwin1 天前
Unity Shader 几何着色器:动态生成图元与顶点拓扑修改
unity·游戏引擎·着色器
duansamve1 天前
Cesium快速入门到精通系列教程二十四:限制相机在特定的Level之间展示地图
cesium
UTwelve4 天前
【UE】SDF - 使用有向距离场(Signed Distance Fields)整各种活-4-将图片制作为距离场图
ue5·photoshop·贴图·着色器