问题标签 [html5-animation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何在 js 或 css 中固定图像位置?我有摩天轮我希望我的所有图像在旋转时都应该是站立的位置
如何在 js 或 css 中固定图像位置?我有摩天轮我希望我的所有图像在旋转时都应该是站立的位置。我想变成这样:http://jsdo.it/proppy/plUk/fullscreen看到粉红色的三角形 旋转时位置是固定的。
这是我的:http: //letmespeakenglish.net/wheel/index.html
有什么帮助吗?欢迎任何建议。谢谢您的帮助。
javascript - 为什么 requestAnimationFrame 函数接受一个元素作为参数?
我只是想了解为什么地狱window.requestAnimationFrame
接受第二个参数作为元素,这背后的原因是什么?
我很想知道这个函数的底层执行......
javascript - HTML5 中的转轮图像(例如,轮盘赌)?
在 HTML5 中模拟旋转轮盘的最佳方法是什么?
车轮旋转应该可以通过一些输入来控制(即,基于一些用户输入的旋转速度)。随着车轮快速旋转,车轮标签应该模糊,但随着旋转速度变慢,车轮上的标签变得越来越可读。
是否有支持此功能的 HTML5 库,或者动画是否需要手动编程?
这也需要在 iOS 设备上得到支持。
html - WebKit 和 Mozilla 遵循的真正的 CSS3 动画规范在哪里?
好吧,我正在寻找一个完整的、权威的 CSS3 动画规范,这样我就会受到 Dummies 教程中提到的那些限制。每当我搜索互联网时,我只会遇到各种教程和指南。
我正在寻找 WebKit 和 Mozilla 用于其实现的真实 CSS3 动画规范文档,该文档涵盖了他们浏览器中的所有可能性。
我的理解是 Mozilla 和 WebKit 有自己的标签,标准仍然不被接受,所以也许他们有自己的文档。任何指向真实文档的指针?
html - HTML5:绘制圆角矩形作为动画
我可以使用以下代码绘制一个圆角矩形。我正在寻找的是我想将其形成为动画 - 从一个点开始并绘制在起点结束的线。(比如用铅笔画画)有什么想法吗?
javascript - 同一元素的 CSS3 多个过渡
我正在尝试为我的一张背景图片制作下拉效果。我可以使用 css3 做到这一点,但它并不完整。
效果应该是一个落下然后有点反弹回来的窗帘。css3 的问题是我不知道如何对同一属性进行转换,因为最后一个会覆盖以前的。
这是我的代码:
任何帮助将非常感激。
html - 使用 WebGL 3D 形状作为 2D 画布图像
我正在创建一个 2D Canvas 游戏,其中立方体如雨点般落在玩家身上。他们的目标是射击或躲避他们。现在立方体只是 2D JavaScript OOP 实体。我想做的是用 WebGL 3D 立方体替换 2D 立方体图形。
我的问题是,在 2D 游戏中使用 WebGL 的 3D 图形的最佳方法是什么?我正在寻找类似于 Opera 的 HTML5 Emberwind的东西。他们在 2D 空间中使用 3D 图形来创建角色动画,而不是使用图像精灵。
javascript - 如何在 IMPACTJS 中反转动画
我正在使用 ImpactJS 在 HTML5 和 JS 上创建游戏,当动画运行时,是否可以在任何帧反转动画帧流(不翻转)?我使用了rewind(),它只回到第一帧,有没有reverse()?
html - SVG 元素在动态添加时不会动画
我试图在使用 jQuery 为其动画添加动态 DOM 的同时实现 SVG 元素的动画。我使用 JS 生成 DOM,因此 HTML 页面没有任何用于此动画的元素。当我动态添加它时,动画不会在 Chrome(16) 中启动,但它适用于 FF(8)
完美的动画是我删除了用 JS 生成的动态 dom 并将它们静态放入 HTML 页面。
我在以下位置为它创建了小提琴:http: //jsfiddle.net/cjP6K/7/
我已经将一个 svg dom static 放入 HTML 页面,然后我在文档准备好时用 jQuery 克隆了该元素,在这个场景中,稍后用 JS 添加的元素根本不会动画!!(这适用于 FF)
请帮忙...
谢谢,切坦。
javascript - JavaScript:HTML5 和在页面上滑动一个球
当谈到 HTML5 和臭名昭著的Canvas元素时,我是个新手。目前,我在我的网页上绘制了一个蓝色球,单击画布元素时,球滑动到我传递给 drawCircle 函数的位置 (Y)。我想将球滑到Y 位置,而球跳到 Y 位置。
到目前为止,这是我的代码:
JSFiddle:http: //jsfiddle.net/Uam8z/1/