JavaScript & p5.js Samples

This is where I'm going to store the links to all the silly little JavaScript and p5.js projects and sketches I make.

Note that, obviously, this isn't all the work I've done with JavaScript, but primarily what I've done with the p5.js library, a framework for JavaScript that allows for a visual twist. This is why they are things you can see and interact with. Some of the sketches here also use other libraries, such as p5.collide2d, and p5.sound. These can be viewed on p5.js' libraries page.

Some of my other work can be seen on my GitHub.

None of this would be possble without the help of Daniel Shiffman. You may notice that a lot of my examples here take after his. He is an enormous inspiration for me.

Click on the Titles of these Sketches to view them in the preview window:

I find that these will occasionally run slowly. If this happens, it seems that refreshing the page a few times helps. My code will also get more efficient as time progresses. I try and write all my code in the purest form of JavaScript I can find. I don't know JQuery, or AJAX, or anything like that yet, and, at this point, it's a kind of challenge to keep that up.


Oct. 15, 2018

The first thing I did with JavaScript, ever. Balls bouncing up and down act as vertecies for a shape. They can be hidden or shown with the mouse.

Angry Bees

Oct. 16, 2018

There's some angry bees buzzing around the screen. The closer you move your mouse to the queen, the angrier they get!


Oct. 18, 2018

The classic Atari game, recreated with p5.js. You know what Pong is. This game is 2-player, on one keyboard.

Lissajous Table

Oct. 20, 2018

A grid of patterns is created by (x, y) coordinates from two lines of circles, with points representing those x and y points respectively, all rotating at different speeds.

Attempt 1

Oct. 20 to Oct. 23, 2018

First Attempt - Gave up after collisions proved difficult beacuse of the way I was defining the player and asteroids.


Oct. 23 to Oct. 25, 2018

Recreation of the 1979 Atari Arcade game, Asteroids. Shoot incoming asteroids and survive as long as possible.