如何在three.js中將對象置於瀏覽器中？

Question

我有一個用three.js編寫的文件，用於輸出由leapmotion控制的3D對象。代碼不會輸出以屏幕爲中心的對象，它們會移到右上方，只顯示幾乎兩邊而不是四個。

注意如果未連接到leapmotion，代碼將不會輸出任何內容。

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

我附上了兩張圖片，一張顯示了它在瀏覽器中的顯示效果，另一張顯示了它應該如何顯示。

我使用最新版本的chrome，並通過wamp服務器運行它。

Answer 1

我假設你已經成功地已經建立了現場，攝像機和渲染場景中的對象，你可以使用這個小象的實現位置的對象到屏幕的中心簡單代碼：

camera.lookAt(scene.position); 

如果doasn't工作的回覆，所以我可以研究這個問題進一步

Answer 2

另外順便說一下，如果你的對象是在移動反正或者重新定位，然後使用相同的代碼，但與對象名稱。位置

camera.lookAt(objectName.position);