如何暂停使用 requestAnimationFrame 制作的画布动画?
我这样开始动画:
Code:
window.requestAnimFrame = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
function Start() {
Update();
requestAnimFrame(Start);
}
Start();
现在我想在按键后添加暂停选项。有什么简单的方法可以做到吗?
您可以做的是创建一个变量来存储动画的状态:暂停或未暂停。每次单击按钮时都会更改该状态。像这样的东西应该有效:
var isPaused = false;
window.requestAnimFrame = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
function Start() {
if (isPaused) {
Update();
}
requestAnimFrame(Start);
}
window.onkeydown = function() {
isPaused = !isPaused; // flips the pause state
};
Start();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)