使用 three.js MeshStandardMaterial 和地图的 AFrame 示例答案

【问题标题】：AFrame example using three.js MeshStandardMaterial with maps使用 three.js MeshStandardMaterial 和地图的 AFrame 示例
【发布时间】：2021-07-18 20:17:12
【问题描述】：

我正在寻找在 AFrame 中使用 three.js MeshStandardMaterial 的示例，并将纹理应用于其他可映射参数。我只需要一个可破解的样板示例。谢谢

【问题讨论】：

标签： javascript three.js aframe

【解决方案1】：

在这些属性通过 A-Frame 可用之前，您可以创建一个组件来设置这些地图。

AFRAME.registerComponent('lightmap', {
  dependencies: ['material'],

  init: {
    var material = this.el.getObject3D('mesh').material;
    material.lightmap = // ... Modify material.
  }
});

然后：

<a-entity material="..." lightmap></a-entity>

更多关于编写组件的信息：https://aframe.io/docs/0.2.0/core/component.html

【讨论】：

这绝对是方向。我想我也在寻找 "..." 中的内容。我是整个组件/实体模型的新手，我最好通过破解小型功能样板示例来学习。一只试图学习一些新技巧的老 VFX 狗。（原贴在aframe学习slack频道）
很高兴知道您使用样板文件...我们正在寻找更多此类材料。材质块：aframe.io/docs/0.2.0/components/material.html，我们只是让光照贴图以某种方式扩展材质。
我擅长使用一个功能齐全的小型示例，并有条不紊地修改更改，并通过它的破坏方式来了解它是如何工作的。当它分散在 sn-ps 和片段中时，我觉得我已经必须知道如何去做才能学习如何去做 :) 光照贴图会很棒 - 目前我正在烘焙 Houdini 的阴影并将其扔掉在平面阴影中进入 src，这不太理想。
我注意到新的 AFrame 0.3.0 具有更清晰的界面来创建用户定义的着色器。我会将其视为前进的道路。
从 0.8 帧开始，不支持 lightMap 还是我遗漏了什么？