Skip to content

JChehe/GSAP_CN

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b16db38 · Mar 2, 2018

History

66 Commits
Jan 31, 2018
Jan 30, 2018
Sep 17, 2016
Feb 28, 2018
Feb 26, 2018
Feb 20, 2018
Sep 17, 2016
Feb 6, 2018
Feb 21, 2018
Sep 17, 2016
Feb 6, 2018
Mar 2, 2018
Mar 2, 2018
Mar 2, 2018

Repository files navigation

开始使用文档

“通过代码生成动画”这种方式给人的第一感觉是:“不是吧?!”。但不用担心,本平台就是让这种方式变得简单、直观和可行。

查看文档主菜单

左侧菜单栏涵盖了 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》。它超过 5 小时,由我们的极客大使 Carl Schooff 录制。该教程基于真实项目,详细说明了实现过程中每一步。