在 Threejs 的画布底部放置一个对象答案

【问题标题】：Placing an object at bottom of canvas in Threejs在 Threejs 的画布底部放置一个对象
【发布时间】：2018-01-26 07:11:29
【问题描述】：

这是一个非常简单的问题，但是如何使用 Threejs 在画布底部放置一个对象？我可以手动设置它的位置，但这是否适用于所有屏幕尺寸？

【问题讨论】：

这其实不是一个简单的问题。你用的是什么相机？您想支持哪些屏幕尺寸？您的对象是否需要在世界空间中或只是查看空间？ 到目前为止，您尝试过什么？您尝试过的有什么问题？请做一些测试，看看你得到了什么。在 Chrome 中，您可以simulate different device screen sizes using the developer tools。
查看this three.js example中的HUD。

标签： three.js

【解决方案1】：

您可以使用set position方法将位置y设置为一个较小的值，例如，

const sphere = new THREE.Mesh(geometry,material);
sphere.position.set( 1, -4, 1 );

【讨论】：