相关疑难解决方法(0)

Three.js - 在另一个之上的几何

在Three.js中是否可以将网格始终渲染在场景的顶部,即使它的位置在所有对象后面?我正在使用网格实现套索选择,我需要在场景的其余部分上渲染选择框.

javascript three.js

8
推荐指数
1
解决办法
8067
查看次数

如何使用和混合多个纹理与Three.js中的自定义值?

在Three.js中,是否可以创建一个包含多个纹理的材质(着色器?),每个纹理都有自己的细节,将它们混合在一起并分配给几何体?我想用纸张压花或点UV涂漆等多种涂饰技术来模拟纸张表面.

我想要实现的是具有以下特征的材料:

  1. '基层:
    • 纸张颜色(例如白色,灰白色,米色等)
    • 镜面
    • 反射率
    • 凹凸(光滑或纹理纸)
  2. '图像'图层(可选):
    • 图像纹理(印在纸上的艺术作品,与'基础'颜色多重混合)
  3. '贴膜'层(可选):
    • b/w图像纹理控制图层透明度
    • 颜色(重叠'基础'层)
    • 镜面
    • 反射率
  4. '浮雕/ Deboss'图层(可选):
    • 凹凸纹理(提升或降低'基础'凹凸)
  5. '清漆'层(可选):
    • b/w图像纹理控制图层透明度
    • 镜面
    • 反射率
    • 凹凸(略微抬起'底座'凹凸)

所有单独图层的原因是我想单独控制它们(替换不同的纹理并在运行时更改值).除了"图像"图层,我不确定应该将其他图层使用哪些混合值来实现逼真的模拟效果.

为了说明适用于纸张的修整技术,请查看以下照片(由PrintHouse Corporation提供):

盲压花(图案)和金箔凹陷(标识,标题) 盲压花(图案)和金箔凹陷(标识,标题)

银箔凹陷(标识)和现货UV清漆(照片) 银箔凹陷(标识)和现货UV清漆(照片)

现货UV清漆(线条) 现货UV清漆(线条)

它可能吗?我找不到任何会使用这种复杂材料的Three.js例子.如果您能指出我或者解释如何以编程方式处理此问题,我将不胜感激.

webgl three.js

6
推荐指数
1
解决办法
2208
查看次数

是否有内置的方法在标准PBR着色器中分层纹理?

我希望在Aframe中有类似于这个问题的效果,在单个模型上具有分层可交换纹理:

我想知道是否有一个我在Threejs中遗漏的标准流程,以便我可以继续使用标准着色器 ; 或者我是否必须将它分叉并在自定义着色器中添加多纹理功能?

谢谢!

three.js

2
推荐指数
1
解决办法
820
查看次数

标签 统计

three.js ×3

javascript ×1

webgl ×1