北京建设网站有哪些公司,模仿网站 素材哪里来,wikidot网站怎么做,闷声赚钱的10个副业运用场景#xff1a;
在项目中有需要将3Dtiles加载得lod1,lod2.5等模型得贴图进行模糊化的相关功能 问题描述
例如#xff1a;如果使用maximumScreenSpaceError的方式进行模糊化也可以达到我们需要得效果,但是需要我们去调整视角查看,在一定得视角范围得模型才会模糊化,不能…运用场景
在项目中有需要将3Dtiles加载得lod1,lod2.5等模型得贴图进行模糊化的相关功能 问题描述
例如如果使用maximumScreenSpaceError的方式进行模糊化也可以达到我们需要得效果,但是需要我们去调整视角查看,在一定得视角范围得模型才会模糊化,不能到到大范围得模型进行模糊化,所以不是很完善.我们可以使用CustomShader进行大场景得模型模糊化来达到我们得目的! 参考代码如下 //cesium初始化得时候噩梦需要添加这个方法,将模糊化精度打开Cesium.ExperimentalFeatures.enableModelExperimental true;原因分析
例如cesium 新版本中需要添加上述的初始化方式才能开始模糊化分别是 Cesium.ExperimentalFeatures.enableModelExperimental true;否则我们是使用new Cesium.CustomShader,代码实现得功能是不会实现得 解决方案
Cesium.ExperimentalFeatures.enableModelExperimental true;
const tileset new Cesium.Cesium3DTileset({url: Cesium.IonResource.fromAssetId(75343),customShader: new Cesium.CustomShader({lightingModel: Cesium.LightingModel.UNLIT,fragmentShaderText: // Color tiles by distance to the cameravoid fragmentMain(FragmentInput fsInput, inout czm_modelMaterial material){material.diffuse vec3(0.0, 0.0, 1.0);material.diffuse.g -fsInput.attributes.positionEC.z / 1.0e4;},}),
});layer.inst.customShader new Cesium.CustomShader({lightingModel: Cesium.LightingModel.UNLIT,fragmentShaderText: // Color tiles by distance to the cameravoid fragmentMain(FragmentInput fsInput, inout czm_modelMaterial material){material.diffuse vec3(0.0, 0.0, 1.0);material.diffuse.g -fsInput.attributes.positionEC.z / 1.0e4;},})或者采用自行贴图得方式进行贴图模糊化,图片可以使用马赛克类似得图片进行.
const textureUniformShader new Cesium.CustomShader({uniforms: {// user-defined textureu_texture: {type: Cesium.UniformType.SAMPLER_2D,value: new Cesium.TextureUniform({url: http://localhost:8080/test3.jpg,}),}},// Apply the texture to the model, but move the texture coordinates// a bit over time so its animated.fragmentShaderText: void fragmentMain(FragmentInput fsInput, inout czm_modelMaterial material){material.diffuse texture(u_texture, fsInput.attributes.texCoord_0).rgb;},});layer.inst.customShader textureUniformShader
