Librarium
Settings

Simple Animated Puppet with HTML | Budget YouTuber Episode 2

Cynic Placebo Gaming
animate a characteranimate a faceanimated character for videosanimations for videoscsseasiest way to animatehow can i animate a characterhow can i animate a facehow to animate a characterhow to animate a facehow to create an animated characterhtmlhtml animationhtml puppetjavascript animationjavascript event listenerjavascript mouse listenerjsjs animationsimple animated puppetsimple animationstarting a youtube channelvideo animation

Reference Page: https://localmess.com/ref/budget_yt/002/ Budget YouTuber Series Playlist: https://www.youtube.com/watch?v=jtEvYSlF5BI&list=PL0nw0y4NN0cCRw2uP9R2K-9vcSCs8-kJu Code Repository: https://github.com/CynicPlacebo/html_puppets

===== Music Credit ===== Motivate by Wavecont | https://protunes.net/ Music promoted by https://www.chosic.com/free-music/all/ Creative Commons CC BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/

===== CHAPTERS ===== 00:00 Introduction 01:37 Images for Puppet 04:49 Export Images 05:30 Create HTML/CSS/JS Files 06:39 HTML & Head Tags 10:09 Body & Img Tags 11:54 Images Don't Overlap 14:03 CSS Green Screen & Overlapping Images 16:52 JS Comments & Variables 20:20 JS Event Listener (MouseMove Listener) 22:34 JS Console Logging 24:53 JS Math Formulas 28:49 DOM Manipulation with JS 31:20 Testing & Refining 32:41 Recap Our 3 Files 33:52 Use Cases & Outro ... https://www.youtube.com/watch?v=JJMWKSP-xyY

2023-12-02
0.0 LBC
Copyrighted (contact publisher)

116809967 Bytes