5 in 5 Project #5: Network

Today, I wanted to learn something new.

I chatted with someone about web development, which I know a bit about, and he said, “What, you only know vanilla HTML/CSS/JavaScript?! You should learn ES6, it’s the new language everyone needs to know nowadays.” So that’s what I did!

You can create a lot of interesting things using ES6, an object-oriented version of JavaScript, and HTML5’s canvas.

After playing around, I generated a bunch of points on the canvas and drew lines connecting them based on closest distance:

I then added a velocity to the points so that they would constantly move around the canvas.

 

I wanted the network to gradually shift colours, so I added in some code that would change the red value of the lines.

A different colouring method: