跨浏览器窗口的浮动框和弹跳框-如何实现

时间:2019-04-15 13:50:12

标签: javascript animation

enter image description here

我想有多个框在周围漂浮,当它们碰到浏览器的边界时,它们会弹回来……我试图在图像上进行说明。 框应在最后单击。

有人建议使用JavaScript框架吗?还是有人知道这种动画的教程? 如果我能从如何启动此任务中得到一些启发,并尽可能地简化它,那将是很好的。

谢谢!

1 个答案:

答案 0 :(得分:1)

看看Paper.js和示例。
类似的内容:http://paperjs.org/examples/bouncing-balls/

单击右上角的“源”以检查源代码。如果您更改了任何内容,然后单击“运行”,则更改将生效。

例如,如果在第9行将this.gravity = 3;更改为this.gravity = 0;,则基本上完成了非常相似的创建。