动画的帧重复？答案

【问题标题】：Aframe repetition of animations?动画的帧重复？
【发布时间】：2020-09-02 11:12:35
【问题描述】：

我想知道如何重复动画。我做了这个：

  var drip_stage = 0; 

  function Drip(){

    var water = $(".water");//water drop

    water.attr('position', '-4.4 8.45 3.95');// faucet position
    
   //if statements for all stages of water

    if (drip_stage==0){

        water.attr('animation',"property: position; to:-4.1 5.1 3.95; dur: 5000;");

       drip_stage++

    }// other statements

    water.attr('visible','true');

    console.log("repeat");

    setTimeout(Drip, 5000);//repeat



  }

  AFRAME.registerComponent("drip",{

    init: Drip

  });

我想知道是否有一个重复动画但在不同的时间？

【问题讨论】：

标签： javascript aframe

【解决方案1】：

将loop property 设置为true：

animation="property: position; from: 0 4.25 -10; to: 0 -2.25 -10; dur: 1000; loop: true"

Glitch illustrating

【讨论】：

我不希望它循环播放。我希望它定时重复，所以就像第 1 阶段没有滴水，第 2 阶段有滴水，第 3 和第 4 阶段没有滴水，等等。
不清楚你所说的滴水是什么意思。它需要可运行的代码/图像来说明。