threejs水晶球体
时间: 2023-10-16 11:12:04 浏览: 141
可以使用Three.js中的SphereGeometry和MeshPhongMaterial来创建一个水晶球体。首先,需要创建一个球体几何体,并设置其半径和细分数。然后,创建一个材质并设置其颜色和反射属性。最后,将几何体和材质传递给Mesh对象并添加到场景中即可。
以下是一个简单的示例代码:
```javascript
// 创建场景、相机和渲染器
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// 创建球体几何体
var geometry = new THREE.SphereGeometry(5, 32, 32);
// 创建材质
var material = new THREE.MeshPhongMaterial({
color: 0xffffff,
specular: 0x999999,
shininess: 100,
reflectivity: 1
});
// 创建球体并添加到场景中
var sphere = new THREE.Mesh(geometry, material);
scene.add(sphere);
// 添加光源
var light = new THREE.PointLight(0xffffff, 1, 100);
light.position.set(10, 10, 10);
scene.add(light);
// 设置相机位置
camera.position.z = 20;
// 渲染场景
function render() {
requestAnimationFrame(render);
sphere.rotation.x += 0.01;
sphere.rotation.y += 0.01;
renderer.render(scene, camera);
}
render();
```
阅读全文