Scene

场景类可以方便我们对场景进行管理，包括场景天空盒、场景颜色。

方法

skybox( ) webgl

设置天空盒

function skybox: (path: string, format?: string) => void

• 参数

  • path: 天空盒路径

    • 注意: 需要六张图片组合成天空盒，且图片名称必须为 negx 、 negy 、 negz 、 posx 、 posy 、 posz

  • format: 图片格式（默认为 .jpg 格式）

• 返回值

  • 无

• 示例

...省略获取meta实例的步骤...

const scene = meta.scene;
scene.skybox("/img/", ".jpg");

skycolor( ) webgl

设置纯色背景

function skycolor: (color: string) => void

• 参数

  • color: 颜色

    • 支持各种格式的颜色输入，参考: Color

• 返回值

  • 无

• 示例

...省略获取meta实例的步骤...

const scene = meta.scene;
scene.skycolor("skyblue");

add( ) webgl

向场景中添加模型

function add(model: WebglModel): WebglScene

• 参数

  • model: 三维模型

• 返回值

  • WebglScene: 场景实例

• 示例

import * as THREE from "three";
...省略获取meta实例的步骤...

const scene = meta.scene;
const geometry = new THREE.BoxGeometry(10, 10, 10);
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);
scene.add(cube);