paperjs - 使用 PaperJS 淡入光栅

Question

如何使用 PaperJS 淡入/淡出光栅(图像)？目前我正在使用以下笨拙的函数来处理 1 个栅格(代码已简化):

var img = new Raster('test.jpg');
img.opacity = 0;

function onFrame() {
  if(img.opacity < 1) {
    img.opacity += 0.1;
  }
}

有没有更快的方法？

最终目的是实现:

• 淡入 > 保持 3 秒 > 淡出

Answer 1

有 this attempt在 Paper.js 的动画库中。

---

作为旁注，如果您让它的创建者在这个 thread 中更新错误或任何建议，那就太好了。