Physics2DPlugin 使用方法
优质
小牛编辑
135浏览
2023-12-01
载入Physics2DPlugin文件
Physics2DPlugin 是GreenSock 动画平台用于进行物理动画的拓展插件,包括重力、速度、加速度、摩擦力动画等等。
GreenSock 文件包中并没有包含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,});
重播