Three.js 如何初始化一个光源?

17 min read

要在 Three.js 中初始化一个光源，可以使用以下步骤：

  1. 导入场景和渲染器：
var scene = new THREE.Scene();
var renderer = new THREE.WebGLRenderer();
  1. 初始化一个光源：
var light = new THREE.PointLight(0xffffff, 1, 100);
light.position.set(0, 0, 10);
scene.add(light);

这将创建一个白色的点光源，并将其位置设置为 (0, 0, 10)，并将其添加到场景中。

  1. 为场景设置相机：
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

这将创建一个透视相机，并将其位置设置为 (0, 0, 5)。

  1. 渲染场景：
renderer.render(scene, camera);

现在，您应该能够在场景中看到一个白色的点光源。

您还可以使用其他类型的光源，例如平行光、聚光灯、环境光等。每种类型的光源都具有不同的属性和用途，可以根据您的需求进行自定义。