Web Animations Full Course | Build a GTA VI Website & Master GSAP
Год выпуска: 6/2025
Производитель: JS Mastery
Сайт производителя:
https://jsmastery.com/course/gsap-animations-course
Автор: Adrian Hajdin
Продолжительность: 3h 31m 32s
Тип раздаваемого материала: Видеоурок
Язык: Английский
Субтитры: Отсутствуют
Описание:
Become a Top 1% GSAP Developer
Build GTA VI, explore real design case studies, and learn how to animate like Apple, Stripe, and Duolingo.
Build Animations Businesses Pay For
From silky-smooth scroll effects to dopamine-triggering micro-interactions, you’ll master the tools and strategy real companies use.
It's called emotional design.
You’ll go beyond code and learn how to use animation to:
- Build trust like Stripe
- Scare people into completing streaks like Duolingo
- Make people want your products like they want Apple’s
Build the GTA VI Landing Page (From Scratch)
You’ll rebuild the GTA VI landing page and learn how to:
- Trigger videos on scroll
- Design motion that tells a story
- Build interactive sections that feel like a premium product
- Scroll-controlled video transitions
- Layered animations and parallax effects
- Cinematic storytelling with timeline control
- Real production-level project for your portfolio
Learn by Doing. Experiment in Real Time.
Inside each lesson, you’ll find more than just videos.
You’ll get hands-on interaction with live components built directly into the course, powered by MDX.
- Built-in interactive playgrounds
- Visual easing demos + live sliders
- Edit GSAP animations and see the result instantly
- Reinforce each concept through visual learning and repetition
Real Projects, Real Animations
Forget abstract demos. You’ll build real-world UI animations you’ve actually seen (and admired).
- MacOS-style animated dock
- Snapping tab bar navigation
- Facebook-style emoji reactions
- Animated flip cards transitions, charts, loaders & toasts
Формат видео: MP4
Видео: avc, 1920x1080, 16:9, 60.000 к/с, 927 кб/с
Аудио: aac lc, 48.0 кгц, 128 кб/с, 2 аудио
MediaInfo
General
Complete name : D:\2\JS Mastery - Web Animations Full Course Build a GTA VI Website & Master GSAP (6.2025)\028 Lucia Caminos.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 78.2 MiB
Duration : 10 min 14 s
Overall bit rate : 1 068 kb/s
Frame rate : 60.000 FPS
Writing application : Lavf60.16.100
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4.2
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 10 min 14 s
Bit rate : 927 kb/s
Width : 1 920 pixels
Height : 1 080 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 60.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.007
Stream size : 67.9 MiB (87%)
Writing library : x264 core 164
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=34 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=250 / keyint_min=25 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=crf / mbtree=1 / crf=23.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Codec configuration box : avcC
Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 10 min 14 s
Source duration : 10 min 14 s
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 9.38 MiB (12%)
Source stream size : 9.38 MiB (12%)
Default : Yes
Alternate group : 1
