three.js init

three.js是一个能够在现代Web浏览器中创建3D场景的JavaScript库。下面是一个简单的three.js初始化代码示例：

// 获取页面中的canvas元素
const canvas = document.querySelector("#myCanvas");

// 创建场景
const scene = new THREE.Scene();

// 创建相机
const camera = new THREE.PerspectiveCamera(75, canvas.clientWidth / canvas.clientHeight, 0.1, 1000);

// 创建渲染器
const renderer = new THREE.WebGLRenderer({ canvas });

// 设置渲染器的大小
renderer.setSize(canvas.clientWidth, canvas.clientHeight);

// 创建一个立方体网格模型
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);

// 将立方体添加到场景中
scene.add(cube);

// 将相机放置在立方体上方
camera.position.z = 5;

// 创建一个动画循环
function animate() {
  requestAnimationFrame(animate);
  cube.rotation.x += 0.01;
  cube.rotation.y += 0.01;
  renderer.render(scene, camera);
}

// 开始动画循环
animate();

这段代码将在canvas元素内创建一个简单的3D场景，其中包含一个旋转的立方体网格模型。你可以根据自己的需要对场景进行修改和扩展。