Canvas Animation Tutorials | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 8

Canvas Animation Tutorials

Hi guys I'm really in need of some good tutorials that can give me a head start on how to create cool animations with canvas using javascript. I really wanna know (the logic) how you guys create all these awesome codes i see on the code trending list. I'll really appreciate any help from website links to books.

22nd Nov 2018, 2:03 PM
Germain F
Germain F - avatar
11 Answers
+ 10
I'd recommend p5.js. It's an open source library that makes canvas animations and games as easy as it can get: There's an online editor, so you can literally start just by clicking this link. And there's this guy who makes pretty much the best videos out there on this topic. You can get started in no time. Good luck!
22nd Nov 2018, 2:34 PM
Just A Rather Ridiculously Long Username
23rd Nov 2018, 4:20 PM
Nilavarasan  - avatar
+ 7
I found youtube videos by Adam Khouri very helpful. His videos cover all sorts of animation techniques, including the canvas. He also provides a series of videos he calls 'Canvas Bootcamp' which you might like to take a look at. MDN also provide good introductory material if you follow the link provided by Magneto. Best of luck Console.
22nd Nov 2018, 3:27 PM
Richard Myatt
Richard Myatt - avatar
+ 6
Well, you want a logic, here i tell you You know that animationsis a lot of pucture right? So In canvas, its not moving, but a lot of shapes. In step: new image Delete last image New image Delete last image New image Delete last image
24th Nov 2018, 12:13 PM
Jingga Sona
Jingga Sona - avatar
+ 5
You can combine p5.js with Anime.js P5.js is a graphics library, and Anime.js is a animation library, that can animate your p5.js graphics.
23rd Nov 2018, 8:21 PM
InvBoy [ :: FEDE :: ]
InvBoy [ :: FEDE :: ] - avatar
+ 3
22nd Nov 2018, 10:19 PM
Kipkorir Gideon
Kipkorir Gideon - avatar
+ 3
You can visit Chris Course channel on YouTube!! It will also be helpful for learning canvas!!
23rd Nov 2018, 8:22 AM
AL Araf
AL Araf - avatar
+ 3
Check out the coding train on YouTube.
23rd Nov 2018, 3:37 PM
Shuaib Nuruddin
Shuaib Nuruddin - avatar
+ 2
thanks guys
22nd Nov 2018, 2:37 PM
Germain F
Germain F - avatar
+ 1
Search YouTube. there are tons of good canvas tutorials there.
23rd Nov 2018, 8:16 AM
Calviղ - avatar