three 天空球_three.js添加场景背景和天空盒（skybox）代码示例

HTML

导入代码模板：

import * as THREE from '//techbrood.com/threejs/build/three.module.js';

function main() {

const canvas = document.querySelector('#c');

const renderer = new THREE.WebGLRenderer({

canvas,

alpha: true

});

const fov = 75;

const aspect = 2; // the canvas default

const near = 0.1;

const far = 5;

const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);

camera.position.z = 2;

const scene = new THREE.Scene();

{

const color = 0xFFFFFF;

const intensity = 1;

const light = new THREE.DirectionalLight(color, intensity);

light.position.set(-1, 2, 4);

scene.add(light);

}

const boxWidth = 1;

const boxHeight = 1;

const boxDe