Cesium动态更改贴图

原帖：https://www.cnblogs.com/flypopo/p/9774079.html

网上看了篇帖子，记录一下，还没有测试是否可行
无法更改单个实力的贴图所有实力的贴图都会同步发生更改

var viewer = new Cesium.Viewer('cesiumContainer');
var scene = viewer.scene;var imagePath = '../../../../Apps/SampleData/models/CesiumAir/0_Cesium_Air.png';
var model = createModel('../../../../Apps/SampleData/models/CesiumBalloon/CesiumBalloon.glb');// New texture must be the same size as the original texture
model.readyPromise.then(function() {var textureIndexToReplace = 0;var textures = model._rendererResources.textures;var texture = textures[textureIndexToReplace];Cesium.Resource.fetchImage({url : imagePath}).then(function(image) {texture.copyFrom(image);texture.generateMipmap(); // Also replaces textures in mipmap});
});function createModel(url) {var origin = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, 0.0);var modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(origin, new Cesium.HeadingPitchRoll(0.0, 0.0, 0.0));var model = scene.primitives.add(Cesium.Model.fromGltf({url : url,modelMatrix : modelMatrix,minimumPixelSize : 128,incrementallyLoadTextures : false}));model.readyPromise.then(function(model) {var camera = viewer.camera;// Zoom to modelvar controller = scene.screenSpaceCameraController;var r = 2.0 * Math.max(model.boundingSphere.radius, camera.frustum.near);controller.minimumZoomDistance = r * 0.5;var center = Cesium.Matrix4.multiplyByPoint(model.modelMatrix, model.boundingSphere.center, new Cesium.Cartesian3());var heading = Cesium.Math.toRadians(230.0);var pitch = Cesium.Math.toRadians(-20.0);camera.lookAt(center, new Cesium.HeadingPitchRange(heading, pitch, r * 2.0));}).otherwise(function(error){window.alert(error);});return model;
}/*
// Alernate approach - but requires fix in DelayLoadedTextureUniform to return this._textures[this._textureId] instead of this._value
model.readyPromise.then(function() {var textureIndexToReplace = 0;var textures = model._rendererResources.textures;var oldTexture = textures[textureIndexToReplace];Cesium.Resource.fetchImage({url : imagePath}).then(function(image) {var newTexture = new Cesium.Texture({context : viewer.scene.frameState.context,source : image});textures[textureIndexToReplace] = newTexture;oldTexture.destroy();});
});
*/

Cesium动态更改贴图相关推荐

vue动态更改背景图
文章目录前言一.要怎么做? 二.使用步骤 1.在data中写入数据 2.添加背景图到div处总结前言例如:项目中我们需要动态改变背景图. 一.要怎么做? 示例:1.首先我们要拿到数据中背景图 ...
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示文章目录 0.前言 1.引用模块 2.界面设计 3.数据准备 4.实例地图 5.动态修改气泡图标 6.结束语 0.前言实现的效果 ...
动态多尺度图表达3D人体骨架运动，实现精准预测效果超SOTA
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达现有的基于3D人体骨架的运动预测方法往往不考虑身体不同部位之间的关 ...
php自动轮播图代码,JavaScript如何实现动态轮播图效果？（代码示例）
本篇文章给大家带来的内容是JavaScript如何实现动态轮播图效果?(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 功能描述: 1.鼠标经过左右侧箭头显示,鼠标离开 ...
Vivado Fir Ip核动态更改滤波器系数的两种方法
有时在设计过程中,可能需要不同的滤波效果,如果采样率一样的情况下,我们有两种方式进行切换系数. 第一种就是真正意义上的动态切换,如下图: 这种方式适合真正意义上的系数从新加载,但是配置相对复杂,但是省 ...
android动态更改布局宽高,动态更改Android上的线性布局宽度或高度
我试图动态更改线性布局或任何其他窗口小部件宽度或高度,但引发异常.动态更改Android上的线性布局宽度或高度我的布局: android:id="@+id/abc" androi ...
动态更改屏幕方向LANDSCAPE与PORTRAIT 转
动态更改屏幕方向--LANDSCAPE与PORTRAIT package irdc.ex05_22; import android.app.Activity; import android.conte ...
css vue 选项卡_vuejs实现标签选项卡动态更改css样式的方法
html {{item.name}} js var app = new Vue({ el:"#app", router, data:{ m:"hello vue.js&q ...
C++Builder编程中动态更改自定义打印纸张
C++Builder编程中动态更改自定义打印纸张因网上只有Delphi例子本人在用CB编写时发现有一些例子不能用, 所以一生气就索性查了查资料自己写了,怕网友们在用编程时也遇见此类情况, 就马上传了 ...

Cesium动态更改贴图

Cesium动态更改贴图相关推荐

最新文章

热门文章