Cesium高级开发教程之三：火箭喷火尾焰

教程示例网站：https://thomaz529.github.io

一、效果图

二、代码

在html中插入dom元素video，设置webm地址和类型，设置自动播放和循环播放。

  <video id="flame" autoplay loop>
    <source src="/img/喷气火焰.webm" type="video/webm" />
  </video>

 通过设置VideoSynchronizer来添加火箭尾焰效果，并添加plane实体来设置材质，并修改朝向，并且添加火箭模型，设置火箭朝向与尾焰一致即可。

    var videoElement = document.getElementById("flame");
    var plane = viewer.entities.add({
      position: Cesium.Cartesian3.fromDegrees(-79, 39, 10000),
      orientation: Cesium.Transforms.headingPitchRoll