1回答
我测试了反射率，我看到了颜色和强度%，但我不知道如何配置菲涅耳%(材质斜视时会变得更反射(类似于镜子)，垂直看时会变得暗淡)和焦距%(反射在材质上的集中或扩散)...
three.js中的反光和反光有什么区别(因为反光对我来说是一种有一点反射强度和焦点的材质……)
感谢答案
浏览 5提问于2012-12-26得票数 0
回答已采纳
我正在使用托管在node.js上的three.js。我将它与一个可以生成opengl纹理作为输出帧的相机一起使用。我想在three.js中使用这个实时的纹理流。我已经能够在相机和three.js之间创建共享上下文，并且我可以确认在相机上下文和three.js上下文中都存在纹理。我不太确定如何让three.js尊重外部维护的纹理。现有的videotexture对象不是正确的方式，它从浏览器dom对象复制帧数据，我想直接使用相机生成的纹理。
由于这类似于threejs的render- to -texture支持，只是渲染发生在threejs之外，所以我尝试修改该代码以支持外部纹理，但这看起来有点繁
浏览 3提问于2015-04-20得票数 1
1回答
如何使白色球体(THREE.SphereGeometry)在深绿色曲面和白色场景背景上可见？在Three.js中有没有一些大纲？可能是动态轮廓？
three.js r.58
浏览 4提问于2013-06-11得票数 1
回答已采纳
我目前正在A-frame中处理我的投资组合。我正在尝试将对象的材质更改为线框材质，我使用THREE.js的线框材质(MeshBasicMaterial)来实现此目的。如果我把这个材质放在像"a-box“或"a-sphere”这样的物体上，它就会起作用，但我需要把这个线框材质放在我的3D gltf模型上。这个是可能的吗？ 这是我调用该材料的脚本： AFRAME.registerComponent('wireframe', {
dependencies: ['material'],
init: f
浏览 30提问于2019-09-22得票数 3
回答已采纳
我最近第一次接触了Three.js，我需要一些帮助来做一些测试。 目前，我正在尝试创建一个AR应用程序，其中使用手机的摄像头将对象插入到真实环境中。最初，对象在屏幕上以蓝色显示，但是在顶部我想放置三个按钮，三种不同的颜色，例如蓝色，红色和绿色，当触摸其中一个按钮时，对象只是改变它的颜色。 我在Blender上创建了对象及其材质。对象的一个面具有具有UV纹理的材质，对象的其余部分具有第二种材质，没有纹理，仅具有初始节点的材质(在搅拌器循环中创建)。所以我已经创建了6个材质，3个用于纹理，每个材质一个，还有3个用于颜色，每个材质也是一个。在搅拌机上，我将这个对象导出为带有材质和纹理的.glb。
浏览 33提问于2021-04-24得票数 0
回答已采纳
由于我使用的是修订版54而不是修订版48，所以在我的脚本中我得到了这样的优势：
Uncaught TypeError: Cannot read property 'map' of undefined three.js:18155
bufferGuessUVType three.js:18155
initMeshBuffers three.js:17963
addObject three.js:21674
initWebGLObjects three.js:21608
render three.js:21145
...
THREE.JSONLoader.createModel t
浏览 2提问于2012-12-29得票数 3
回答已采纳
我对编程比较陌生，目前正在努力学习更多关于JavaScript 3D库three.js的知识。很多东西相对容易理解，但是我很难保存几何体和它的材质。
我已经建立了一个简单的立方体，当一张图片被加载时，一张图像就会投射到上面。如下所示：
$('#picture')[0].onload = function() {
var texture = new THREE.Texture(this,null);
texture.needsUpdate = true;
cube.material = new THREE.MeshBasicMaterial( { map:
浏览 8提问于2013-04-26得票数 1
我正在尝试在three.js中创建一种特定类型的3D对象。例如，我想要一个线框模式的立方体(所以只显示边)。但我希望后面的边缘是虚线的。插图：
我不知道这在three.js中是否可行，或者我是否应该直接尝试使用webgl。我应该在线框中使用THREE.Mesh，还是在LineDashedMaterial中使用THREE.Line，或者两者都使用？
浏览 5提问于2013-02-26得票数 9
回答已采纳
1回答
我尝试将对象从3d搅拌器导出到three.js。这是作品，但three.js没有显示材质和纹理。我有最新版本的搅拌机和three.js。
谢谢
浏览 1提问于2017-08-19得票数 0
最近更新了一个简单的three.js场景，从~ r74到r94。纹理材质加载正确，但LineBasicMaterial未显示。所有对材质的引用都显示错误".shading已删除。请改用布尔型.flatShading。“
我找不到引用.shading的位置。我只是使用three.js，并没有引用任何其他三个相关的js文件。
我发现有一个线程说要检查依赖关系是否已经更新，但我不知道该怎么做，并假设所有内容都在three.js文件中。
有没有人知道.shading设置在哪里？
非常感谢。
浏览 13提问于2018-07-23得票数 0
我是Three.js的新手，首先我要感谢所有在THREE.js上工作过的人。它很容易使用，而且功能强大。
最近，我使用Three.js exporter从搅拌机导出了一件T恤。在我使用JSONLoader将t恤导入到webgl中后，Blender和webgl中衬衫的顶点数不同。Blender中的一个只有81个顶点，而webgl中的一个有1480个顶点。而且颜色显示不正确。
从搅拌机导出时我检查过的东西。
几何体:顶点、面、法线、骨骼、蒙皮
材质:UV、颜色、材质
设置:翻转YZ，比例:0.05
场景:嵌入网格
设置:所有网格
想知道为什么会发生这种事。
浏览 2提问于2013-11-10得票数 0
1回答
在three.js中，我似乎找不到如何定位/更改从搅拌器导入的网格的颜色。任何帮助都将不胜感激。
此外，知道如何让面孔(或任何网格中的面孔)“重叠”或首先出现在所有其他面孔上也是一件很棒的事情。
loader = new THREE.JSONLoader();
var callbackDice = function( geometry ) { createMesh(geometry); };
loader.load( "js/untitled.js", callbackDice );
function createMesh(
浏览 2提问于2012-10-30得票数 1
回答已采纳
有没有办法使用three.js设置整个THREE.Geometry对象的颜色？我有几种天真的方法可以做到这一点，但没有一种方法看起来很理想。
我可以克隆一种材质并为每个几何体设置不同的颜色。从本质上讲，每个几何体与材质具有一对一的关系。但是，这将在GPU上创建许多重量级材质对象和可能不必要的额外着色器。
我也可以使用单一的白色材料，然后给几何体的所有面上色。但是，由于每个几何体将只有一种颜色但有多个面，因此会造成相同颜色对象的大量重复。
对于three.js，有没有一种“合适”的方法来做这件事？
浏览 0提问于2013-03-19得票数 0
回答已采纳
1回答
这里有一个three.js演示：
它工作得很好，但如果我想使用画布渲染器而不是webgl，那就有问题了。
renderer = new THREE.CanvasRenderer();
我看不到纹理(物体是白色的)，而且动画也不起作用。这是three.js中的一个错误，还是我必须在代码中修改更多？
提前感谢
浏览 2提问于2012-03-09得票数 0
回答已采纳
我正在使用three.js开发一个简单的模型预览器，其中用户可以动态上传和更改模型材质的纹理，等等。
在我的一生中，我无法克服这个错误，我在three.js中遇到过这个问题，其他应该有addEventListener方法的加载器也遇到过这个问题。那么我到底做错了什么呢？我正在使用r59
function loadTex(tex)
{
var texture = new THREE.Texture();
var imgloader = new THREE.ImageLoader( manager );
imgloader.addEventListener('l
浏览 0提问于2013-07-23得票数 1
回答已采纳
1回答
如何在搅拌器中为3D模型使用多种材质，并通过three.js提供的导出插件将其导出？我试着这样做，但我只能找到三个的基本材料"Lambert"，"Phong“和" basic "，但我想指定我自己的材料。在这种情况下，我的3D模型应该是一个带有墙和玻璃材质的房子。
浏览 1提问于2014-06-29得票数 0
3回答
我想在three.js webgl画布上显示一个2D矢量贴图(带有线框材质)。Map最初是从dwg格式转换成svg格式的。
但是还没有找到任何用于three.js的SVG导入器。
是否有svg加载器/导入器？或者其他显示矢量地图的方法？
(我尝试在3ds max中将其转换为网格，并导出为.obj，但它会丢失一些非闭合路径，并且一些对象会得到三角化曲面，这在线框材质中看起来不太好)
理想情况下，地图将被导入/转换为形状，并像这里一样可见(中间层具有“纯形状”，没有额外的顶点等)
谢谢!
浏览 1提问于2013-02-14得票数 6
回答已采纳
我正在努力学习three.js，并且正在查找一些例子。我试图运行这个代码，但是，它所显示的只是一个黑屏。
我将three.js源文件修改为我的目录，还将材质修改为以下内容，因为我没有板条箱纹理。var material = new THREE.MeshStandardMaterial({metalness: 0, roughness: 0.5}); material.color.setHex(0xc23560)
浏览 19提问于2018-01-27得票数 1
Blender能够将材质设置为平整或平滑。
在three.js的搅拌器导出器中，当我选中“导出法线”到JS模型时，我总是将所有材料导出为平滑。导出的文件大两倍。
有没有一种方法可以导出具有平面着色和平滑着色的模型，而不需要在three.js中手动设置？
浏览 3提问于2015-01-08得票数 1
我是three.js的新手。MeshFaceMaterial.So有一些问题，在这种情况下任何人都可以帮助我，我将非常感谢他。
浏览 18提问于2018-07-27得票数 1
我在.max文件的标准材质中添加了一个带有alpha通道的不透明贴图。转换为three.js后，不透明度贴图不工作/不显示。属性，如纹理，颜色，粗糙度等是可见的和工作的。唯一的问题似乎是这个alpha通道。 我应该遵循任何特殊的步骤将不透明贴图引入three.js吗？
浏览 33提问于2019-05-26得票数 0
我将一个STL文件加载到我的场景中，并将单一颜色应用于phong材质
我想要一种方法，将两种颜色应用到这个网格的材质上，并在Z轴上应用渐变效果，如下面的示例所示。]
我有一种感觉，我可能不得不引入着色器，但我在three.js上还没有走到这一步。
浏览 12提问于2018-10-03得票数 15
回答已采纳
使用THREE.js，是否可以为球体提供材质着色器，使其看起来像这样？(我正在寻找的效果是边界、发光和穿过红色的条纹。)
如果是这样，我是否可以获得有关材质着色器的良好文档/教程的帮助？
现在我使用的材质有一个phong基础phong着色器，但这不是我想要实现的效果。
var protonMat = new THREE.MeshPhongMaterial({
color: 0xC31818,
emissive: 0xBE2323,
shininess: 0,
shading: THREE.SmoothShading
});
对不起，我没有太多的代码，我
浏览 0提问于2016-04-14得票数 0
我是一个关于three.js的新手，我在导入几何体(来自3dsmax的js文件，包含所有材质和纹理)和CanvasRenderer方面有问题。WebGLRenderer可以很好地显示导入的几何体的三角形边。
画布示例：
WebGL示例：
在three.js库中，我找到了用于修复此行为的材质的选项"overdraw: true“，但显然material+textures是由上面提到的导出的3dsmax js-file定义的。
对于测试，我使用了"misc_camera_trackball“示例，做了一些小的更改(我添加了一个JSONLoader，更改了一些相机和轨迹球参数，更改了
浏览 1提问于2012-10-16得票数 1
我使用Three.js查看和拾取对象，但我有一个可见性问题
我在three.js中加载了一个collada对象，我的collada加载器与存储库的加载程序略有不同。我添加了
function copyMaterial (_material) {
var newMaterial = new THREE.MeshLambertMaterial();
for (var p in _material) {
if (_material.hasOwnProperty(p) && p !== "id") {
var ob
浏览 3提问于2012-06-28得票数 0
回答已采纳
1回答
是否可以在Three.js中使用自定义网格将纹理材质添加到对象？
每当我尝试将带有纹理的对象从搅拌器导出到Three.js时，该对象都会消失。纵观three.js示例，他们似乎小心地避免了将纹理放在除内置几何体之外的任何东西上，并且在这样的网格上强制纹理会导致它再次消失。
例如，如果我编辑scene_test.js，这是一个从webgl_scene_test.html调用的场景文件，如果我将"textured_bg“应用到"walt”头，它将消失。
浏览 1提问于2011-08-23得票数 1
我正在做一个3D项目使用THREE.JS，我想动画一个简单的我的世界一样的角色。
为此，我从搅拌器中导出了一个(带有骨骼)，并使用SkinnedMesh类使用THREE.JS渲染它。
我想尽一切办法让网格的手臂移动，但我想不出该怎么做。我试着改变旋转，位置，矩阵，并将所有标志设置为真(如matrixWorldNeedsUpdate，但手臂没有移动)。
下面是一个示例代码：
var meshBody = new THREE.SkinnedMesh( geometry, materialTexture );
...
animate = function(){
meshBody.bone
浏览 1提问于2013-02-27得票数 8
1回答
我想知道带纹理的几何体是否可以在three.js中使用照明。在我的场景中，除了具有如下纹理指定的材质之外，所有材质都可以使用spotLight和directionalLight获得很好的照明：
var geometry = new THREE.OctahedronGeometry(1, 0)
var orange = new THREE.TextureLoader().load( 'img/orange.jpg' );
orange.wrapS = THREE.RepeatWrapping;
orange.wrapT = THREE.RepeatWrapping;
orang
浏览 22提问于2018-02-11得票数 1
我将一个具有变形目标和标准材质的对象包含到three.js场景中；该对象是从混合器完成的GLTF导出中加载的；只要值小于1，morphTarget影响值就可以正常工作；当它等于1时，对象变为黑色。回到1以下，对象就会返回。
three.js r 104 -混合器2.80，带gltf 2导出器。我想找人帮我看看是什么原因造成的？
浏览 1提问于2019-05-29得票数 0
我是three.js的新手。我知道您可以将多个网格材质组合到一个网格中。如果网格是相同的材质怎么办？它会添加更多细节吗？在其他方面，额外的mesh = new THREE.Mesh( geometry, material ); scene.add( mesh );做了什么有益的事情吗？我很难用肉眼看出来。
mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );
mesh = new THREE.Mesh( geometry, material );
mesh.position.z = - 1500;
浏览 1提问于2016-06-18得票数 0
使用three.js v56：
我有一个名为materialArray的纹理数组，然后我创建
var cubeMaterial = new THREE.MeshFaceMaterial( materialArray );
但是，我希望反转这个纹理；对于一个名为simpleMaterial的“正常”材质，可以输入：
simpleMaterial.side = THREE.BackSide;
遗憾的是，这在这种情况下没有效果；材质仍然显示在“正面”一侧。那么，在处理MeshFaceMaterial中的纹理数组时，如何将纹理设置为背面呢？
提前感谢！
浏览 1提问于2013-03-10得票数 0
回答已采纳
我想了解three.js在内部是如何工作的。我不明白的一件事是three.js是如何编译和运行着色器程序的。如果我自己重新实现three.js，我会有一个属于Geometry的顶点着色器和一个属于Material的片段着色器，然后当它们在Mesh中组合时生成一个着色器程序。但是从几何体和材质上看，它们似乎没有引用任何着色器。此外，项目中的着色器(在文件夹three.js/src/renderers/shaders/中)似乎不属于任何特定的Geometry/Material。我想知道是否有人可以解释一下three.js是如何编译和运行着色器的。
浏览 11提问于2020-10-13得票数 2
回答已采纳
1回答
保留默认照明的地形着色器
、、、
因此，对于我的地形，我有一个着色器来混合多种纹理在一起(如草，沙，岩石)。这一切都工作得很好，但唯一的问题是着色器与Three.js照明引擎不兼容，所有顶点都是明亮的。我可以手动计算一些照明，如太阳/月亮，但如果我可以只使用Three.js照明引擎和我的着色器，那就更好了。有没有办法结合，例如，兰伯特材质着色器(使用Three.js照明)和我的自定义着色器？
浏览 0提问于2013-03-13得票数 1
我在中模拟了两个对象，使用不同的材质和不同的纹理UV映射到它们。我正在用渲染它
如果I ，则在生成的中有多个材质，但只有一个网格。
这是我用来用Three.js加载模型的(简化)代码：
var loader = new THREE.JSONLoader();
loader.load(myModelPath, function {
var material = geometry.materials[0];
material.morphTargets = true;
material.overdraw = true;
var mesh = new THREE.M
浏览 2提问于2012-07-01得票数 1
回答已采纳
我习惯于在THREE.js场景图中改变Objects3Ds材质。 现在我切换到typescript，在访问网格材质时遇到了一些问题(在创建之后)！文档和类型声明没有Object3D.material 在运行时，我在Object3D上也看不到.material！ 为了让它和Typescript一起工作--我可以直接把它转换成网格吗？或者如何从Object3D访问网格？
浏览 20提问于2020-04-09得票数 0
回答已采纳
我看到一些讨论说gltf不导出凹凸贴图，但如果我查看我导出的gltf文件(单独文件模式)，会发现一个带有凹凸比例的凹凸贴图文件(以及法线贴图)。加载到three.js后，我得到了一个带有凹凸贴图对象和缩放值以及法线贴图对象的网格标准材质。但它们似乎对渲染的对象没有任何影响。用gltf将浮雕效果从搅拌机导出到Three.js到底允许做什么？
浏览 145提问于2020-04-01得票数 1
我试着用three.js制作一个汽车模型的材质，其中汽车的基色可以动态改变。只需更改我正在使用的MeshPhongMaterial的颜色属性，这就足够简单了。然后我需要在顶部应用纹理，并认为这将是足够简单的添加图像到材质的贴图属性。然而，结果并不是我所期望的，贴图/纹理图像也被着色为由颜色属性设置的颜色。我想让它基本上覆盖在基色上。
有谁能给我指个方向吗？
浏览 4提问于2012-12-03得票数 4
回答已采纳
1回答
我不熟悉three.js和着色器。我从C4d中导出一个带纹理的gltf龙模型，并将其加载到three.js中的网格标准材质中。我想把它们变成卡通素材。使用模型笔划，我可以像这样遍历gltf材料。
mesh.traverse((node: any) => {
let newMat = new THREE.ShaderMaterial({
uniforms: {
},
vertexShader: vertexShader,
fragmentShader: fragmentShader,
});
node
浏览 26提问于2021-05-26得票数 2
回答已采纳
2回答
我在尝试将obj模型的材质更改为线框时遇到了一个问题，这会导致场景停止所有控制，并将此错误消息记录为three.js错误："o.position is undefined“，下面是我尝试执行此操作的一个示例：
<a-obj-model src="#model-obj" material="wireframe:true" >
浏览 27提问于2018-02-07得票数 0
回答已采纳
我在THREE.js中的场景中有两个重叠的对象。我想知道如何用不同的颜色或纹理显示这两个物体的重叠体积？或者至少是两个具有不同颜色的物体的组合，显示另一种颜色？例如，如果两个对象分别为红色和蓝色，则重叠体积将显示为紫色的重叠颜色。提前谢谢你！如下所示：
浏览 5提问于2016-01-23得票数 1
1回答
我有一个3D模型与UV映射创建搅拌机。我应用UV映射的方式，纹理只适用于模型的一侧。我将模型导出为obj和mtl。当我在three.js上导入这个模型时，它按预期工作，加载程序会自动将mtl文件中定义的图像作为纹理应用。
现在，我想在three.js中通过编程改变这个纹理。模型有多种材料(我认为是因为多张脸)。我如何重新应用的材料，保持UV映射和只是改变纹理应用？我想将map和envMap应用到模型中。
var m = new THREE.MeshPhongMaterial({
envMap:
浏览 3提问于2017-03-29得票数 0
回答已采纳
如果查看器没有应用光照效果，我无法成功地显示model+texture地图。我使用的是本地化版本的查看器来调查该问题，但我欢迎Autodesk Material Library设置解决方案(如果存在)。 这是我希望如何查看材质的一个示例，即没有镜面反射，没有反射(忽略这个示例是在three.js中的事实)：https://stemkoski.github.io/Three.js/Texture-Repeat.html 这就是我的问题的一个例子：https://myhub.autodesk360.com/ue29c31db/g/shares/SHabee1QT1a327cf2b7a7879b9
浏览 23提问于2019-01-09得票数 0
我是three.js和webGL的新手。我想要一个关于如何在three.js中添加颜色选择器的示例代码。它必须选择/添加颜色，如银色，金色，红色，蓝色，紫色或任何颜色。从那里，可以通过从拾色器中选择颜色来更改Maya 3D模型的特定材质(模型的一部分)的颜色。
我已经在Maya 2014中建立了3D复杂模型，并将其导出到webGL中。
如本例所示：
浏览 2提问于2015-08-01得票数 0
在一般的计算机图形学中，我理解Lambert和Phong的区别。我还了解如何使用three.js更改和创建我们自己的材质。但在默认状态下，我找不出MeshLambertMaterial和MeshPhongMaterial之间的区别。
我试着在一个平行光源和125个球体的场景中切换它们，我看不到任何区别。我的书中有一章使用了Three.js，因此我需要确保所有信息都是准确和精确的。
谢谢，沙恩
浏览 0提问于2013-04-04得票数 26
回答已采纳
1回答
我正在研究一种在浏览器中显示材料的方法。将有一个(或几个)几何图形，我想选择一些路径，并加载3个纹理从我的磁盘上的文件夹到几何图形。
因此，在每个文件夹中将有一个颜色贴图，一个镜面反射贴图和一个法线贴图。
在我的浏览器的左侧应该是带有几何体的WebGL场景。在右边应该是一些字段，我可以在其中选择路径和加载纹理文件夹。
我是three.js新手，我的问题是：
这可以使用three.js实现吗？有没有办法在浏览器中加载纹理？我可以在我的几何体上放置一个镜面贴图，一个法线贴图和一个颜色贴图吗？
浏览 0提问于2013-06-26得票数 0
回答已采纳
1回答
我该如何在three.js中创建最能代表这种类型的渐变镜头的材质呢？
最佳实践是:改变渐变的不透明度(这本身是不够的)，改变发射贴图，或者改变材质的贴图属性。
似乎除了改变贴图或发射贴图之外，如果不改变不透明度，由于眼镜在顶部确实让较少的光线，表示的一些物理现实将无法被3D模型捕捉到。
有没有其他我没有考虑的方法？也许是一种最适合这项工作的材料类别？
谢谢
浏览 2提问于2020-10-31得票数 1
我使用THREE.js一次显示几千个立方体。这些立方体的几何形状已经合并(我一次显示几千个，如果它们没有合并，速度太慢)，我的一个要求是根据一个值给立方体着色。这里的示例分别为每个立方体着色，但是一旦生成超过1000个立方体，速度就会非常慢。如果我只对所有对象使用一种材质，我可以渲染100,000+立方体，并且动画仍然是平滑的。
有没有更好的方法来完成我需要的东西？
代码
/* snip */
materials = [];
geometry = new THREE.CubeGeometry(20, 20, 20);
mesh = new THREE.Mesh(geometry);
merge
浏览 5提问于2013-09-07得票数 2
在恢复three.js上下文时，需要重新创建when场景的哪些组件？例如，我是否可以使用；scene.add( myoldcamera );或do I need to do;scene.add( new Camera() );？根据对象类型的不同是否会有所不同？例如，材质、灯光、网格等。
浏览 0提问于2014-06-23得票数 0
在three.js中：
我有个问题。我有一个带有着色器材质的对象(平面)，它可以更改顶点着色器中顶点的位置。我需要渲染平面，但它在相机后面，并且没有渲染。我该怎么做？
谢谢你的帮助！
浏览 3提问于2013-07-15得票数 0
我正在使用three.js collada加载器导入一个应用了纹理(.png)图像的.dae文件。我需要用新的纹理覆盖.png文件，并使用导出为.png格式的canvas元素创建此纹理。如果我清除缓存，它将更改纹理(我将导出的“新”.png纹理命名为与.dae文件中引用的原始.png纹理相同的文件名)。
如何确保在不让用户清除缓存的情况下识别/渲染新纹理？示例:用户创建一个新纹理，该纹理将在原始纹理上导出，并且在用户单击按钮以渲染长方体后，collada文件将重新渲染。
浏览 2提问于2015-08-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
