three.jsHDR图像分为三个部分,以创建良好的照明效果

我正在考虑让我的场景看起来更好,似乎使用HDR可能是一个好方法。我不一定希望背景是一个图像,但只是将其用于灯光
我从hdrhaven 147获得了一个HDR文件,在播放了一段时间后,似乎我无法在三个空间中使用单个球形图像,有人能证实吗那是给我的吗?
我确实找到了一个很好的在线工具168来将其转换成立方体地图,这似乎对三个人来说更容易接受,现在我想实现它。
我将遵循这个92
很不幸,就像三个例子中的很多一样,作为一个新手,我很难理解做了什么/为什么做了某些事情以及我可以选择什么因为他们很少被评论很好,可以吗有人告诉我怎么开始吗?我能看到一个新的三.立方加料机但不知道该怎么办?user123:
不幸的是,作为一个新手,我很难理解为什么要做某些事情,以及我可以选择哪些选项,因为它们很少被很好地评论。
只是为了澄清这不是一个挖掘,我赞赏这三个社区所做的所有工作并意识到这一点现在的问题是我自己缺乏知识
等矩形。hdr图像不能直接用作MeshStandardMaterial”的环境贴图。
请参见https://github.com/mrdoob/three.js/issues/14709290.
我自己将把.hdr转换为.exr,并遵循https://threejs.org/examples/webgl\\u materials\\u envmaps\\u exr.html627.
示例259 三.立方加料机,它与您提到的在线工具中的输出地图(单独)兼容。
谢谢您的回复。
所以这可能真是太愚蠢了,但我想确认一下我认为我能实现什么…n1. 我不一定想要图像背景,更像是一种纯色/渐变色,我希望能有很好的“工作室”照明方案,所以对于�1,我可以很容易地将背景设置为任何颜色,目前我的三个场景是透明的,所以它只是身体上的css�����������2hdr.Im更熟悉传统的cad渲染您可以为灯光设置hdr的软件包,但实际上它不是背景。为了实现这一点,我将我的材质设置为MeshStandardMaterial,并将其envMap设置为我的hdr图像(如前所述拆分为立方体)。然后如何使hdr照亮场景,但保持透明背景?我的想法正确吗?一旦这样做了,我就不需要其他灯了?对于这些示例,立方体贴图必须分为6个贴图。那些“TextureLoader”使用以特定方式自动加载它们的代码。我也在苦苦挣扎。如果你能弄明白,请让我参与其中,如果我先弄明白,我可能会做一个教程。最难的部分之一是弄清楚哪些代码可以剥离,因为我真的不想要GUI。我只是想看看这些代码是如何工作的。你能告诉我在没有GUI的情况下如何使用吗?我一直试图将其附加到标准材质envmap,但由于GUI控制它,因此出现了错误。我不知道如何在没有GUI的情况下制作同一个示例,以及哪些代码只与基础工作相关。如果您正在修改以下示例three.js\\示例\\webgl\\u材质\\u环境地图_exr.html,您可能会找到一些类似于*var>To detach GUI controls, just comment/delete all code related to gui.的代码来删除gui依赖项,也可以注释*For the material i just followed what i found in the documentation 31.You make a new cubeTextureLoader and then assign that as the environmental map of a material, which you can then use on your>I however am using a MeshStandardMaterial rather than mesh basic.It looks good and as I expected.Now I am stuck on the best approach to lighting the scene, as with none, no matter what cubemap i use its darkIs it common practice to add additional lights?In which case how do i ensure they are in the correct place to match the env map?Should I always have at least an ambient light?If i want shadows, how can i ensure they look correct for the env map of the material?I feel i am missing something very fundamental here, so any guidance would be appriciatedafter abit of playing, I have found that sketch fab 87 does exactly what I am after.In that you can set an environment, this has a direct impact on the look of the model and it does a couple of things that I like…There doesnt appear (at least it says they are off) to be any other light surces, yet the model is illuminated nicely, how?You can rotate the enviroment, any ideas how?Im slightly lost on this so ifanyone can shed any light (harr harr!) on this I would be very appriciativeSketch fab might have an original source light.The only thing I don\"t like about sketchfab is that it seems to only run in specified windows or some shit. You can\"t just plop a model in an html5 webpage.You can\"t rotate because you need the orbiter script and you need to call on it in the javascript.It\"s pretty normal to need direct lighting of some sort. That\"s pretty normal for game engines. Which 3JS is basically a game engine. In UE4, Unity, Etc. they don\"t employ HDRI Lighting either. They do allow for reflection cubemaps, which what this is. In UE4 and other game engines, they bake the lightmaps in a 3D program. So the irradiance is baked in those games. It\"s not dynamic.There are things like irradiance volumes in game engines but they aren\"t amazing. Somebody figured out a solution in UE4 but then it got shitcanned for some reason.So, short answer, yes, you still need a light. Somewhere in sketch fab, there\"s gotta be an initial light that they have turned on. Just about every program does. Maya and Max even make it hard to turn off. They have it on by default and the first light put in the scene disables it.@Scott_Rinehartthanks alot for your responses.Yeah ok I agree there must be a light, even if in the user interface it says there isnt.You can\"t rotate because you need the orbiter script and you need to call on it in the javascript我不确定我明白你的意思?在sketchfab中,您可以旋转环境,它似乎可以旋转对象的环境贴图blockquote我不确定我是否理解您的意思?在sketchfab中,您可以旋转环境,它似乎在漫游对象的环境贴图我的错误!我以为你的意思是转动照相机。我不知道。也许你可以问问这里的一个更有知识的人哈。我的猜测是,如果没有其他方法,首先在3D程序中正确设置它
2. Is it common practice to add additional lights?n3. In which case how do i ensure they are in the correct place to match the env map?n4. Should I always have at least an ambient light?n5. If i want shadows, how can i ensure they look correct for the env map of the material?n HDR images in three to create nice lightingn

three.js[已解决]正交摄影机的变换控件:gizmos缩放问题

您好,我正在使用带轨道控制的正交摄影机。我注意到当缩放照相机变焦不改变相机的位置(如透视相机)。首先,我想知道为什么这两个相机的实现方式不同?第二,我也在使用TransformControls,对于透视摄影机,更新功能上的小控件的重新缩放在这个等式中非常有效>但是使用OrbitControls更改缩放而不是正交摄影机的位置时,它没有正常工作。我试着像这样在等式中添加缩放,但没有得到任何好的结果>我应该以不同的方式包括它吗?我应该使用其他控件吗?谢谢大家的帮助!NaDaMa:首先,我很想了解为什么这两个摄像头...

日期:2021-12-11 08:00:01 浏览:1687

three.js多次渲染同一模型(obj模型),FPS要低得多

我试图在程序中渲染150个相同的树模型,但FPS突然从60下降到30+。你能告诉我什么是最好的解决办法吗?非常感谢。和平与爱。skr有两种典型的方法可以解决这个性能问题(太多的绘制调用):- 使用实例化渲染- 将所有几何体合并为一个几何体(因此只有一个网格)...

日期:2021-12-11 08:00:02 浏览:1711

three.js可缩放场景背景

three.js大家好,我有一个场景,由一个物体(反射雕像)组成,保持在一个漂亮背景的中心。我一直在使用威尼斯日落矩形hdr地图作为我的场景背景它既可以作为环境地图,也可以作为背景我看到背景不会与场景中渲染的网格一起缩放。这给人一种场景完全是假的感觉。i、 e状态向上/向下缩放,但背景不缩放。目前,我已经禁用了放大/缩小功能,这样用户就不会感到害怕。我的问题是:1. 当轨道控制放大/缩小时,我是否需要在此处使用一些着色器魔法来放大或缩小场景背景,以便看起来场景中的所有对象都在均匀缩放?或者这根本不可能做到?...

日期:2021-12-11 09:00:02 浏览:1237

three.js移动导入的Gltf模型

three.js我导入了我的gltf模型并将其添加到场景中,但现在如果我尝试移动它,它将不会=新建三、几何();var=混音器( 模型动画[0]>如何移动模式?Prakar_Srivastava:var>3D对象不能是Geometry或BufferGeometry类型。它应该是Object3D或类似Mesh、Points或Line的派生类的实例。在您的情况下,我只是这样声明变量:var mode;在动画循环中,执行以下操作:如果(mod!==未定义)>还请记住,基本3D场景的重要部分在代码片段中丢失(例如相...

日期:2021-12-11 10:00:01 浏览:1067

three.js平面明暗处理的问题

three.js嗨!我在项目中使用节点材质。我在模型渲染方面有问题。它看起来像是真实的平面阴影。如何平滑多边形?也有点像低分辨率阴影纹理贴图的自阴影。可能不是,但可能是。@Arkadiy\\u Vinkovskiy您需要在您的帖子中添加更多细节。屏幕截图不足以说明这里发生了什么。始终包括引起问题的代码,如果您使用的是模型,也要包括这些代码。更好的是,使用codepe制作一个工作示例...

日期:2021-12-11 10:00:02 浏览:955

three.js如何渲染立方体材质?

您好,直到昨天,我才相信Object3D是一组网格,而网格是一组几何体+材质,每个对象只有一个对象。我发现了立方体材质的结构,因此object3D的网格包含1个几何体(boxGeometry)和6个材质!所以问题是,这种网格的渲染效果如何?有关于它的文件吗?(这是为了提高我对three.js)非常感谢还有其他问题,与我的上一个帖子相关,如果一个网格中可能有多个材质,如何设置CustomDistanceMaterial以考虑所有材质的所有贴图?elysium11:所以问题是,渲染如何在这种类型的网格上工作?您...

日期:2021-12-11 11:00:03 浏览:828

three.js如何创建要在网格中拟合的线段

three.js伙计们,我想帮忙,假设我有一个这样的网格图像718×729 1.25 KB我想在网格面内创建线段,也就是说,我想将网格转换成这样的线图像710×828 740字节有人能帮忙吗???...

日期:2021-12-11 12:00:01 浏览:879

three.jsGLTFLoader.js这是我的登记簿错误

three.js每当我试着做决定的时候3.GLTFLoader对象我收到此错误代码:“未捕获类型错误:这是我的登记簿不是一个函数“我需要帮助!由Penta#u Trax在post#5中解决我最终发现我一直在使用错误的文件,当你需要使用jsm/example时,我使用的是js/example。其他东西也是个问题。但这是问题的基础。你能给我们看看你的代码吗?通常,如果你使用的是import语句,GLTFLoader不需要在前面加三个字符。好的,所以在这之前,我刚刚关注了这个视频,因为它是去年发布的。但是现在我试...

日期:2021-12-11 12:00:02 浏览:1041

three.js使用threejs的光流

嘿,我需要通过我的屏幕显示一束移动的光束。我不想使用任何模型或动画。我想知道我是否可以单独使用threejs来实现这一点。我也应该能够控制其运动的颜色强度和路径。嗨!也许这会有帮助:GitHub-jeromeetienne/三倍体积聚光灯: three.js扩展以提供体积聚光灯13,用于可视化光锥。您可以使用THREE.Curve()设置其路径。控制颜色强度,可能取决于曲线上的位置,也可以使用tween.js或者GSAP用于复杂的动画。创造力取决于您这是您想要的吗?https://threejs.org/e...

日期:2021-12-11 13:00:01 浏览:1272

three.js使用光线投射动态绘制多边形

我要画多边形three.js具有交点。为此,我使用下面的函数。首先,我使用光线投射器在第一个交点的第一个点添加球体。每次单击后,在交点处创建新球体,并在该交点和上一点之间创建线。现在,我希望在第一次单击时关闭多边形指向或单击该点周围。如何实现此目标。raycaster params是否与网格一起工作以检测鼠标位置周围的网格?function checkIntersectionclick() = raycaster.intersectObjects(addedObject, true);if (interse...

日期:2021-12-11 13:00:02 浏览:837