"Three.js 可视化源代码：创建交互式三维图形"

Three.js是一个流行的JavaScript库，用于创建交互式三维图形。以下是一个简单的Three.js可视化源代码示例，演示了如何创建一个交互式三维场景。

首先，确保你已经安装了Three.js库。你可以使用以下命令在HTML文件中引入Three.js：

```html

```

接下来，创建一个HTML文件，包含一个`div`容器和一个`canvas`元素。将以下代码粘贴到``标签中：

```html

Three.js 示例

body { margin: 0; }

canvas { display: block; }

```

然后，创建一个名为`main.js`的JavaScript文件，包含以下代码：

```javascript

// 获取场景、相机和渲染器

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.getElementById('container').appendChild(renderer.domElement);

// 加载立方体几何体和材质

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();

```

现在，运行HTML文件，你将看到一个包含一个绿色立方体的简单三维场景。点击立方体，它应该会旋转。这是一个非常基础的示例，但你可以使用Three.js创建更复杂的交互式三维图形。