cesium可视域

Dream_travelerly

已于 2022-10-21 09:33:23 修改

阅读量344

点赞数

分类专栏： cesium 文章标签：前端 javascript 开发语言

于 2022-09-20 16:52:10 首次发布

本文链接：https://blog.csdn.net/Dream_travelerly/article/details/126956734

版权

该博客介绍了如何使用Cesium的PostProcessStage创建并应用阴影贴图，通过更新和获取场景状态，设置不同的阴影参数，包括阴影矩阵、光位置、距离等，以实现精细的三维场景阴影渲染效果。

摘要由CSDN通过智能技术生成

createPostStage() {
const fs = glsl
const postStage = new Cesium.PostProcessStage({
fragmentShader: fs,
uniforms: {
shadowMap_textureCube: () => {
this.shadowMap.update(Reflect.get(this.viewer.scene, “_frameState”));
return Reflect.get(this.shadowMap, “_shadowMapTexture”);
},
shadowMap_matrix: () => {
this.shadowMap.update(Reflect.get(this.viewer.scene, “_frameState”));
return Reflect.get(this.shadowMap, “_shadowMapMatrix”);
},
shadowMap_lightPositionEC: () => {
this.shadowMap.update(Reflect.get(this.viewer.scene, “_frameState”));
return Reflect.get(this.shadowMap, “_lightPositionEC”);
},
shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness: () => {
this.shadowMap.update(Reflect.get(this.viewer.scene, “_frameState”));
const bias = this.shadowMap._pointBias;
return C