3d - 如何在 A 型框架中启用加法混合？

Question

在 A 框架中启用加法混合的最简单方法是什么？我看到 THREE.MeshStandardMaterial 有一个 blending 属性，看起来像我需要的，但它没有被 A-Frame material 暴露组件。

我是否必须编写一个自定义组件来获取实体的 Material 并自己设置此属性？看来这个常见的要求应该已经得到满足了？

Answer 1

A-Frame 0.9.0 及更高版本:

A-Frame 现在从 0.9.0 及更高版本开始支持混合属性。请参阅https://aframe.io/docs/0.9.0/components/material.html#properties_blending

A-Frame 0.8.0 及更早版本:

我继续为此创建了自己的混合模式组件:

AFRAME.registerComponent('blendmode', {
  schema: {
    mode: {default: 'AdditiveBlending'} //Available Modes are: var blendings = [ "NoBlending", "NormalBlending", "AdditiveBlending", "SubtractiveBlending", "MultiplyBlending" ];
  },

    dependencies: ['material'],

  update: function () {
    // entity data
    var el = this.el;
    var data = this.data;

      if (el.components.hasOwnProperty("material")) {
          var mat = el.components.material.material;
          mat.blending = THREE[data.mode];
      }
  }
});