二维图形窗口的相机位置为three.js

时间:2018-03-03 22:39:51

标签: three.js

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

所以我制作了一个包含新场景,渲染器,相机等的新div,我把曲线放在那里,到目前为止一直很好。我也把1x1 gridHelper放在那里作为背景图纸。我不得不将它旋转到xy平面,并将其翻译(.5,.5)以使其与我的图形线同步。很好。

但是 - 这是我的无知表现 - 我有一个时间定位相机的恶魔显示一个简单的,方形的,从00到11的图形直接填满我的div

我尝试了各种姿势和各种姿势和旋转,但我似乎无法找到一个起作用的相机设置组合。

任何建议都会受到好评。

1 个答案:

答案 0 :(得分:0)

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