当前位置: 首页 > 面试题库 >

Three.js-视图的宽度

朱运诚
2023-03-14
问题内容

有没有办法找出场景渲染部分的宽度?

例如,如果我们有一个宽度为100的网格,但是以一定的缩放级别进行渲染…我如何计算在屏幕上渲染的网格部分的宽度?


问题答案:

您必须在这里精确。

您可以根据给定相机的视场camera.fov和距dist相机的给定距离,计算可见的矩形区域。

由于对象大概具有深度,因此您必须从网格中选取一个平面,然后以该距离进行计算。

这是计算可见光height以及widthdist相机给定距离的方法。

var vFOV = THREE.Math.degToRad( camera.fov ); // convert vertical fov to radians

var height = 2 * Math.tan( vFOV / 2 ) * dist; // visible height

var width = height * camera.aspect;           // visible width

three.js r.87



 类似资料:
  • 我正在尝试将CardView宽度与屏幕宽度匹配,但CardView的宽度与屏幕宽不匹配。我一次又一次地检查了我的代码,甚至使所有属性的宽度等于匹配的父级。 Recyclerview xml-- 卡片视图xml - 膨胀代码 这是屏幕截图

  • 通过Threejs音频相关的APi可以获得音乐音频的频率数据然后可视化。 查看平均频率 var analyser = null; // 声明一个分析器变量 // 渲染函数 function render() { renderer.render(scene, camera); //执行渲染操作 requestAnimationFrame(render); //请求再次执行渲染函数render

  • 我见过很多关于如何分别设置ImageView和GridView的高度和宽度的问题。这里,这里,还有这里 但是,我想知道如何设置两者。 这是我的设置。在我的GridView中,我有一个ImageView和一个TextView。我有一些不同宽度和大小的图像,我想调整它们的大小,使其始终是屏幕正方形大小的1/3。下面,我有一段文字描述。 这是我到目前为止的代码。。。 gallerygridview.xm

  • 问题内容: 我正在使用SwiftUI绘制一个表,该表的行和列太多,无法容纳 屏幕宽度/高度。在这种情况下,我无法将视图对齐为 领先,但总是以某种方式居中。我该如何调整他们的领先地位?这 是绘制表格的视图: 这是GridStack: 这就是应用程序中的外观。请注意,边缘不适合 屏幕内部。即使我尝试滚动到那里,它也会反弹回来。 问题答案: 这是一个可能的方法演示(以及改进的方向,因为我 没有测试所有情

  • 问题内容: 我正在使用100vh将div以行高垂直居中。该网站对vh和vw的支持率约为70%,这是一个公平的评估吗?建立网站时,您是否建议使用视口单位?我知道这有点主观,我只是在寻求比我更有经验的Web开发人员的意见。 编辑:感谢大家的投入,我希望它在移动设备上看起来不错,所以我想我不得不放弃vh。 问题答案: 在我看来,该统计数据显然是很公平的评估。 我认为必须由您来决定。如果您想使用最新的,最