程序员经验分享-hwhale

Three.js 具有恒定大小的对象

2024-01-01

我正在开发一个绘图程序，我需要的是一个具有恒定大小的 THREE.Object3D 元素 - 就像线条始终为 1px 一样。 换句话说，我试图在舞台上放置一个对于观看者来说尺寸始终相同的对象（所以如果你靠近它，它的大小不会改变）。 类似的机制是三线- 它总是 1px 宽。我需要创建一个circle（或者也可能是其他形状）。 最好的方法是什么？


听起来你需要使用正交相机——例如

var camOrtho = new THREE.OrthographicCamera(-width/2, width/2, height/2,-height/2, -100,100);

如果“宽度”和“高度”是画布的大小。

只需使用它而不是典型的透视相机即可。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

threeJs

Three.js 具有恒定大小的对象 的相关文章

  • Three.js 通过 Gui 阻止 Raycast

    我想通过光线投射选择对象 但每次我想在 Three js GUI 上选择某些内容时 Mousdown 事件都会被触发 我怎么说 如果 Gui 在对象前面 则不触发 之类的话 document addEventListener mousedo

  • Three.js 在平面上旋转相机

    我的应用程序中有一个相机 camera new THREE PerspectiveCamera 75 window innerWidth window innerHeight 0 1 1000 camera position z 1 cam

  • 在 ThreeJS 中将 2D 鼠标坐标转换为世界 XZ 坐标

    我需要将鼠标屏幕坐标转换为 XZ 平面上的 ThreeJS 世界坐标 我发现这个工作代码可以将鼠标位置转换为 XY 世界坐标 但我不知道如何修改它以获取 XZ 坐标 var vector new THREE Vector3 vector s

  • 计算相机近平面和远平面边界

    我正在尝试执行中提到的计算使用 THREE Frustum 计算近 远平面顶点 https stackoverflow com questions 12018710 calculate near far plane vertices usi

  • 如何在 Three.js 中使用反射？

    我想在带有 Three js 的 WebGL 页面中拥有一个反射立方体表面 它应该类似于手机显示屏 反射一些光 但它仍然必须是黑色的 我创建了一个反射立方体 以及反射球体 的示例 并附有详细的注释 现场版本位于 http stemkoski

  • 将球体上的 3d 点转换为 UV 坐标

    我在球体上有一个 3d 点 想要将其转换为球体纹理上的 UV 点 有人可以指出正确的方向吗 我可以采用纯数学解决方案 Edit 我目前有这个 它不会返回正确的 UV 坐标 p 是球体上的 3d 点 mesh position 是球体的位置

  • 从数组 THREE.js 创建纹理

    我正在研究地形生成器 但我不知道如何处理颜色 我希望能够生成一张占据整个 PlaneGeometry 的图像 我的问题是如何根据我的高度图创建一个覆盖整个 PlaneGeometry 没有环绕 的单个图像 我可以想到一种方法 但我不确定它是

  • 扩展 Three.js 类

    我想扩展 Three js Object3D 类 但不知道该怎么做 有一个 Stackoverflow 问题 我已经阅读 重新阅读和尝试过 但无法让它为我工作 有没有办法扩展 ThreeJS 对象 https stackoverflow c

  • 调试 Three.js 中的低 FPS

    我正在处理 Three js WebGL 场景 当我缩小时 我注意到 60 FPS 以便所有观察结果 约 20 000 个三角形 都在视图中 但当我放大时 FPS 非常低 因此只有一个小三角形的子集在视野中 我想弄清楚是什么导致了这种差异

  • Three.js：基于图像的光照（IBL）

    I m searching to add an IBL to my scene and objects But I can t find anything on the web There are some examples with an

  • 将颜色渐变应用于网格上的材质 - Three.js

    我有一个 STL 文件加载到我的场景中 并将单一颜色应用于 phong 材质 我想要一种方法 将两种颜色应用于该网格物体的材质 并在 Z 轴上应用渐变效果 如下例所示 渐变花瓶 https i stack imgur com Ty9gq j

  • 如何计算给定坐标处相机可见矩形的大小？ [复制]

    这个问题在这里已经有答案了 我制作了一个小型的 Three js 应用程序 它将一堆圆圈从画布的底部移动到顶部 let renderer scene light circles camera initialize animate funct

  • 使用 ThreeJS 获取球体纹理上的点击位置

    目前 我有一个带有纹理的球体 它绕 y 轴旋转 我还有在 3D 空间中单击的位置 以及球体上的旋转位置 我认为 目标 获取纹理上的位置 例如 我想获取我点击的图像的哪个方块 参见示例球体和下图 在实践中 我不会使用此图像 但我觉得这将是一个

  • ThreeJS bufferGeometry 位置属性在应用翻译时不会更新

    我使用 STLLoader 将 stl 加载到返回 BufferGeometry 的 ThreeJS 场景中 然后我用了 myMesh position set x y z myMesh rotation setFromQuaternion

  • Three.js 设置并读取相机外观向量

    而不是使用camera rotation或lookAt 函数旋转相机 我想将外观矢量直接传递给相机 是否可以直接设置相机外观矢量以及是否可以从相机读取外观矢量 相机没有 外观矢量 因此无法设置它 但是 您可以构造一个point通过将您的外观

  • 在 Three.js 中使用多种材质来合并几何体

    我想使用 2 个网格创建一棵松树 其中 1 个用于树干 另一个用于灌木 这就是我所做的 var pine geometry new THREE Geometry var pine texture 1 THREE ImageUtils loa

  • Three.js - 如何翻译几何图形

    我有一个脚本 可以定位各种宽度 高度和深度的立方体 并且正在努力根据 xAxis yAxis 和 zAxis 也有所不同 将它们准确地排列起来 var geometry new THREE BoxGeometry width height

  • Three.js - 将 WebGL 和 CSS3D 与 iFrame 混合

    我准备了一个混合的工作页面WebGL and CSS3D 在SO的一点帮助下here https stackoverflow com questions 24681170 three js properly blending css3d a

  • THREE.JS，忽略父级的轮换

    我试图使子对象跟随父级位置并表现得像一个普通的子对象 但是我希望它保持其旋转不变 在不影响性能的情况下 最好的方法是什么 我的CPU预算很紧张 已经运行了2个工作线程并且有很多对象 是否有设置只允许孩子的位置受到影响 同样重要的是 当父级旋

  • Three.js canvas.toDataURL 有时为空

    我正在尝试使用 html2canvas js 渲染 THREE js 场景 一些覆盖的 HTML 元素 有用大多数时候 但并非一直如此 在失败的情况下 将渲染 HTML 元素 背景 覆盖层等 但不会渲染其他元素 THREE js 场景表现得

随机推荐

  • WKWebView 函数用于检测 URL 是否已更改

    WKWebView 类是否有一个函数可以让您检测到该 WebView 的 URL 何时发生更改 The didCommit and didStartProvisionalNavigation在使用 WebView 中的某些元素时 函数似乎并

  • Jquery - 延迟鼠标移出事件

    有没有办法让 jQuery 在之前等待一定的时间mouseout事件被解雇 目前它触发得太早 我宁愿等待 500 毫秒 然后再评估鼠标的离开 下面是我使用的代码示例 under construction this bind mousemov

  • asp.net web表单json返回结果

    我使用 asp net 和 Web 表单 在我的项目中我有 asmx Web 服务 WebMethod public string GetSomething avoid circual reference parent child List

  • 使用Python提取目录中所有pdf文档的页数

    我正在尝试使用 PyPDF2 来获取目录中每个 pdf 的页数 我可以使用 getNumPages 查找一个 pdf 文件中的页数 但我需要遍历一个目录并获取每个文件的页数 有任何想法吗 这是我到目前为止的代码 import pandas

  • 在 Bootstrap 3 中创建基础风格的块网格？

    在 Zurb Foundation 3 中 它们有一个 块网格 的 CSS 构造 它是一个无序列表 您可以在其中指定一行中的项目数 这是他们的文档 http foundation zurb com docs components block

  • 文件名中带有空格的 sqlcmd 脚本

    我有一个简单的SQLCMD脚本包含如下几行 Load data into Exampletable BULK INSERT dbo Example NOTE I ve tried single AND double quotes here

  • c# - 有没有办法制作固定（高度/宽度）控制台？

    我一直在 microsoft Visual Studio 2013 中闲逛 我制作了一个控制台应用程序 但我想知道是否有一种方法可以为其设置固定大小 高度 宽度 这意味着它无法调整大小 如果有人知道这是否可行 如果您能帮助我 我将不胜感激

  • 在 java 8 中将字符串转换为 Map

    有人可以指导我如何使用 Java 8 实现以下目标吗 我不知道如何将该计数器作为密钥 String str abcd Map

  • 如何将附加参数传递给 TypeScript 中的属性装饰器？

    我有一个简单的类 它的属性有物业装饰师 https github com Microsoft TypeScript Handbook blob master pages Decorators md property decorators应用

  • jQuery 根据复选框验证不同的字段

    我正在尝试使用jQuery 验证插件 http jqueryvalidation org 验证我的一份申请中的表格 表格 简化 如下

  • 如何在 tkinter 中创建模式对话框？

    我有一个运行一些嵌入式 Python 脚本的 MFC 应用程序 我正在尝试使该嵌入脚本创建模式的对话框之一 但我没有取得太大成功 谁能指出我制作模式对话框的方法 我是否需要为此使用 Windows 函数 还是仅 Tk 或 Python 函数

  • 如何在水晶报表中合并行？

    我正在使用 Crystal Report Version 10 2 Visual Studio 2008 并在 Crystal Report 中显示存储过程的结果 我的存储过程返回输出 如下所示 但我想在报告中显示 如下所示 提前致谢 使用

  • 如何在 div #content 加载时显示 div #loading

    我想实施一个解决方案 当 div content 中的内容正在加载时 隐藏 div content 显示 div loading 然后当 div content 加载完毕后 隐藏div loading 淡入 div content 我努力了

  • Vim - 在重音字母或 ñ 之后插入额外空格

    我有一个关于 Vim 的问题 我在 Mac OS X Snow Leopard 上并编译了 vim 以开始使用编辑器 有时我会用其他语言打字 我发现在输入带重音的字母时 每个字母后都会添加一个额外的空格 我还使用 Mac 西班牙语键盘进行打

  • 我尝试使用动画来使线性布局进行翻译，像这样向左<->向右。但我遇到了一些错误

    这是我的第一个应用程序 我尝试从右到左或从左到右翻译 这是代码 资源 gt 动画 gt 向左翻译

  • Node.js 和 java 之间的 mqtt 通信

    目标是使用 mqtt 协议发送数据 Java 项目 tempSensor 使用 mqtt 协议和使用 mqtt 订阅 tempvalue 的 Node js 生成 tempvalue Node js 和 java 项目都使用相同的密钥进行发

  • 如何在 iOS 中使用 MpMoviePlayerController 在 UISlider 上显示缓冲数据？

    我在用MPMoviePlayerController播放音频 我想在滑块上显示缓冲数据 如下所示 我想显示缓冲区数据 如滑块中的红色部分 我尝试用谷歌搜索它 但我没有得到任何解决方案 以及如何自定义滑块 提前致谢 是的 我们可以使用显示流数

  • 继承树上的反序列化顺序

    我有一个标记的基类Serializable 以及标记的派生类Serializable也 我想在反序列化期间在基类中做一些事情 因此声明了一个标记为OnDeserializing 但重要的是该方法将在任何派生类的之前执行OnDeseriali

  • 调整位图大小是在视图中裁剪而不是缩放

    我不知道如何调整位图的大小 根据这里的帖子 Bitmap createScaledBitmap 是执行此操作的方法 但它对我来说不起作用 由于视图的性质 我在 onDraw 中完成所有操作 因此我认为我不能使用布局或 ImageView 这

  • Three.js 具有恒定大小的对象

    我正在开发一个绘图程序 我需要的是一个具有恒定大小的 THREE Object3D 元素 就像线条始终为 1px 一样 换句话说 我试图在舞台上放置一个对于观看者来说尺寸始终相同的对象 所以如果你靠近它 它的大小不会改变 类似的机制是三线

热门标签