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

2023-12-20 17:42:52

  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();
上一篇：Unity3D Android手机开发环境配置，可真机发布调试


下一篇：XPOSED优秀模块列表 --- 电话号码修复