Appearance
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) ?
初始化場(chǎng)景
Returns: Viewer - 返回場(chǎng)景 viewer
| Param | Description |
|---|---|
| dom | dom 元素或者 domid |
| options | 場(chǎng)景初始化參數(shù) |
Example
js
const container = document.getElementById('map');
const viewer = new Viewer(container, { center: [0, 0], height: 100, up: 'z' });viewer.canvas : HTMLCanvasElement ?
場(chǎng)景 canvas 對(duì)象
Kind: instance property of Viewer
viewer.scene : ftthree.Scene ?
場(chǎng)景
Kind: instance property of Viewer
viewer.camera : ftthree.PerspectiveCamera ?
透視相機(jī)
Kind: instance property of Viewer
viewer.cameraControl : FTCameraControl ?
相機(jī)控制器
Kind: instance property of Viewer
viewer.renderer : ftthree.WebGLRenderer ?
渲染器
Kind: instance property of Viewer
viewer.animationManager : animationManager ?
動(dòng)畫(huà)控制器
Kind: instance property of Viewer
viewer.composer : Composer ?
后處理效果類(lèi)
Kind: instance property of Viewer
viewer.css3dRenderer ?
css3d 渲染器
Kind: instance property of Viewer
viewer.ambientLight : THREE.AmbientLight ?
基礎(chǔ)燈光
Kind: instance property of Viewer
viewer.addEntityLayer(entitys, name) ?
批量添加要素進(jìn)圖層，圖層添加進(jìn)場(chǎng)景
Kind: instance method of Viewer
| Param | Type | Description |
|---|---|---|
| name | Array | 要素?cái)?shù)組 |
| name | string | 圖層名稱(chēng) |
| callback | function | 回調(diào)函數(shù)，返回圖層 |
viewer.removeEntityLayer(name) ?
從場(chǎng)景移除圖層
Kind: instance method of Viewer
| Param | Type | Description |
|---|---|---|
| name | string | 圖層名 |
viewer.addEntity(entity, group) ?
從圖層添加要素
Kind: instance method of Viewer
| Param | Type | Description |
|---|---|---|
| entity | Entity | |
| group | Group | 圖層組 |
viewer.removeEntity(entity, group) ?
從圖層移除要素
Kind: instance method of Viewer
| Param | Type | Description |
|---|---|---|
| entity | Entity | |
| group | Group | 圖層組 |
viewer.createTween(object) ? Tween ?
創(chuàng)建 tween 補(bǔ)間動(dòng)畫(huà)
Kind: instance method of Viewer
Returns: Tween - tween
| Param | Type |
|---|---|
| object | * |
Example
js
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() ?
銷(xiāo)毀場(chǎng)景
Kind: instance method of Viewer
viewer.renderer.setClearAlpha() ?
背景透明
Example
js
viewer.renderer.setClearAlpha(0.8);