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

1. viewer = new Cesium.Viewer('cesiumContainer'
2.     /*
3.     ,{
4.         shouldAnimate : true
5.     }*/
6. );
7. //创建3d模型
8. function Create3DModel() {
9.     //var viewer = new Cesium.Viewer('cesiumContainer');
10.     var entity = viewer.entities.add({
11.         position: Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
13.         model: {
14.             //uri : '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb'
15.             uri: '../Apps/SampleData/models/CesiumAir/Cesium_Air.glb'
16.             //uri : '../Apps/SampleData/models/CesiumMan/Cesium_Man.glb',
17.         }
18.     });
19.     viewer.trackedEntity = entity;
20. }
21. //Create3DModel();
22. 
     
23. //创建3d模型设置位置
24. function Create3DModel2() {
25.     var position = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706);
26.     var heading = Cesium.Math.toRadians(45.0);
27.     var pitch = Cesium.Math.toRadians(0);
28.     var roll = Cesium.Math.toRadians(0);
29.     var orientation = Cesium.Transforms.headingPitchRollQuaternion(position, new Cesium.HeadingPitchRoll(heading, pitch, roll));
31.     var entity = viewer.entities.add({
32.         position: position,
33.         orientation: orientation,
34.         model: {
35.             uri: '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb'
37.         }
38.     });
39.     viewer.trackedEntity = entity;
40. }
41. //Create3DModel2();
42. 
     
43. //创建模型gltf格式，可视化坐标
44. function CreateModel() {
45.     var scene = viewer.scene;
47.     var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
48.         Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
49.     var model = scene.primitives.add(Cesium.Model.fromGltf({
50.         //url : '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb',
51.         url: '../Apps/SampleData/models/CesiumMan/Cesium_Man.glb',
52.         //url : '../Apps/SampleData/models/CesiumAir/Cesium_Air.glb',
53.         modelMatrix: modelMatrix,
54.         scale: 20000.0
55.     }));
56.     viewer.extend(Cesium.viewerCesiumInspectorMixin);
57. }
58. //CreateModel();
59. 
     
60. //创建模型gltf格式，动画
61. function CreateModelAni() {
62.     var scene = viewer.scene;
64.     var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
65.         Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
66.     var model = scene.primitives.add(Cesium.Model.fromGltf({
67.         //url : '../Apps/SampleData/models/GroundVehicle/GroundVehicle.glb',
68.         url: '../Apps/SampleData/models/CesiumMan/Cesium_Man.glb',
69.         //url : '../Apps/SampleData/models/CesiumAir/Cesium_Air.glb',
70.         modelMatrix: modelMatrix,
71.         scale: 200000.0
72.     }));
74.     Cesium.when(model.readyPromise).then(function (model) {
75.         model.activeAnimations.addAll({
76.             loop: Cesium.ModelAnimationLoop.REPEAT,
77.             speedup: 0.5,
78.             reverse: false,
80.         });
81.     });
83.     viewer.extend(Cesium.viewerCesiumInspectorMixin);
84. //事件，鼠标点击模型，在控制台输出信息
85.     var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
86.     handler.setInputAction(
87.         function (movement) {
88.             var pick = scene.pick(movement.endPosition);
89.             if (Cesium.defined(pick) && Cesium.defined(pick.node) && Cesium.defined(pick.mesh)) {
90.                 console.log('node: ' + pick.node.name + '. mesh: ' + pick.mesh.name);
91.             }
92.         },
93.         Cesium.ScreenSpaceEventType.MOUSE_MOVE
94.     );
96. }
97. CreateModelAni();