HTML5 javascript 动画与通常的无限循环相比?
HTML5 javascript animation compared to the usual infinite loop?
与 C++ 中通常的无限循环相比,HTML5 javascript 精灵动画如何工作?它似乎不是动画 Javascript 程序中的主要无限循环。是否有浏览器定期调用的回调函数?
我说的是 javascript 交互式动画,例如浏览器游戏。
100% Javascript 动画使用循环计时器(例如,每 50 毫秒调用一次我的代码)或使用 window.requestAnimationFrame()
来重复调用。在任何一种情况下,主消息处理都允许与重复的动画函数调用交织在一起,这允许应用程序在动画 运行ning.
时保持交互(例如处理用户输入事件)
请记住,在现代浏览器中,也可以使用 Javascript 的组合来引导动画并根据用户输入更改动画过程,但要使用 CSS3 动画指令实际执行和 运行 动画。在这种情况下,是浏览器自己的本机代码自己绘制动画帧,具体如何完成取决于浏览器的内部实现。
如果您不使用 canvas 并使用 html 元素,您应该使用 css3 动画。例如 - Animation.css
与 C++ 中通常的无限循环相比,HTML5 javascript 精灵动画如何工作?它似乎不是动画 Javascript 程序中的主要无限循环。是否有浏览器定期调用的回调函数?
我说的是 javascript 交互式动画,例如浏览器游戏。
100% Javascript 动画使用循环计时器(例如,每 50 毫秒调用一次我的代码)或使用 window.requestAnimationFrame()
来重复调用。在任何一种情况下,主消息处理都允许与重复的动画函数调用交织在一起,这允许应用程序在动画 运行ning.
请记住,在现代浏览器中,也可以使用 Javascript 的组合来引导动画并根据用户输入更改动画过程,但要使用 CSS3 动画指令实际执行和 运行 动画。在这种情况下,是浏览器自己的本机代码自己绘制动画帧,具体如何完成取决于浏览器的内部实现。
如果您不使用 canvas 并使用 html 元素,您应该使用 css3 动画。例如 - Animation.css