Cesium基础知识-创建模型，动画

viewer = new Cesium.Viewer('cesiumContainer'
/*
,{
shouldAnimate : true
}*/
);
//创建3d模型
function Create3DModel() {
//var viewer = new Cesium.Viewer('cesiumContainer');
var entity = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
model: {
//uri : '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb'
uri: '../Apps/SampleData/models/CesiumAir/Cesium_Air.glb'
//uri : '../Apps/SampleData/models/CesiumMan/Cesium_Man.glb',
}
});
viewer.trackedEntity = entity;
}
//Create3DModel();
//创建3d模型设置位置
function Create3DModel2() {
var position = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706);
var heading = Cesium.Math.toRadians(45.0);
var pitch = Cesium.Math.toRadians(0);
var roll = Cesium.Math.toRadians(0);
var orientation = Cesium.Transforms.headingPitchRollQuaternion(position, new Cesium.HeadingPitchRoll(heading, pitch, roll));
var entity = viewer.entities.add({
position: position,
orientation: orientation,
model: {
uri: '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb'
}
});
viewer.trackedEntity = entity;
}
//Create3DModel2();
//创建模型gltf格式，可视化坐标
function CreateModel() {
var scene = viewer.scene;
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
var model = scene.primitives.add(Cesium.Model.fromGltf({
//url : '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb',
url: '../Apps/SampleData/models/CesiumMan/Cesium_Man.glb',
//url : '../Apps/SampleData/models/CesiumAir/Cesium_Air.glb',
modelMatrix: modelMatrix,
scale: 20000.0
}));
viewer.extend(Cesium.viewerCesiumInspectorMixin);
}
//CreateModel();
//创建模型gltf格式，动画
function CreateModelAni() {
var scene = viewer.scene;
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
var model = scene.primitives.add(Cesium.Model.fromGltf({
//url : '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb',
url: '../Apps/SampleData/models/CesiumMan/Cesium_Man.glb',
//url : '../Apps/SampleData/models/CesiumAir/Cesium_Air.glb',
modelMatrix: modelMatrix,
scale: 200000.0
}));
Cesium.when(model.readyPromise).then(function (model) {
model.activeAnimations.addAll({
loop: Cesium.ModelAnimationLoop.REPEAT,
speedup: 0.5,
reverse: false,
});
});
viewer.extend(Cesium.viewerCesiumInspectorMixin);
//事件，鼠标点击模型，在控制台输出信息
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(
function (movement) {
var pick = scene.pick(movement.endPosition);
if (Cesium.defined(pick) && Cesium.defined(pick.node) && Cesium.defined(pick.mesh)) {
console.log('node: ' + pick.node.name + '. mesh: ' + pick.mesh.name);
}
},
Cesium.ScreenSpaceEventType.MOUSE_MOVE
);
}
CreateModelAni();

Cesium基础知识-创建模型，动画相关推荐

Cesium基础知识-创建图层
//创建一个图层 function CreateLayer() { var viewer = new Cesium.Viewer('cesiumContainer', { imageryProvide ...
Cesium 基础知识和文档记录
Cesium开发基础 CesiumLab--系统重启目录 • 一,关于我们 • 二,Cesium介绍 • 三,快速入门 • 四,常见问题 • 五,学习方法一,关于我们 --系统重启 • 2008年 ...
串口发送tcp数据源端口号_三分钟基础知识：用动画给面试官解释 TCP 三次握手过程...
作者 | 小鹿来源 | 小鹿动画学编程写在前边 TCP 三次握手过程对于面试是必考的一个,所以不但要掌握 TCP 整个握手的过程,其中有些小细节也更受到面试官的青睐. 对于这部分掌握以及 TC ...
【深度学习系列】基础知识、模型学习
基础知识原创 [深度学习]--训练过程原创 [深度学习]--BN层(batch normalization) 原创 [深度学习]--激活函数(sigmoid.tanh.relu.softmax) ...
MySQL基础知识——创建数据库和表
点击上方SQL数据库开发,关注获取SQL视频教程 SQL专栏 SQL基础知识汇总 SQL高级知识汇总创建数据库语法 CREATE TABLE tablename 或 CREATE TABLE `ta ...
造福于万千游戏建模初学者的贴图基础知识【模型烘焙贴图】
烘焙贴图,其实就是将模型与模型之间的光影关系通过图片的形式转换出来,这样就形成了一种贴图,将这种贴图控制在模型上,可以得到一种假的但很真实的效果.烘焙的贴图有:法线贴图,OCC或ao贴图,转换贴图,高 ...
Cesium基础知识-添加天空盒
var viewer = new Cesium.Viewer('cesiumContainer'); // 加载图层 viewer.imageryLayers.addImageryProvider( ...
音视频基础知识颜色模型
RGB色彩空间: 最典型.最常用的面向硬件设备的彩色模型是三原色模型,即RGB模型.每种颜色利用8位二进制数(两位十六进制数)表示该颜色的强度,其中颜色在为0x00表示颜色强度最弱,当为0xff颜色强 ...
HTML5基础知识，3D动画效果实现，定位，弹性布局以及CSS样式的设定,响应式，移动端
前端 HTML 超文本标记语言(超越文本) 网页 <html> 主体 <body> 头部 <head> 网页标题 <title> 段落 <p> ...

Cesium基础知识-创建模型，动画

Cesium基础知识-创建模型，动画相关推荐

最新文章

热门文章