three.js 中 2D 图形窗口的相机位置

Question

我使用三次贝塞尔曲线作为纯数学对象，以便为几何图形生成一系列顶点。但我也想同时看到我正在使用的曲线，而不仅仅是我从中得出的顶点。

所以我创建了一个包含新场景、渲染器、相机等的新 div，并将我的曲线放在那里，到目前为止一切都很好。我也在那里放了一个 1x1 gridHelper 作为背景方格纸。我必须将它旋转到 xy 平面，并将其平移 (.5,.5) 以使其与我的图形线同步。很不错。

但是——这是我的无知表现——我正忙着定位相机来显示一个简单的、方形的、00 到 11 的图形，直接填满我的 div。

我已经尝试了查看和各种位置和旋转，但我似乎无法找出一个合适的起始位置/相机设置组合。

任何建议都会受到赞赏。

Answer 1

检查 camera.left top 和 bottom.. 的值并调整它们。还可以使用 camera.zoom .. 在这两个设置之间，您应该能够定位/缩放到您想要的任何东西。您可能还需要设置 camera.aspect 或类似内容以匹配视口宽度/高度的比率。如果您无法弄清楚.. 发布 codepen 或 jsfiddle。