有没有办法用 javascript 创建类似视频的动画？答案

【问题标题】：Is there any way to create video-like animation with javascript ?有没有办法用 javascript 创建类似视频的动画？
【发布时间】：2013-12-05 15:59:22
【问题描述】：

众所周知，网络中常见的动画是事件驱动的。我们可以轻松地播放带有事件的动画。

但我想知道有没有办法用 javascript 创建类似视频的动画？

我想要的是当我打开一个页面时，浏览器会预加载我所有的素材（图像和音乐）。之后，动画会自动播放。

我只能想出一个低效的方法，使用 css3 过渡动画和 javascript 来做到这一点。

定义 css3 过渡动画。

.test1 {
    -webkit-transition: all 0.1s ease-in;
}

.test2 {
    -webkit-transition: all 0.3s ease-in;
}

.test3 {
    -webkit-transition: all 0.5s ease-in;
}

使用setTimeout函数

var ele1 = document.getElementById('t1');
var ele2 = document.getElementById('t2');
var ele3 = document.getElementById('t3');

setTimeout(function () {
    ele1.className += 'test1';
}, 1000);

setTimeout(function () {
    ele2.className += 'test2';
}, 3000);

setTimeout(function () {
    ele3.className += 'test3';
}, 5000);

有没有第三方工具可以做到？

【问题讨论】：

标签： javascript animation web

【解决方案1】：

您可以使用 Adobe Edge 或 Google 的 Web Designer 之类的方式轻松创建此类动画

【讨论】：

我没有使用 Web Designer 的经验，但我必须在工作中使用 Adobe Edge，而对于 WYSIWYG 编辑器，在您克服学习曲线之后，它并没有那么糟糕。我主要是手工完成所有其他操作，期待您描述的复杂动画。