1

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

4

1 回答 1

0

不知道你是说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 / duration)

于 2012-04-24T21:34:19.857 回答