viewer ​

Viewer ​

Kind: global class

• Viewer
  • new Viewer(dom, options)
  • .canvas : HTMLCanvasElement
  • .scene : ftthree.Scene
  • .camera : ftthree.PerspectiveCamera
  • .cameraControl : FTCameraControl
  • .renderer : ftthree.WebGLRenderer
  • .animationManager : animationManager
  • .composer : Composer
  • .css3dRenderer
  • .ambientLight : THREE.AmbientLight
  • .addEntityLayer(entitys, name)
  • .removeEntityLayer(name)
  • .addEntity(entity, group)
  • .removeEntity(entity, group)
  • .createTween(object) ⇒ Tween
  • .destroy()

new Viewer(dom, options) ​

初始化场景

Returns: Viewer - 返回场景 viewer

Example

const container = document.getElementById('map');
const viewer = new Viewer(container, { center: [0, 0], height: 100, up: 'z' });

viewer.canvas : HTMLCanvasElement ​

场景 canvas 对象

Kind: instance property of Viewer

viewer.scene : ftthree.Scene ​

场景

Kind: instance property of Viewer

viewer.camera : ftthree.PerspectiveCamera ​

透视相机

Kind: instance property of Viewer

viewer.cameraControl : FTCameraControl ​

相机控制器

Kind: instance property of Viewer

viewer.renderer : ftthree.WebGLRenderer ​

渲染器

Kind: instance property of Viewer

viewer.animationManager : animationManager ​

动画控制器

Kind: instance property of Viewer

viewer.composer : Composer ​

后处理效果类

Kind: instance property of Viewer

viewer.css3dRenderer ​

css3d 渲染器

Kind: instance property of Viewer

viewer.ambientLight : THREE.AmbientLight ​

基础灯光

Kind: instance property of Viewer

viewer.addEntityLayer(entitys, name) ​

批量添加要素进图层，图层添加进场景

Kind: instance method of Viewer

viewer.removeEntityLayer(name) ​

从场景移除图层

Kind: instance method of Viewer

viewer.addEntity(entity, group) ​

从图层添加要素

Kind: instance method of Viewer

viewer.removeEntity(entity, group) ​

从图层移除要素

Kind: instance method of Viewer

viewer.createTween(object) ⇒ Tween ​

创建 tween 补间动画

Kind: instance method of Viewer
Returns: Tween - tween

Example

viewer.createTween({
  startObject: {
    x: isDay ? 1 : 0
  },
  endObject: {
    x: !isDay ? 1 : 0
  },
  update(object) {
    that.time.value = object.x;
    !isDay ? color1.lerp(color2, object.x) : color2.lerp(color1, 1 - object.x);
  },
  duration: 1000,
  done() {
    console.log(111);
  }
});

viewer.destroy() ​

销毁场景

Kind: instance method of Viewer

viewer.renderer.setClearAlpha() ​

背景透明

Example

viewer.renderer.setClearAlpha(0.8);