javascript - 如何将网格向左对齐并使其响应three.js

Question

我正在尝试使用three.js 制作一个网站，问题是我不知道如何对齐并同时响应网格，我像这样对齐网格。

cube.position.x = -20

但是当我调整窗口大小时它不会移动。我怎样才能让它响应并左对齐？

这是我的代码

const geometry = new THREE.BoxGeometry( 29, 20, 3  )
const material = new THREE.MeshBasicMaterial( { map: cubetexture } );
const cube = new THREE.Mesh( geometry, material );
cube.position.x = -20
scene.add(cube)

var clock = new THREE.Clock();

function animate() {
  requestAnimationFrame( animate );
  const time = clock.getElapsedTime();

  cube.position.y = Math.cos( time ) * 2;
  cube.rotateY(Math.cos( time ) * 0.002)
  renderer.render( scene, camera );
}

animate()

先感谢您：）

标签： javascriptthree.jsposition