آموزش انیمیشن جاوا اسکریپت با GSAP

سرفصل ها و درس ها

معرفی دوره Course Introduction

• مقدمه ای بر دوره Introduction to the Course

انیمیشن ساده Simple Animation

• راه اندازی فایل JavaScript ما Setting up Our JavaScript File

• راه های وارد کردن GSAP Ways to Import GSAP

• نحو و انیمیشن اول Syntax and the First Animation

• افزودن موارد بیشتر به انیمیشن شما Adding More to Your Animation

• عملکرد کامل انیمیشن Animation Complete Function

• به تأخیر انداختن انیمیشن Delaying the Animation

• خلاصه انیمیشن ساده Simple Animation Summary

جدول زمانی انیمیشن Animation Timelines

• جدول زمانی چیست؟ What Is a Timeline?

• تنظیم جدول زمانی خود در پرونده JS Setting up Your Timeline in Your JS File

• ایجاد اولین جدول زمانی Creating Your First Timeline

جدول زمانی انیمیشن ادامه دارد Animation Timelines Continued

• استفاده از TweenMax و یک نحو جدید Using TweenMax and a New Syntax

• نمایش بعدی نحوه ساخت در یک صفحه وب Pt1 Next Show How to Build in a Webpage Pt1

• نمایش بعدی نحوه ساخت در یک صفحه وب Pt2 Next Show How to Build in a Webpage Pt2

• ماژول Timeline را جمع بندی کنید Wrap up the Timeline Module

GSAP قابل جمع شدن GSAP Draggable

• معرفی GSAP Draggable Intro to GSAP Draggable

• ایجاد پروژه و وارد کردن GSAP Project Creation and Importing GSAP

• افزودن خصوصیات به شی قابل کشیدن Adding Properties to the Draggable Object

• افزودن ThrowProps به Draggable شما Adding ThrowProps to Your Draggable

• جمع کردن قابل جمع شدن Draggable Wrap Up

ایجاد یک بازی تطبیق Creating a Matching Game

• مقدمه ای بر بازی Introduction to the Game

• راه اندازی بازی Setting up the Game

• متحرک کردن قطعات بازی و افزودن سایه متن Animating the Game Pieces and Adding Text Shadow

• Dragging را به Elements اضافه کنید Add Dragging to Elements

ایجاد یک بازی تطبیق بخش 2 Creating a Matching Game Part 2

• شناسه و افزودن متغیرهای مهم ID's and Adding Important Variables

• ایجاد آزمون هیت Creating the Hit Test

• افزودن لمس های نهایی Adding the Final Touches

• دوره را جمع کنید Course Wrap Up