如何在粒子系统中用图像纹理src代替./ image /star2.png=“预置:尘埃；纹理：./image/star2.png；particleCount: 2000；

Question

我正在8墙上的aframe应用程序上工作。我用的是粒子系统。似乎纹理不是从本地系统加载的。如何用http链接替换纹理路径？

不起作用的代码解压缩如下

<a-scene> 
<a-entity
    id="model"
    gltf-model="#art"
    visible="false"
    shadow="receive: false"
    xrextras-hold-drag
    xrextras-two-finger-rotate
    xrextras-pinch-scale
    position="0 0 0"
    scale="0.3 0.3 0.3"
    rotation="0 0 0"
    particle-system="preset: dust; texture: ./images/star2.png; particleCount: 2000; 
    cubemap-realtime>
  </a-entity>
</a-scene>

Answer 1

如果要提供链接，只需将其粘贴到需要纹理的位置：

particle-system="texture: https://website/image.jpg" 

实际上，粒子一开始看上去是空白的。但是如果你靠近，图像就在那里，但是它被冲走了，而且明亮。所以我想预置也会改变颜色，不透明度，和混合模式。

如果将其更改为白色(颜色)/1(不透明)/正常(混合)，则图像看起来正确：

​

<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
<script src="https://ideaspacevr.github.io/aframe-particle-system-component/dist/aframe-particle-system-component.js"></script>
<a-scene>
  <a-entity particle-system="preset: dust; texture: https://i.imgur.com/wjobVTN.jpeg; 
            particleCount: 2000; color: #FFFFFF; opacity: 1;blending: 1;">
  </a-entity>
</a-scene>

​