问题标签 [html5-animation]

这是我第一次开发 HTML 5 应用程序，

我需要一些关于如何实现 HTML 5 应用程序的想法，该应用程序具有与 ipad 网络浏览器兼容的动画。

这是场景。

在第一页，会有一个泰迪熊，当用户点击泰迪熊时，泰迪熊会鞠躬，当泰迪熊鞠躬时，会出现一个5秒的短视频自动播放，用户仍然可以选择暂停或播放视频。但是当视频结束时，浏览器应该会自动重定向到一个新页面。

您可以推荐任何 HTML 5 和 CSS3 框架吗？

我对 Google 发送的故事感到非常惊讶。

谁能告诉我它在引擎盖下是如何工作的？我应该从哪里开始学习这套技术来构建这样一个漂亮而伟大的网站？

我应该从哪里开始？是纯粹的 HTML5&CSS3 吗？

以下是关于黑客新闻线程的一些讨论：

• 很好，就是这样。快速浏览会发现每个场景都是一个部分，资产与数据属性相关联，其余的是 TweenJS 和 Three.js 动画的精美组合，由 /assets/js/main.min.js 协调（它还处理看不见的历史）。

• Swiffy，SWF-to-HTML 转换器 (http://www.google.com/doubleclick/studio/swiffy/) 似乎也用于帮助生成其中一些动画。

仍然可以弄清楚它是如何工作的，提前谢谢！！！

我只是想知道如何使用 HTML5 画布和 JS（带有一些 JS 绘图库？）编写一个动画，就像在 Blackberry PlayBook 启动时带有大彩色圆圈的动画一样。能达到同样的效果吗？你能给出代码实现的近似值吗？

我想使用 Adob​​e Flash Pro CS6 创建与 Android2.3 兼容的动画。由于我不想依赖设备上的 Flash Player，我想将动画保存为 HTML5。

到目前为止，我使用Swiffy将 swf 输出转换为 HTML5，但它不能在 Android 2.3 设备上运行，只能在 Android 3 及更高版本上运行。我在这里读到，原因可能是“较旧的 android 浏览器支持 SVG，但不支持内联 SVG。只有 android 3 及更高版本支持它。”

我是一名 Android 开发人员，不熟悉 Adob​​e Flash Pro，但我想指导我的图形设计师如何创建动画或在创建 swf/html5 文件时使用哪些设置，以便它们可以在 Android 2.3 上运行。

任何人都可以帮助或给我一些指导吗？

I'm going to develop an html5 rich animation. I've already design the components in Illustrator, but now the question is how to export this components? via Canvas object? or via Image(png)?.

Notice that the components may have some changes(like a flower who get an wings at some point)..

1. Canvas it will able me easily add and remove this additions, But with Image I should make them absolute with z-index..
2. Image will prevnt copying my components without permission(at least it prevent anybody take them as vector image).. so it really advantage.

Thanks!, ~ Almog Baku

嗨，我正在尝试制作一个闪烁的屏幕，其中颜色在 WebGL 中的两种颜色之间发生变化。我为具有一种颜色的正方形设置了代码，但不知道如何以人眼无法想象的速度在两种颜色之间切换，例如 1KHz。在此先感谢，我是新手。

我有一个有 4 个扇区的圆圈。单击扇区 1 和 3 时，圆圈应旋转特定角度，例如顺时针方向旋转 45 度；单击扇区 2 和 4 时，圆圈应逆时针方向旋转相同角度。如何使用 kineticJS 的 transitionTo 方法做到这一点？

我在用

但第一次点击后过渡似乎不起作用。谁能说出旋转不一致的原因...我需要在每次旋转后保存动力学层的上下文吗？？？

我正在使用 kineticJS 的 transitionTo 方法来显示鼠标单击事件时形状的动画旋转。如果我们第一次单击该形状，它可以正常工作，但随后单击它不会旋转该形状。每次单击时，我都想以某个角度显示形状的过渡（旋转）。请让我知道我正在犯的错误以及如何纠正它？

这是我正在使用的代码

我有两个关键帧动画“Bounce-In”和“Bounce-Out”，Bounce-In 动画需要 1.2 秒才能完成，但是如果用户在完成之前触发 Bounce-Out 功能，它将跳转到 100% 的比例并且不会t 从当前动画位置优雅地向外扩展。

关键帧动画可以做到这一点吗？我已经看到它使用转换属性完成，但没有使用 scale()。

我在 JSFiddle 上有一个演示：http: //jsfiddle.net/Vn3bM/98/ *如果您在动画完成之前单击“游戏”圆圈，您会注意到其他两个跳转到 100% 然后动画出来（就是这样我正在努力使平滑）。

我什至尝试从 Bounce-Out 中删除 0% 关键帧，但这并没有帮助......

我需要旋转/动画 360 度。来自智能手机浏览器的真实世界 3D 对象。当用户在屏幕上滚动时，现实世界的对象（例如汽车）需要旋转或设置动画。一种选择是一个接一个地替换图像。

任何人都可以使用 CSS3/Javascript 提供更好的解决方案吗？