CDN方式安装three.js

要通过CDN方式安装three.js，可以按照以下步骤进行操作：

1. 在你的HTML文件中，添加以下代码来引入three.js的CDN链接：

<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script>

这将会从jsDelivr的CDN服务加载three.js的最新版本。

2. 接下来，你可以在你的JavaScript代码中使用three.js提供的功能了。例如，你可以创建一个场景、添加几何体、应用材质等等。

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

// 创建几何体
var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);

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

// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);

// 将渲染器的输出添加到HTML页面中
document.body.appendChild(renderer.domElement);

// 渲染场景
function animate() {
    requestAnimationFrame(animate);
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;
    renderer.render(scene, camera);
}
animate();

这是一个简单的示例，展示了如何使用three.js创建一个旋转的立方体，并将其渲染到页面上。

通过以上步骤，你就可以通过CDN方式安装并使用three.js了。记得在实际项目中，你可能需要根据你的需求引入其他的three.js模块或者使用其他的CDN链接。