动画 A 帧雾颜色

Question

我正在尝试通过执行此操作为 A 帧中的雾颜色设置动画：

<a-scene  antialias="true" fog="type: exponential; color: #444; density: 0.1">
    <a-animation  attribute="fog.color" from="#444" to="#000" dur="2000"></a-animation>
</a-scene>

但是好像不行。我可以通过这种方式为密度制作动画效果很好，但颜色只是瞬间改变。

Answer 1

可能是一个错误。也许试试动画组件。 https://github.com/ngokevin/kframe/tree/master/components/animation/

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-animation-component/dist/aframe-animation-component.min.js"></script>
</head>

<body>
  <a-scene fog="color: #444" animation__fog="property: fog.color; to: #000; dur: 2000">
  </a-scene>
</body>

动画 A 帧雾颜色

Animating A-Frame fog color

aframe