物体在场景中的位置设置

来源:5-15 es6的继承多态开发block

慕UI4243056

2019-01-01

可能是哪方面的知识遗漏了,

Camera的设置

import sceneConf from '../../confs/scene-conf.js';
import blockConf from '../../confs/block-conf.js';

class Camera {
  constructor() {
    this.instance = null;
  }
  init() {
    const aspect = window.innerHeight / window.innerWidth;
    this.instance = new THREE.OrthographicCamera(-sceneConf.frustumSize, sceneConf.frustumSize, sceneConf.frustumSize * aspect, -sceneConf.frustumSize * aspect,-100, 85);
    this.instance.position.set(-10, 10, 10);
    this.target = new THREE.Vector3(0, 0, 0);
    this.instance.lookAt(this.target);
  }
}
export default new Camera();
const cuboid = new Cuboid(-10, -8, 30);
const cylinder = new Cylinder(10,10, 10);

立方体设置这样的参数才能使物体在相应的位置
图片描述

写回答

1回答

千迦

2019-01-01

同学你好,参考课程的源码看一下相机的位置,block的位置和renderer的参数配置,这些都会影响到场景最终的渲染效果

0
0

three.js-打造微信小游戏跳一跳 快速掌握3D游戏开发

three.js+WebGL+微信小游戏API, 带你进入3D的游戏世界

793 学习 · 147 问题

查看课程