如何使用 PaperJs 来弹跳图像
How to use PaperJs to bounce images around
下面是一个PaperJS程序,它显示了蹦蹦跳跳的圆圈:http://paperjs.org/examples/candy-crash/。那里的代码对许多帐户来说有点矫枉过正,实际上我对代码本身不感兴趣;我只是指着它,这样你就能看到我感兴趣的动画类型。但是我不知道如何对图像做类似的事情。据说我需要做的很简单,但是作为html5和PaperJS的新手,我不知道该怎么做。所以也许这里有人可以帮助我。如果你看一下我链接到的动画,它应该让你知道我想要完成什么。我不在乎扭曲。我只是希望图像以类似的随机方式相互反弹。感谢您的任何帮助。
顺便说一句:在这里进行更多研究之前,我问了这个问题的类似版本:如何在 PaperJS 中将图像添加到路径
对于每个球,添加一个栅格。在每一帧上,将光栅移动到球所在的位置。
相关文章:
- 如何在JavaScript中上传图像并使用它
- 从手机中选择多个图像'使用phonegap的多媒体资料
- 在其他图像下使用javascript将图像插入html
- 设置图像以使用纸张.js填充画布
- 弹出图像无法使用jquery在html中工作
- HTML滚动按钮图像:如何使用Internet Explorer
- HTML图像布局使用PHP变量,该变量是用JavaScript动态设置的〔o r…〕
- 使用PHP上传图像并使用JQuery进行追加
- 图像未使用onpage_scroll在javascript中加载
- 尝试将JS绑定到html图像url - 使用WP主题定制器API
- 图像未使用 WinJS 进行缩放
- 在延迟加载的图像上使用jQuery缩放
- 单击图像,隐藏其他图像并使用JQUERY对图像滑动进行动画处理
- 图像未使用 ajax 发布(未提交表单)
- 动态加载图像和使用javascript的自定义加载图像
- 在图像上使用 JQuery 的 .load() 的正确方法是什么?
- jQuery旋转图像并使用相同的名称文件保存它们(覆盖)
- 根据原始图像高度使用 Photoshop 和 JavaScript 调整条件图像大小
- 上传图像并使用javascript显示小图像
- 使用 JS 播放一系列图像,使用 $timeout 来安排帧