小编WMo*_*iro的帖子

如何在 VueJS 中使用 ThreeJS

我想使用threeJS,所以我用npm i Three --save 安装它。我遵循了 ThreeJS 文档中的基本教程,但出现错误。

  mounted () {
    this.initThree();
  },
  methods: {
    initThree() {
      this.scene = new THREE.Scene();
      this.camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

      this.renderer = new THREE.WebGLRenderer( { canvas: document.getElementById( "background" ), alpha: true, antialias: true } );
      this.renderer.setSize( window.innerWidth, window.innerHeight );

      let geometry = new THREE.BoxGeometry( 1, 1, 1 );
      let material = new THREE.MeshBasicMaterial( { color: 0x0000ff } );
      this.cube = new THREE.Mesh( geometry, material );
      this.scene.add( this.cube );

      this.camera.position.z …
Run Code Online (Sandbox Code Playgroud)

three.js vue.js

0
推荐指数
1
解决办法
3396
查看次数

标签 统计

three.js ×1

vue.js ×1