Html Particles.js在3D画布上向用户移动

我在我的网站上有Particles.js作为背景，但是我想让这些粒子向前移动，朝向用户，也朝向两边移动，所以它是一个3D画布而不是2D画布，这可能吗

我曾考虑过使用z索引的变换，但我似乎无法让它工作，甚至我想象它会使整个粒子画布向前移动，而不是粒子本身

---

任何帮助都非常感谢：）

请查看此效果。功劳归于

//旧答案

我不知道这个插件是否有可能，但也许这就是满足您需求的方法：

这与我想要的很相似，但我甚至不知道从哪里开始将两者结合起来，我能找到的最好的例子是Youtube视频的这一部分，但它几乎看不见，也不是最好的例子。我担心，根据他们的文档，仅使用particle.js插件是不可能的

/* SCSS */

html, body {
  height: 100%;
}
body {
  background: black;
  min-height: 100%;
  overflow: hidden;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1400px);
  }
}
.container {
  position: relative;
  width: 100%;
  min-height: 100%;
  transform-style: preserve-3d;

}
.bubble-wrap {
  margin: 0 auto;
  width: 500px;
  height: 500px;
  transform-style: preserve-3d;
  transform-origin: center center;
  perspective: 600px;
}
.bubble {
  position: absolute;
  background: black;
  opacity: .7;
  border-radius: 50%;
  animation: move 3s infinite;

}

@for $i from 1 through 100 {
  .bubble:nth-child(#{$i}){
     $size: random(30)+px;
     height: $size;
     width: $size;
     animation-delay: -$i * .2s;
     transform: translate3d( (random(1000) * 1px),  (random(1000) * 1px), (random(2000) * -1px));
     background: hsl( random(360) , 70%, 50%);
  }

}