Physics2DPlugin 使用方法

优质
小牛编辑
135浏览
2023-12-01

载入Physics2DPlugin文件

Physics2DPlugin 是GreenSock 动画平台用于进行物理动画的拓展插件,包括重力、速度、加速度、摩擦力动画等等。

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

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

下载Physics2DPlugin

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

<script src="js/TweenMax.min.js"> </script>
<script src="js/Physics2DPlugin.min.js"> </script>

在TweenMax中使用Physics2DPlugin的属性

动画元素:
<div id="obj"></div>
设置2D物理动画(抛物线效果)
TweenMax.to("#obj", 2.5, {physics2D:{velocity:500, angle:300, gravity:500},repeat: -1,});

属性解析:

属性名解析
velocity初始速度
angle角度
gravity重力
acceleration加速度
accelerationAngle加速度角度
friction摩擦力
  运行结果:
#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,});
重播