Я пытаюсь сделать анимацию бесконечной анимации l oop.
До сих пор я добился создания анимации, которая показывает графики, переворачивающиеся вверх ногами. однако, как только я делаю d3.interval, чтобы повторить свою анимацию движения,
Это не показывает бесконечное l oop.
Как мне создать бесконечную анимацию l oop?
это мое испытание для бесконечной твины l oop.
area.append('path').attr('d', areas(sdata))
.style('fill','rgba(112, 99, 230, 0.228)')
.transition()
.duration(5000)
.attrTween('d',function(){
d3.interval(()=>{
(()=>{
var interpolator=d3.interpolateArray(sdata,sdata1);
return function(t){
console.log(interpolator(t))
return areas(interpolator(t))
}})
(()=>{
var interpolator1=d3.interpolateArray(sdata1,sdata);
return function(t){
console.log(interpolator(t))
return areas(interpolator(t))
}
})
},500)
})
Первая сцена твина l oop сработала отлично. Полный код приведен по следующей ссылке.
https://jsfiddle.net/soonk/6oavnty3/9/
Заранее спасибо.