使用带有突发引擎和画布的“开始”按钮重新启动动画
re-start animation with start button with burst-engine and canvas
>我用突发引擎和html5创建了一个简单的动画
我想连接开始按钮,以便如果我按两次,动画将重新启动。现在它才刚刚开始,什么都没有发生。 我知道这一点,因为开始按钮只是给暂停函数假值,但我不知道如何编写函数。
有什么想法吗?我正在使用突发引擎库
var dVal = 120, redRectTL, blueRectTL;
function minBurstFunk(Burst) {
//Bakgrunden
Burst.timeline("bg", 0, 1, 0, false)
.shape("ruta", "SVG-ex.svg", "svg", 0, 0)
.cut("redSqr;blueSqr");
Burst.timeline("bg").paused = true;
Burst.timeline("redRect", 0, 20, 0.2, true)
.shape("red", "SVG-ex.svg", "svg", 0, 0)
.cut("blueSqr;bgSqr;").track("left")
.key(0, 0, "easeInOutQuad")
.key(10, -50, "linear")
.key(20, 0);
redRectTL = Burst.timeline("redRect");
redRectTL.paused = true;
Burst.start("bg;redRect;blueRect");
}
new Burst('loadCanvas', minBurstFunk);
// ************ buttons ******************
//Stoppa red rectangel
function stopRect1() {
redRectTL.paused = true;
};
//Starta red rectangel
function klickHant() {
redRectTL.paused = false;
};
链接到我的动画
http://www.pixeltouch.no/multimedia/labb3/canvas.php
我用一个简单的函数解决了这个问题
刚刚将 klickHant() 函数更改为
function klickHant()
{
redRectTL.paused = false;
redRectTL.frame = 0;
};
相关文章:
- 当用户点击“Codeacademy”时的类似Codeacademy的效果;开始"按钮
- Youtube无铬播放器 - 更改大开始播放按钮
- 如何制作按钮.单击“开始时不运行”
- 开始按钮用于启用和恢复动画,而无需在双击时再次重复该功能(javascript)
- 按 按钮开始代码,然后按它停止
- 使用带有突发引擎和画布的“开始”按钮重新启动动画
- 从Chrome 47开始,设置window.location.hash不适用于后退按钮
- 使简单的js小提琴动画在按钮单击而不是页面加载时开始
- iPhone:点击/单击“开始”按钮后,虚拟键盘不会隐藏
- 一个视图中的角度按钮在另一个视图中开始倒计时
- 如何使菜单出现(从左侧开始)并在单击按钮时消失
- 带有开始按钮的面板,单击按钮时向上移动
- 在提交按钮开始时间和结束时间由javascript计算
- 在手动模式下单击“下一步”或“上一步”按钮后,图像转换会自动开始
- 抓住youtube播放器的开始按钮和秒的看法
- 有麻烦使我的开始按钮转换为停止
- 图像不'不要在重新开始按钮后出现在测验结果中
- 学习 JS/JQuQuery 尝试创建“开始”按钮
- 我应该如何突出文本区域的文本时,按下开始按钮使用javascript
- 如何在浏览器处理请求时禁用开始按钮