如何在不移动相机和Three.js中不移动光源的情况下移动法线贴图？
我有一个垂直于相机视图矢量的平面。此平面始终位于视图的中心。当我移动相机时，平面随相机移动，光源也随之移动。
光源位于相机后面，指向飞机上。此光源以及平面与相机同步移动。
要观察平面地图上的变化，我可以移动相机或移动光源。在我的情况下，它们是同时移动的，并且彼此之间没有移位。
我需要一些类似于另一个虚拟相机的移动，它会在平面上的法线贴图中产生变化。
感谢您的关注。
浏览 1提问于2014-10-29得票数 1
我正在尝试使用Three.js r.58法线着色器来制作置换贴图。我让它正确地进行了置换，但即使我使用computeTangents()，照明似乎也没有遵守置换后的法线。
当我关闭置换时，我看到默认法线绝对是有趣的。这是一个球体的俯视图，从侧面照明(白点标记一个pointLight)：
这是一个演示页面：
这是什么原因造成的？还有关于Three.js法线着色器的文档吗？
浏览 1提问于2013-07-04得票数 1
回答已采纳
1回答
将任意2D多边形投影到3D三角形网格的最佳方法是什么？
为了让事情变得更清楚，这里是这个问题的可视化：
三角形网格表示地形，因此可以认为是2.5D。我希望能够将投影的多边形视为单独的对象。这个特殊的实现是在WebGL和three.js中完成的，但是任何适合交互式3D应用程序的解决方案都是很有趣的。
浏览 40提问于2018-02-13得票数 4
我已经在3ds max中创建了一个逼真的场景。我想使用WebGl和three.js在web上渲染场景。为了获得使用mental ray渲染器在3ds max中创建的逼真效果，我尝试将光照贴图从3ds max烘焙到JPEG文件，然后将three.js中的对象映射到纹理(导出的JPEG)文件。但three.js中的作用似乎伸展开了，位置不正确。首先，我的方法正确吗？如果是，会不会是3ds Max中的UV贴图有问题？如果这是问题，请提供一些链接，以便在烘焙时在3ds max中正确映射UV。
另外，我需要使用任何自定义着色器来获得这样的效果吗？(说实话，我对着色器一无所知，如果这个问题看起来很愚蠢的话
浏览 72提问于2017-06-26得票数 1
回答已采纳
我看到一些讨论说gltf不导出凹凸贴图，但如果我查看我导出的gltf文件(单独文件模式)，会发现一个带有凹凸比例的凹凸贴图文件(以及法线贴图)。加载到three.js后，我得到了一个带有凹凸贴图对象和缩放值以及法线贴图对象的网格标准材质。但它们似乎对渲染的对象没有任何影响。用gltf将浮雕效果从搅拌机导出到Three.js到底允许做什么？
浏览 145提问于2020-04-01得票数 1
3回答
我正在创建一个3D地球，上面有一张地图，它应该在几秒钟后解开并充满屏幕。
我已经成功地使用three.js和webGL创建了球体，但我在找到任何关于能够对形状变化进行动画处理的信息时遇到了麻烦。有人能提供帮助吗？这有可能吗？
浏览 43提问于2013-06-01得票数 2
回答已采纳
我在.max文件的标准材质中添加了一个带有alpha通道的不透明贴图。转换为three.js后，不透明度贴图不工作/不显示。属性，如纹理，颜色，粗糙度等是可见的和工作的。唯一的问题似乎是这个alpha通道。 我应该遵循任何特殊的步骤将不透明贴图引入three.js吗？
浏览 33提问于2019-05-26得票数 0
我将csg.js与three.js结合使用，它似乎只支持3D CSG。检查
我想要相交和联合2D (three.js)几何。我能用three.js做2D CSG吗？
浏览 4提问于2017-08-24得票数 1
我想用Three.js创建一个3d地图，就像在反恐游戏中一样，但我不知道该用哪种格式创建它？我应该使用什么工具来创建它？
浏览 0提问于2013-06-08得票数 0
回答已采纳
我知道使用Three.js，您可以使用外部图像来定义凹凸贴图和镜面反射贴图：
var specular = THREE.ImageUtils.loadTexture("path/to/file.png");
var myMaterial = new THREE.MeshPhongMaterial();
myMaterial.specularMap = specular;
可以按程序创建凹凸贴图或镜面反射贴图吗？例如，也许您只需要在材质上有一个随机的凹凸不平的表面。你可以使用某种函数来随机创建这个凹凸贴图用于凹凸贴图或镜面反射贴图，而不是使用外部文件吗？
浏览 2提问于2016-07-23得票数 0
我想使用不受光照/明暗处理影响的贴图/纹理。我应该选择哪个Three.js着色器？在其他3D程序中，您可能会在环境光颜色上使用贴图。
浏览 1提问于2013-04-02得票数 1
我正在尝试让dds纹理与three.js协同工作。我有一个json模型(使用three.js转换器从.obj + .mtl转换而来)，使用jpg/png格式的烘焙纹理。我已经创建了一个dds纹理(带有mipmap的DXT1)。当我加载使用DDS纹理的模型(使用JSONLoader)时，UV贴图似乎没有被应用。我根本得不到任何映射。
例如，具有jpg纹理的平面：
通过切换到DDS，我得到了以下结果：
这是预期的行为吗？或者可能DDS纹理不支持uv贴图？或者可能是three.js中的某种bug？
我真的需要任何帮手。
浏览 5提问于2013-02-28得票数 2
2回答
我的第一步是使用JavaScript编码并使用Three.js
我使用着色器和环境贴图()进行了此实验。
然后，借助一个Three.js站点的例子。我学习了如何使用cubeCamera ()实现几何图形之间的反射。
现在，问题是我找不到一种方法来使两个几何图形之间的反射和textureCube的反射同时进行。
我知道，当我定义我的制服时，我可以这样写：
envMap: {
type: "t",
value: cubeCamera.renderTarget
},
或者这样：
envMap: {
type: "t",
value: textureCu
浏览 2提问于2016-01-04得票数 0
1回答
我正在研究一种在浏览器中显示材料的方法。将有一个(或几个)几何图形，我想选择一些路径，并加载3个纹理从我的磁盘上的文件夹到几何图形。
因此，在每个文件夹中将有一个颜色贴图，一个镜面反射贴图和一个法线贴图。
在我的浏览器的左侧应该是带有几何体的WebGL场景。在右边应该是一些字段，我可以在其中选择路径和加载纹理文件夹。
我是three.js新手，我的问题是：
这可以使用three.js实现吗？有没有办法在浏览器中加载纹理？我可以在我的几何体上放置一个镜面贴图，一个法线贴图和一个颜色贴图吗？
浏览 0提问于2013-06-26得票数 0
回答已采纳
我希望能够在three.js中更新平行光上阴影贴图的大小。
当简单地更新"shadowMapWidth“和"shadowMapHeight”时，什么也不会发生。当我手动更新"shadowMapSize“时，阴影排序更改了分辨率，但由于阴影贴图渲染器目标未设置为正确的分辨率，因此无法正确渲染。最后，当我更新阴影图渲染器目标的宽度和高度时，阴影完全消失了(或者定位错误)。
如果有人有在three.js中更改阴影光的阴影图分辨率的经验，我希望能得到一些帮助。
浏览 4提问于2014-05-06得票数 2
我试着用React leaflet以编程的方式“画”一个带有多个标记的圆圈。
我用余弦和鼻窦从中心点计算它们的坐标...
但我离极点越近，圆圈就越是一个省略号...这是一种将这一点考虑在内的微积分转换方式吗？
在这个例子中，我在Oulu (靠近极点)，如果你把near改成'0‘，你会注意到标记现在是在圆圈里！
请参阅此
浏览 6提问于2021-10-29得票数 0
我想玩三个lod系统，我在我的网格上应用了法线贴图材质，但由于GL错误而失败：
WebGLRenderingContext: GL错误:GL_INVALID_OPERATION : glDrawElements:尝试访问属性2中超出范围的折点
我认为任何人都可以很容易地复制它，只需编辑webgl_lod示例，而不是应用MeshLambertMaterial，而使用misc_control_fly示例中提供的normalmap ShaderMaterial。
我是不是遗漏了什么，法线贴图着色器不是应该与LOD网格一起工作吗？
编辑:这里是查看问题的链接。
正在运行的原始示例webgl_lod：
浏览 1提问于2013-03-30得票数 0
回答已采纳
我花了几个小时试图解决这个问题……当渲染非常简单的形状时(即使用Three.js的纹理贴图功能，当您旋转立方体时，图像在旋转时似乎发生了扭曲，然后您可以看到一条穿过立方体表面的线，这条线显示为扭曲。
我知道这是画布渲染的一个限制-但这似乎是一件非常简单的事情-旋转一个立方体，在一个面上有一个图像而没有扭曲。
有没有其他的画布库或方法我可以采用？我真的很期待使用Three.js来制作一些徽标和其他元素的动画--但我们不能在徽标或面向客户的登录页面中出现这样的扭曲。
感谢你的阅读，我对这里的建议持开放态度。
我不接受增加脸部的复杂性作为解决方案，因为这只是将扭曲分布在整个脸部。我真的只想把图像渲
浏览 2提问于2013-04-17得票数 3
回答已采纳
1回答
我该如何在three.js中创建最能代表这种类型的渐变镜头的材质呢？
最佳实践是:改变渐变的不透明度(这本身是不够的)，改变发射贴图，或者改变材质的贴图属性。
似乎除了改变贴图或发射贴图之外，如果不改变不透明度，由于眼镜在顶部确实让较少的光线，表示的一些物理现实将无法被3D模型捕捉到。
有没有其他我没有考虑的方法？也许是一种最适合这项工作的材料类别？
谢谢
浏览 2提问于2020-10-31得票数 1
所以我发现对行星进行纹理处理真的很难。我创建了一个4096k的图像，并将其包裹在一个高度为多边形的球体周围。除了3-4MB图像可能带来的内存管理性能问题外，纹理在特写(轨道)视图上看起来很糟糕/像素化。
我在想，也许我可以通过拆分图片来显著提高分辨率。然后创建每个部分的低、中和高版本。如果摄影机视口非常接近该特定部分，则渲染高分辨率图像。如果距离太远，则从内存中删除图像，并应用低或中版本。
老实说，我不确定使用什么策略来渲染高质量的行星。我是否应该避免使用纹理，而只使用高度贴图，并使用Javascript对地球进行着色？云也是如此。我应该创建一个带有alpha贴图的球体，还是应该使用
浏览 0提问于2015-12-02得票数 1
我目前正在关注Jerome Etienne关于使用Three.js生成过程城市的。本教程使用的是Three.js的59版，而我使用的是73版。
问题来自本教程中的这一行，
THREE.GeometryUtils.merge( cityGeometry, buildingMesh );
该方法不再可用。根据该实现这一点的新方法是，
buildingMesh.updateMatrix();
cityGeometry.merge( buildingMesh.geometry, buildingMesh.matrix );
但是，当我执行此操作时，UV贴图中屋顶的位置会发生变化。
这是我单独渲染建筑物
浏览 0提问于2016-01-04得票数 1
Blender导出的UV贴图纹理在三个JS中不显示
问候，2014年11月13日
简而言之，我正在尝试使用下面的代码来帮助three.js识别来自搅拌机导出文件的材料，该文件已经成功加载，而变形效果非常好！但是，搅拌器中的UV贴图纹理没有显示，也没有抛出错误到控制台？我可以很容易地使用imageutils来单独加载纹理，但UV映射当然会丢失！奇怪的是，当我单独加载UV图形时，我得到了象征UV图形的奇怪图案，但意义难住我了吗？……我是three.js的新手，已经尝试了许多代码组合，如下最后一次尝试所示。有什么办法让three.js识别UV材质吗？
感谢你，泰德
mesh = new THREE.
浏览 21提问于2014-11-14得票数 1
3回答
我需要创建线性动画(有点像2djQuery对象中的slideUp )，显示一个真正复杂的网格(构建3d模型)-从下到上。
我一直在寻找不透明通道/不透明贴图或类似的东西，现在我知道这是不可能的。
使用纹理的精灵和更改偏移不是最好的想法，因为我的UV贴图太复杂了。
有没有办法在THREE.JS中创建这样的效果？
浏览 0提问于2014-02-20得票数 1
1回答
我在维基百科上读到一篇关于剪辑的文章。这似乎对任何游戏都很重要，那么，我是必须这样做，还是由Three.js，甚至是WebGL自动完成？谢谢!
浏览 1提问于2012-05-23得票数 3
回答已采纳
如果两个平面在three.js中太近，如何解决平面显示不正确？我的平面离地面太近，似乎不能正确工作，我是学习3d的新手，有什么方法可以解决这个问题吗？
浏览 4提问于2012-10-23得票数 0
回答已采纳
2回答
我希望能够在单独的画布元素上查看从所有场景光源(聚光灯或平行光)生成的阴影贴图。
有没有办法通过three.js来实现这一点呢？我想要一些指点。
浏览 2提问于2013-05-08得票数 2
回答已采纳
我试着用three.js制作一个汽车模型的材质，其中汽车的基色可以动态改变。只需更改我正在使用的MeshPhongMaterial的颜色属性，这就足够简单了。然后我需要在顶部应用纹理，并认为这将是足够简单的添加图像到材质的贴图属性。然而，结果并不是我所期望的，贴图/纹理图像也被着色为由颜色属性设置的颜色。我想让它基本上覆盖在基色上。
有谁能给我指个方向吗？
浏览 4提问于2012-12-03得票数 4
回答已采纳
我正在学习用javascript编写代码的第一步，现在我正在使用three.js进行webgl的实验。
问题是，我正在试图找到一个起点来制作一个立方体，它将在x轴上缓慢旋转。
这个立方体将有4种不同的纹理(图像和文本)，如果我点击一个纹理，它会将我链接到一个页面或网站。
我发现做一个交互式的立方体很容易。three.js站点上有很多示例，但是如何使立方体的每一面都具有交互性呢？
你有什么建议吗？
浏览 1提问于2016-09-02得票数 0
如何在babylonJS中使用视频(mp4)作为alpha地图？ 在three.js中，将视频作为纹理应用与将视频纹理指定给alphaMap (而不是漫反射贴图)一样简单。 以下是three.js - Demo中的预期结果。 我试图在babylonJS中做同样的事情，但没有成功。这是我到目前为止所拥有的，babylonJs demo var mat = new BABYLON.StandardMaterial("mat", scene);
var videoTexture = new BABYLON.VideoTexture("video", ["t
浏览 36提问于2019-04-23得票数 0
回答已采纳
1回答
高度贴图瑕疵中的法线贴图
、、、、
我正在从高度贴图的碎片着色器上烘焙法线贴图。高度贴图看起来很棒，而且看起来很平滑。然而，当我生成法线贴图时，我得到了非常奇怪的结果。
这里有两个显示问题的渲染图像，一个具有所有照明计算，另一个具有应用于网格顶部的法线贴图图像。
我烘焙法线贴图的方法是在碎片着色器上采样相邻像素。
网格为32x32，法线贴图和高度贴图为64x64。以下是对相邻像素进行采样的片段着色器代码：
float NORMAL_OFF = (1.0 / 64.0);
vec3 off = vec3(-NORMAL_OFF, 0, NORMAL_OFF);
// s11 = Current
float s11
浏览 2提问于2013-03-03得票数 3
回答已采纳
2回答
即使使用地球的高分辨率纹理(4k*2k)，两极的贴图也会失真。是否可以使用THREE.js将中间为正方形的纹理直接放置在球体的两极，并进行相应的旋转？
示例映射：
对不起，没有代码，正在寻找起点。
浏览 2提问于2012-06-04得票数 1
据我所知，应该可以在Three.js中使用MeshStandardMaterial来定义类似金属的材料，这应该遵循pbr-粗糙度-金属度-工作流程，但我找不到任何好的例子来实现这一点。
我不能使用Phong-Shader，我必须坚持使用MeshStandardMaterial。
我想要达到这样的效果：
浏览 8提问于2017-04-19得票数 7
回答已采纳
我在Three.js/react-three- RenderTarget中使用了一个光纤，通过一个柱面生成了一个简单的alpha贴图。圆柱体使用白色的基本材质，根据<code>C0</code>，该材质在alpha贴图中应该是完全不透明的。但是，当应用于几何体时，蒙版中与白色对应的区域不是完全不透明的，如下例所示：
<code>C1</code>
<code>B2</code>
场景设置为：
红色平面通过alpha蒙版遮罩到圆柱体-预计在圆柱体后面是完全不透明的，白色框-从默认相机位置根本看不到它，但它确实是可见的
浏览 29提问于2021-06-12得票数 0
回答已采纳
我在example中使用three.js提供的Elf Girl模型的示例这里是我正在处理的的链接
我想要更新这个镜像，而不是这个
浏览 4提问于2018-10-16得票数 0
本实验中的对象是随机移动的：
使用three.js库为此编写盒式光线碰撞检测的最佳方式是什么？
浏览 4提问于2011-09-24得票数 0
1回答
我正在开发一个使用three.js的应用程序，我想知道如何计算两个平面几何图形(看看image)之间的角度(让我们称之为α)。
浏览 78提问于2021-09-06得票数 0
我正在使用three.js r73，并且我在阴影贴图方面有两个问题。
首先，当我为我的渲染器设置'logarithmicDepthBuffer‘为true时，我没有更多的阴影。
第二，我看不到地面上的阴影。我的地面是带有MeshPhongMaterial的PlaneBufferGeometry (没有纹理)，并且启用了'receiveShadow‘属性。
想法？Thx
浏览 4提问于2015-10-23得票数 1
我正在尝试将镜像珠宝模型从Blender导出到一些WebGL包中，使用立方体映射环境地图来提供动态反射。
在与Babylon.js和Blend4Web导出器为搅拌器而苦苦挣扎后，后者被证明根本不支持简单的动态反射贴图，我很高兴地发现Three.js导出器在世界面板中包含了它自己的带有CubicReflectionMapping的环境纹理贴图弹出菜单(以及球形)，并且我让它从一个简单的模型很好地反射出来。
尽管我应用于模型的任何纹理都可以很好地导出为三个JSON文件，甚至可以方便地将其指定的图像复制到导出目录中，但无论我在导出选项中选中什么，世界地图都会被忽略。的编辑器/查看器允许我查看JSON
浏览 7提问于2015-04-19得票数 1
我正在合并plane PlaneBufferGeometry的，以形成一个更大的由正方形构成的平面。在合并几何图形后，我可以应用添加到网格中每个单独几何图形的材质。 是否可以将材质应用于整个合并的几何体？我想要有一个法线贴图，它通过整个平面，而不是在每个方块上重复。 https://threejs.org/docs/#examples/utils/BufferGeometryUtils.mergeBufferGeometries
浏览 18提问于2019-04-10得票数 0
回答已采纳
1回答
我对Three.js非常陌生，所以我不确定是否可以这样做：
我想在平面几何上显示多个图像(其中一些会多次出现)。想象下一个简化的情况：
+---+---+---+
| 1 | 2 | 3 |
+---+---+---+
| 4 | 1 | 6 |
+---+---+---+
| 1 | 1 | 9 |
+---+---+---+
我正在创建带有它的分区的平面，并将一个MeshBasicMaterial (包含在一个MeshFaceMaterial中)应用到它的脸上。每对面孔都分配了一幅可用的图像，即：
image1应用于面{0，1}，{8，9}，{12，13}，
浏览 0提问于2014-04-09得票数 1
回答已采纳
对于three.js，有没有一种方法可以根据相机的缩放来检测剪辑的位置或何时到达远剪辑？或者，一些方法来转换相机缩放到相同的单位，作为相机的近和远剪辑浮点值？
浏览 2提问于2018-12-10得票数 0
1回答
我正在实现一个延迟着色系统，它使用计算着色器(在DirectX 11中)来剔除瓦片中的灯光，因此我可以在一个稳定的framerate.The中获得数千个灯光。当我必须确定灯光是否被场景几何遮挡时，问题就来了。我的点光通过槽壁和桥梁。我在主光(太阳)的视点上有一个阴影贴图，但为场景中的每个点光生成阴影贴图需要生成一千个立方体贴图，这不是possible.So。这个问题通常是如何处理的?像死亡空间3和战场3这样的游戏在场景中有很多灯光。然而，它们不会流过固体物体。
浏览 7提问于2013-02-26得票数 4
回答已采纳
2回答
我正在做一个模拟项目，我需要用Three.js移植这个Webgl示例。我已经了解了一些着色器，并且使用过Three.js。任何帮助都将不胜感激。
谢谢。
浏览 1提问于2012-12-12得票数 2
回答已采纳
使用three.js，我试图创造一个场景，当摄像机离开它时，飞机会变得透明。
我用圆形地图贴图来纹理平面物体，这是从下面的方形图像中编辑出来的。
当我通过ShaderMaterial加载圆形图像时，纹理看起来像原始图像一样是方形的。
奇怪的是，当图像被加载到普通的网格材料上时，它会按预期的方式呈现。
你能告诉我为什么three.js这样做吗？另外，如何使用着色器渲染圆形瓷砖，同时保持其功能以距离为基础褪色？
全文代码可在这里获得：
浏览 3提问于2021-12-25得票数 1
回答已采纳
1回答
我用openGL在屏幕上绘制了两个对象，一个是使用GLU对象的球体，另一个是纹理贴图的星形。无论z坐标如何，纹理贴图的星形似乎总是在前面绘制。这是正常的openGL行为吗？有没有办法防止这种情况发生？
但是我想知道纹理贴图对象出现在前面是正常的吗？我不这么认为但我不确定..。
浏览 2提问于2010-07-16得票数 0
1回答
我有一个平面网格，位置px，py，pz，旋转rx，ry，rz和一些固定的高度和宽度。我的相机最初是0,0,0和旋转0,0,0。当我点击平面网格时，我想将相机定位为：
照相机与飞机平行。
整个平面网格都在视图中。
如何使用Three.js实现这一目标？我正在使用PerspectiveCamera。我正在考虑根据摄像机的视场和飞机的高度/宽度来计算，但有点卡住了。
浏览 1提问于2013-05-30得票数 0
如何将画布three.js (0,0,0)中心的默认绘制位置移动到实际画布起点？
例如，这里：
我想将这些线移动到画布虚线框的开始位置。(从3d坐标移动到2d坐标位置)。我需要这个，因为我想将svg画布覆盖在webgl画布上。为此，我需要他们两个遵循相同的坐标位置。
代码的某些部分：
camera = new THREE.OrthographicCamera( w / - 2, w / 2, h / 2, h / - 2, 1, 10000 );
camera.position.set(0, 0, 100);
任何提示/帮助都是非常感谢的，
谢谢,
浏览 14提问于2017-03-04得票数 0
我正在使用three.js混合器导出器插件(83dev)将模型导出为json，并使用ObjectLoader将其加载到three.js (83dev)中。
我已经在搅拌器中创建了一个法线纹理，并指定了一个几何体的影响:法线。
下面是我正在使用的three.js导出选项：
但是，在导出json时，它是这样包含的：
"materials":[{
"vertexColors":0,
"bumpMap":"D5F9A3C3-48D7-4D1A-9F82-C56A03EE26A6",
"depthW
浏览 11提问于2017-01-04得票数 0
1回答
我是个新手，到目前为止我所做的是:在three.js中对一个几何图形建模，将其导出到JSON，然后将其放入我的three.js场景中。它可以很好地处理基本的three.js材质。现在我想要加载一个颜色，镜面反射和法线贴图到我的几何体中。但每次我尝试添加单个纹理时，该几何图形都会在浏览器中消失。
下面是我的代码：
var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "models/schuh.js", addModelToScene );
var texture = new THREE.Im
浏览 0提问于2013-07-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
