three.js 写一个地球
时间: 2023-03-10 12:24:01 浏览: 46
使用three.js 集成到react项目画旋转的地球
你可以使用 three.js 创建一个地球的方式如下:
1. 创建一个场景 (Scene),场景中是你要渲染的对象。
2. 创建一个相机 (Camera),相机观察场景中的对象。
3. 创建一个渲染器 (Renderer),渲染器渲染场景中的对象并将结果显示在浏览器中。
4. 创建一个地球 (SphereGeometry),并设置其材质 (Material) 和纹理 (Texture)。
5. 将地球添加到场景中。
6. 使用相机渲染场景。
这是一个简单的示例代码:
```
// 创建场景
const scene = new THREE.Scene();
// 创建相机
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
// 创建渲染器
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// 创建地球
const geometry = new THREE.SphereGeometry(5, 32, 32);
const texture = new THREE.TextureLoader().load('earth.jpg');
const material = new THREE.MeshBasicMaterial({ map: texture });
const earth = new THREE.Mesh(geometry, material);
// 将地球添加到场景中
scene.add(earth);
// 使用相机渲染场景
renderer.render(scene, camera);
```
希望这能帮到你。
阅读全文