Physics2DPlugin使用方法

载入Physics2DPlugin文件

Physics2DPlugin 是GreenSock 365体育官网-ribo88_365手机体育投注_365体育在线国外网址平台用于进行物理365体育官网-ribo88_365手机体育投注_365体育在线国外网址的拓展插件,包括重力、速度、加速度、摩擦力365体育官网-ribo88_365手机体育投注_365体育在线国外网址等等。

GreenSock 文件包中并没有包含Physics2DPlugin 插件,因此需要另外下载。

首先下载Physics2DPlugin破解版文件。Physics2DPlugin并非免费插件,商用时请注意版权。

下载Physics2DPlugin

在页面中载入TweenMax.min.js和Physics2DPlugin.min.js文件


在TweenMax中使用Physics2DPlugin的属性

365体育官网-ribo88_365手机体育投注_365体育在线国外网址元素:
设置2D物理365体育官网-ribo88_365手机体育投注_365体育在线国外网址(抛物线效果)
TweenMax.to("#obj", 2.5, {physics2D:{velocity:500, angle:300, gravity:500},repeat: -1,});

属性解析:

属性名解析
velocity初始速度
angle角度
gravity重力
acceleration加速度
accelerationAngle加速度角度
friction摩擦力
?
运行结果:
  • HTML
  • CSS
  • JS
  • 展示
#obj{
    width:20px;
    height:20px;
    border-radius:100%;
    background:#090;
    margin-top:200px;
}
TweenMax.to("#obj", 2.5, {physics2D:{velocity:500, angle:300, gravity:500},repeat: -1,});
重播