如何在three.js浏览器中居中对象？

Question

我有一个用three.js编写的文件来输出由leapmotion控制的3D对象。代码不会输出屏幕中心的对象，它们会向右上方移动，只能显示两条边，而不是4条边。

注意如果代码未连接到leapmotion，代码将无法输出任何内容。

这是源文件。 https://github.com/ellinoran/calderan/blob/master/index.html

我附上了两张图片，一幅展示了它在浏览器中的显示方式，另一张展示了它应该如何显示。

我正在使用最新版本的chrome，我通过wamp服务器运行它。

Answer 1

我假设你已经成功地创建了场景，相机和渲染到场景的对象，你可以通过使用这个小代码来实现将对象定位到屏幕中心：

camera.lookAt(scene.position);

如果doasn工作回复，我可以进一步研究问题

Answer 2

顺便提一下，如果你的对象正在移动或重新定位，那么使用相同的代码但是使用对象name.position

camera.lookAt(objectName.position);