欢迎来到Three.js的世界——3D渲染的神奇之旅

        Three.js 是一个开源的WebGL库，它提供了一套易于使用的API来创建和显示3D图形在网页上。Three.js封装了底层的WebGL API，简化了3D图形的编程过程，使得开发者可以更容易地创建出复杂的3D场景和动画。Three.js的主要概念包括场景(Scene)、相机(Camera)、渲染器(Renderer)、光源(Light)、材质(Material)、几何体(Geometry)和网格(Mesh)等。

        1. 场景(Scene)
        场景是Three.js中所有3D对象的容器，它相当于一个舞台，所有的物体、光源和相机都要加入到场景中才能被渲染出来。创建场景非常简单，只需要实例化一个THREE.Scene对象即可。

const scene = new THREE.Scene();

        2. 相机(Camera)
  &n