threejs 室外环境的灯光效果代码
时间: 2023-08-03 20:08:40 浏览: 61
以下是一个基本的 three.js 室外环境灯光设置的代码示例:
```javascript
// 创建场景
var scene = new THREE.Scene();
scene.background = new THREE.Color(0xbfd1e5);
// 创建相机
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(0, 20, 50);
// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// 创建平面
var planeGeometry = new THREE.PlaneGeometry(200, 200);
var planeMaterial = new THREE.MeshLambertMaterial({ color: 0x9acd32 });
var plane = new THREE.Mesh(planeGeometry, planeMaterial);
plane.rotation.x = -0.5 * Math.PI;
scene.add(plane);
// 添加环境光
var ambientLight = new THREE.AmbientLight(0x404040);
scene.add(ambientLight);
// 添加太阳光
var directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(-50, 50, 50);
scene.add(directionalLight);
// 渲染场景
renderer.render(scene, camera);
```
该代码创建了一个平面和两个光源:一个环境光和一个太阳光。环境光提供整体照明,而太阳光提供明亮的方向光。你可以根据你的需要调整这些光源的位置和强度。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)