GFX

This page contains some of my experiments with computer generated graphics. I've been using different libraries but I've stuck to things that run in the browser. I've used THREE.js, p5.js and shadertoy.

Dancing Noise Line v2
Five lines bending and curving prettily
I was testing out the noise function in p5.js and ended up with a dancing line. To make the effect prettier I made the background colour semi-transparent which gave the line some more interest and then I added a few more lines.
Procedurally generated hexagonal gameboard
Three dimensional terrain made up of hexagonal patterned columns
I wanted to experiment using noise to procedurally generate terrain. I thought it would look cool with hexagonal tiles. I used the height of each tile to determine whether they should be underwater, beach, grass or mountain coloured. I also used noise to generate waves for the water.
Basic Spiral Phyllotaxis
Multicoloured dots spread out in a phyllotaxis pattern
A cool looking spiral with ratios found in nature. Directly inspired from the codingtrain.
Ulam Spiral
Integers represented as dots shown spiraling out from 1 in the middle. Prime number dots are larger.
My take on drawing an ulam spiral. Directly inspired from the codingtrain.
Moiré Swirling Noisily
Two shapes interacting and creating a moiré effect
I've always been facinated by the Moiré pattern. I created a thing were two patterns are moving randomly and made the patterns editable.
Faster than light effect
Three dimensional green cube on black background

Trying to replicate the effect from Star Trek when the ships are moving faster than light.

"Enterprise NCC 1701 D" by morenostefanuto is licensed under Creative Commons Attribution.

ASCII webcam
A webcam window where the image is represented using ASCII letters rather than coloured pixels
Made by following along to the codingtrain.
THREE.js documentation | Creating a scene
Three dimensional green cube on black background
Just an implementation of the "Creating a scene" page from the THREE.js documentation.