问题标签 [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.

0 投票
1 回答
784 浏览

javascript - PaperJS - 如何连接与任何给定项目距离为 X 的所有项目?(项目互动)

我有一个项目,我正在尝试<canvas>使用Paper JS制作动画。我很好奇的是,PaperJS 中是否有任何内置功能可以检测项目之间的交互性(即,如果一个项目与图层上的任何其他项目有 X 距离)。这是我到目前为止所拥有的:

HTML

CSS

JS

JSFiddle

到目前为止,该部分运行良好。我对如何执行以下操作感到好奇:

每当任何给定项目(正方形)彼此之间的距离为 X 时,在它们之间创建一条线(路径)

这个想法与这个页面非常相似:http: //panasonic.jp/shaver/lamdash/dna/

任何想法将不胜感激。谢谢!

0 投票
1 回答
375 浏览

html - 创建一个 HTML5 动画,用于将船从英国移动到霍巴特,如下面的屏幕截图所示:

创建一个 HTML5 动画,用于将船从英国移动到霍巴特,如下面的屏幕截图所示:

图像1

0 投票
2 回答
1177 浏览

javascript - HTML5 画布上的文本和动画

我有一个基于动画的画布,在鼠标悬停时动画雨滴,动画在鼠标悬停时停止。我有提交时应在画布上显示文本的文本框。但是,当我再次移出并鼠标悬停时,此文本会消失。我知道画布在鼠标悬停时会重新绘制,但我无法弄清楚如何使文本保持在原处。谢谢!

我已经从此处提供的解决方案中改编了代码 => 随机图像在画布中像雨一样落下(Javascript)

Javascript

HTML

0 投票
6 回答
1861 浏览

javascript - HTML5 画布/动画资源

我经营一个电子贺卡网站,目前大约一半的内容由使用 Flash 制作的动画组成。通常情人节是该网站非常繁忙的时间,但今年我发现虽然我的网站流量相同,但与去年相比,今年发送的电子贺卡数量不到四分之一。

查看网络访问统计数据,我发现今年使用移动设备的访问者数量不到一半,这就解释了为什么访问量较低,因为闪存不适用于移动设备和平板电脑。

我曾经使用过很多来自 levitated.net、bit-101.com 和 wonderfl.net 之类的开源闪存。

我现在意识到我需要开始学习使用例如画布的 HTML5 动画。

我想知道是否有人可能知道任何有用的资源是一个很好的起点?

另外,有没有人知道任何可以用来生成有趣动画的好的库/框架/开源内容?我发现http://jsdo.it/看起来不错。

我愿意花时间学习东西,但是当我使用 Flash 和 Actionscript 时,能够使用其他人编写的代码作为起点并使其适应我的需求真是太好了,因为 ActionScript 是光年领先于我能做的任何事情,因为我不是真正的程序员。

非常感谢任何建议。

谢谢

0 投票
2 回答
1359 浏览

javascript - myDoughnut 动画上的 setInterval

我想每 5 秒重复一次 myDoughnut 动画的动画。目前它只在页面加载时动画。

我试过使用

我还在学习 Javascript,所以有点不确定我是否引用了正确的函数以及在哪里放置 setInterval 代码。

动画可以在本网站底部查看:http://www.chartjs.org/

非常感谢您的任何指导和指导!

0 投票
2 回答
1518 浏览

html - html5画布动画,旋转文字不够流畅

这个想法很简单,用文字创建一个星星并旋转它。

但是制作快速脚本后并不顺利 here is my fiddle

星星在移动,但文字像蛇一样颤抖:)

0 投票
1 回答
2390 浏览

html - 带有纯 css3 的动画提交/进度按钮

有人如何使用纯 css3实现此处显示的效果。

0 投票
1 回答
1005 浏览

javascript - Kineticjs:画布中图像的随机移动动画

如何向 For 循环图像添加随机移动动画,

我有这个图像代码:

我想做这样的事情:

http://chimera.labs.oreilly.com/books/1234000001654/ch05.html#balls_with_simple_interactions

在上面的链接中,您可以看到示例向下滚动,您将看到(单击下面的“运行示例!”来尝试示例 5-7。)

......

如果有人可以帮助我,我将非常感激。

0 投票
1 回答
946 浏览

jquery - 基于动态平铺的布局

您好,我想制作一个布局,其中瓷砖(1x1、1x2 和 2x2)填充网格,当您单击其中一个瓷砖时,它会展开到更大的窗口并适合周围瓷砖内的更大区域。

这是我的意思的一个例子http://village.marimekko.com/

谁能建议这样做的最佳实践,我曾希望只使用一个主题,但我找不到任何正确的东西!

非常感谢,

0 投票
1 回答
70 浏览

bezier - 关于如何为多条贝塞尔曲线制作动画的想法?

我正在尝试从与非常相似的图片中创建绘图动画。

根据我一直在研究的内容,我认为我的目标是制作多条贝塞尔曲线。问题是,由于我主要从事编程工作,但在图形设计部分并不完全如此,这让我很头疼。

那么,关于我应该从哪里开始(例如我应该使用的软件等)有什么建议吗?之前谢谢。

PS:最后动画会放到网页上。