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

我有一个用three.js编写的文件，用于输出要由leapmotion控制的3D对象。代码没有输出在我的屏幕中居中的对象，它们被移动到右上角，并且只显示几乎两个面，而不是应该显示的4个面

注意如果未连接到leapmotion，代码将不会输出任何内容

这是源文件

我附加了两个图像，一个显示它在浏览器中的显示方式，另一个显示它应该如何显示

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

---

我假设您已经成功地创建了场景、摄影机和渲染到场景的对象，您可以通过使用以下类似代码的小程序，简单地将对象定位到屏幕中心：

camera.lookAt(scene.position);

---

如果不起作用，请回复，以便我可以进一步研究该问题。

如果您的对象仍在移动或重新定位，请使用相同的代码，但使用对象名称。位置

camera.lookAt(objectName.position);

---

改为编辑你的答案