cesium粒子效果——飞机喷口火焰效果

效果：

---

实现思路（最后有完整代码）：

1.用clock组件创建时间线

2.时间轴和飞机的位置信息绑定

3.添加模型让模型按照绑定的位置飞行

4.创建粒子系统就是飞机的两个喷口

粒子所需图片地址链接：https://pan.baidu.com/s/12fUyDn6M_uyna5bGHTOvSQ 
提取码：1234

5.让粒子实时跟随模型移动

---

1.用clock组件创建时间线 代码：

 // 创建时间线
  var start = Cesium.JulianDate.fromDate(new Date()); // 设置时间轴当前时间为开始时间
  var start = Cesium.JulianDate.addHours(start, 8, new Cesium.JulianDate()); // 开始时间加8小时改为北京时间
  var stop = Cesium.JulianDate.addSeconds(start, 400, new Cesium.JulianDate()); // 设置结束时间为开始时间加400秒
  // 设置时钟开始时间
  viewer.clock.startTime = start.clone();
  // 设置时钟当前时间
  viewer.clock.currentTime = start.clone();
  // 设置时钟结束时间
  viewer.clock.stopTime = stop.clone();
  // 时间速率，数字越大时间过的越快，设置1好像是和实际时间一样
  viewer.clock.multiplier = 0.8;
  // 时间轴绑定到viewer上去
  //   viewer.timeline.zoomTo(start, stop);
  // 循环执行，到达终止时间，重新从起点时间开始
  viewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP;

2.时间轴和飞机的位置信息绑定 代码：

//设置飞行轨迹  
var data = [
    {
      long: 111.110693,
      lat: 36.0994841,
      height: 10000,
      time: 0,
    },
    {
      long: 111.112693,
      lat: 35.0994841,
      height: 10000,
      time: 180,
    },
    {
      longe: 112.310693,
      lat: 34.0994841,
      height: 50000,
      time: 400,
    },
  ];

  let property = computeFlight(data); // 这是通过一个方法把时间轴和飞机的位置信息绑定了
  //   时间轴和飞机的位置信息绑定
  function computeFlight(source) {
    let property = new Cesium.SampledPositionProperty();
    for (let i = 0; i < source.length; i++) {
      let time = Cesium.JulianDate.addSeconds(
        start,
        source[i].time,
        new Cesium.JulianDate()
      );
      let position = Cesium.Cartesian3.fromDegrees(
        source[i].long,
        source[i].lat,
        source[i].height
      );
      // 添加位置，和时间对应
      property.addSample(time, position);
    }
    return property;
  }

---

3.添加模型让模型按照绑定的位置飞行 代码：

 //   添加并移动飞机
  var entity2 = viewer.entities.add({
    availability: new Cesium.TimeIntervalCollection([
      new Cesium.TimeInterval({
        start: start,
        stop: stop,
      }),
    ]),
    position: property,
    // 基于位置计算方向角
    orientation: new Cesium.VelocityOrientationProperty(property),
    model: {
      uri: "./model/j11.gltf",
      scale: 100.05, //放大倍数
    },
    /