js文件class FMation3DApp例子

下面是一个简单的 FMation3DApp 类的示例，用于在 Three.js 中创建和操作 3D 对象：

class FMation3DApp {
  constructor() {
    this.scene = new THREE.Scene();
    this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
    this.renderer = new THREE.WebGLRenderer();
    this.renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(this.renderer.domElement);
    this.geometry = new THREE.BoxGeometry(1, 1, 1);
    this.material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
    this.cube = new THREE.Mesh(this.geometry, this.material);
    this.scene.add(this.cube);
    this.camera.position.z = 5;
    this.animate();
  }

  animate() {
    requestAnimationFrame(() => this.animate());
    this.cube.rotation.x += 0.01;
    this.cube.rotation.y += 0.01;
    this.renderer.render(this.scene, this.camera);
  }
}

const app = new FMation3DApp();

在这个例子中，我们创建了一个名为 `FMation3DApp` 的类，它包含了一个场景、一个相机、一个渲染器和一个立方体对象。我们通过在构造函数中创建这些对象，并在场景中添加立方体，来初始化我们的 Three.js 应用程序。随后，我们创建了一个 `animate` 方法，用于更新场景中的对象并渲染帧。最后，我们创建了一个 `FMation3DApp` 实例，并调用其 `animate` 方法以启动渲染循环。