https://github.com/jchehe/gsap_cn
GSAP 2.x（GreenSock Animation Platform）文档中文版。https://jchehe.gitbook.io/gsap-2-cn/
https://github.com/jchehe/gsap_cn
animation greensock gsap javascript translation tween
Last synced: 10 months ago
JSON representation
GSAP 2.x（GreenSock Animation Platform）文档中文版。https://jchehe.gitbook.io/gsap-2-cn/
- Host: GitHub
- URL: https://github.com/jchehe/gsap_cn
- Owner: JChehe
- Created: 2018-01-30T13:02:30.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-02T08:39:11.000Z (over 8 years ago)
- Last Synced: 2025-04-28T23:42:44.303Z (about 1 year ago)
- Topics: animation, greensock, gsap, javascript, translation, tween
- Homepage: https://jchehe.gitbook.io/gsap-2-cn/
- Size: 1.48 MB
- Stars: 9
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 开始使用文档
“通过代码生成动画”这种方式给人的第一感觉是：“不是吧？！”。但不用担心，本平台就是让这种方式变得简单、直观和可行。
#### 查看文档主菜单
左侧菜单栏涵盖了 GreenSock 所有类的 API（HTML5 版本）。任意一个类都提供了概述和它所拥有的方法和属性，而每个方法和属性均拥有各自的详情页。另外，一定要看看 Plugins 和 Utilities 里的工具，你一定会被 GSAP 核心动画能力以外的东西所惊讶到。
#### 我们最流行的工具
了解 GreenSock 中最流行工具的技术细节
* TweenLite
TweenLite 是一款超级快速、轻量且灵活的工具。它是 GreenSock 动画平台（GSAP）的基础。一个 TweenLite 实例能处理任意对象（或对象数组）的一个或多个属性。
* TweenMax
TweenMax 对 TweenLite 进行了扩展，添加了很多有用（但非必要）的特性，如 repeat\(\)、repeatDelay\(\)、yoyo\(\) 和 updateTo\(\) 等。它同时默认引入了很多额外的插件，以保证自身的全面性。当然，这些插件也适用于 TweenLite。只不过 TweenMax 帮你省了加载通用插件这一步骤，这些插件有：CSSPlugin、RoundPropsPlugin、BezierPlugin、AttrPlugin、DirectionalRotationPlugin、EasePack、TimelineLite 和 TimelineMax。
* TimelineLite
TimelineLite 是一款轻量、直观的时间轴类，用于创建和管理由 TweenLite、TweenMax、TimelineLite 和 TimelineMax 实例组成的队列。Timeline 实例好比一个容器，可根据时间放置补间动画实例（或其他 timeline）。
* TimelineMax
TimelineMax 对 TimelineLite 进行了扩展，在 TimelineLite 的基础上增加了很多有用（但非必要）的特性，如 repeat、repeatDelay、yoyo、currentLabel\(\)、tweenTo\(\)、tweenFromTo\(\)、getLabelAfter\(\)、getLabelBefore\(\) 和 getActive\(\) 等。
* Draggable
Draggable 通过使用鼠标/触摸事件，让几乎所有 DOM 元素变得可拖拽、可旋转、可投掷，甚至可弹性滚动。另外，它还能与 ThrowPropsPlugin（可选）完美集成，使用户能进行回弹和基于动量的减速过渡。
#### GreenSock 官方练习（视频和电子书）
如果你想知道 GSAP 能做什么，可以看看官方视频教程[《Learn HTML5 Animation with GreenSock》](https://www.nobledesktop.com/html5-greensock-video-class-gsap?a=ox7)。它超过 5 小时，由我们的极客大使 Carl Schooff 录制。该教程基于真实项目，详细说明了实现过程中每一步。