GSAP مجموعه ای از پلاگین های قدرتمند برای ساخت انیمیشن های پیشرفته تحت وب می باشد.

این پلاگین ها به زبان Javascript طراحی شده اند و روی هر مرورگری به خوبی اجرا می شوند.

در این آموزش تصویری با نحوه ساخت انیمیشن پیشرفته با پلاگین های GSAP آشنا می شوید.

این دوره آموزشی محصول موسسه Tutsplus است.

سرفصل های این دوره:

  • Animating HTML ویژگی ها با AttrPlugin
  • Tweening اشکال SVG
  • راه اندازی SVG
  • صفات Tweening
  • Animating بر روی یک منحنی با پلاگین های Bezier
  • متحرک سازی در یک دایره
  • منحنی بیشتر
  • Animating خواص جاوا اسکریپت رنگ
  • خواص Tweening
  • متحرک سازی یک Gradient
  • Animating تغییر متن با TextPlugin
  • متحرک سازی متن
  • Animating قوانین CSS
  • Directional چرخش
  • جهت چرخش مبانی
  • چرخش تصادفی
  • و…

عنوان دوره: Tutsplus Advanced Animation With GSAP Plugins

مدت دوره: 2 ساعت و 30 دقیقه

نویسنده: Craig Campbell

 توضیحات:

http://webdesign.tutsplus.com/courses/advanced-animation-with-gsap-plugins
Tutsplus Advanced Animation With GSAP Plugins

Craig Campbell
2.3 hours


The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In this course, you will go beyond the basics of GreenSock animation as Envato Tuts+ instructor Craig Campbell takes you on a tour of the plugins that ship with GSAP.


1.Introduction
1.1
Introduction
00:35
1.2
The Plugins
02:58
2.Animating HTML Attributes With AttrPlugin
2.1
Quick Review
06:32
2.2
Tweening SVG Shapes
08:13
2.3
Setting Up Your SVG
09:46
2.4
Tweening Attributes
03:50
3.Animating on a Curve With the Bezier Plugin
3.1
Animating in a Circle
14:27
3.2
Bezier Properties
07:00
3.3
More Curves
06:21
4.Animating JavaScript Color Properties
4.1
Tweening Properties
10:11
4.2
Animating a Gradient
10:16
5.Animating Text Changes With TextPlugin
5.1
Animating Text
08:02
6.Animating CSS Rules
6.1
Starting From Scratch
06:58
6.2
Animating the Rule
09:49
7.Directional Rotation
7.1
Directional Rotation Basics
10:32
7.2
Random Rotation
08:19
7.3
Return on Hover
11:29
8.Conclusion
8.1
Final Thoughts
00:42