java - 如何在 Canvas 上一张一张地绘制多个图像，就像带有淡入和淡出动画的幻灯片一样

Question

我正在开发一个动态壁纸，我是新手，遇到了这个问题，谁能告诉我如何在 Canvas 上一张一张地绘制图像，就像带有淡入和淡出动画的幻灯片一样。我能够在 View 和布局上执行此动画，但我不知道在 Canvas 上运行它们。请帮忙!

Answer 1

不确定你的意思是java还是javascript

有关淡入解决方案的一些线索:

var delta = 0;
var interval = 0;
var duration = 2000;

setInterval(function() {
  ctx.globalAlpha = 1.0;
  ctx.drawImage(oldImage);

  ctx.globalAlpha = delta / duration;
  ctx.drawImage(nextImage);

  delta += interval;
}, interval);

• 考虑使用 requestAnimationFrame而不是计时器

• 使用 (new Date).getTime() 计算实际增量

• 使用一些缓动方程 - 例如:

alpha = Math.sin(0.5 * Math.PI * delta/持续时间)