Posts

Showing posts from 2020

Animation with JavaScript

An Animation Experiment
JavaScript is still a bit new to me, and I have yet to dive into the <canvas>.  I wanted to explore animation on web pages with vanilla Javascript. This seemed like a great opportunity to experiment, and share it for others to use.

If you haven't seen some of my older posts, I do have experience with python GUI libraries like tkinter and pygame, so I had some basic knowledge on my hands before playing with this code.


If you'd rather just dive in with your web dev tools or fork the github repo and play, here are the links:

webpage:https://nelliesnoodles.github.io/JS_Animation/
repo: https://github.com/nelliesnoodles/JS_Animation

Breakdown of the JavaScript
When I write my javascript, I organize it the same way I would a python file.
At the top most are the functions called and used by the functions below them. At the bottom of the file will be the functions that get everything moving.
If a function doesn't require the use of any other function …