FLOWING SQUARES

square ant

symmetrical ant

experimental ant

pixel grid

spinning boxes

rocking triangles

triangle paths

linear expansion

better ant

flowing squares

hollow boxes

point illusion

black donut

bubble bg dark

bubble bg

black hole

colours

3d shapes bg

3d shapes

shaky triangles

polygon

rectangle

idle

units

experimental ant - 2019-05-21
This one takes quite a while( ~ 5
minutes )... But when it gets going it looks purty nice.

better ant - 2019-04-11
Browsing the web i found
this demonstration of Langtons Ant
and noticed the much better performance, so being inspired to improve my attempt I
did so. And also changed the color.

flowing squares - 2019-04-12
This one uses various techniques
that i've learned such as border detection, Class creation, moving a defined shape
etc. creating this rug of squares, bouncing from wall to wall. Like those DVD
screensavers.

hollow boxes - 2019-04-09
For this one I went back to the 3D
shape/webGL library
three.js
and played around with stacking boxes further away but with decreasing size, using a
depth material for the mesh, and blabla. Looks nice.

point illusion - 2019-03-21
Same as last, difference being is the
circle motioned drawing speed. Making for a very slowly adding of blackness with
expanding patterns that you barely notice at first.

black hole - 2019-03-20
This one is one of my favourites, just
because it feels very clean and reminds me of being little and seeing similar shapes
and animations which would get me stuck staring at them for just a bit too long.

colours - 2019-03-20
Having a bit more experience I decided to
move away from using libraries to learn more about the basics of JavaScript. Which
turned out to be a good idea making me discover a technique for creating cool
patterns. Such as this one.

3d shapes bg - 2019-03-07
Edited the last one a bit so that it
could be used as a background, the moving is actually the camera rotating along its
axes.

3d shapes - 2019-03-06
Found a library:
three.js
making it easy to create 3D shapes and animations. So, i defined a cube, plopped a
couple of rotating shapes with random colors and added camera controls.

shaky triangles - 2019-02-28
Went a bit further with the polygon
creation. In this one the points defining the shape are moving around randomly(a bit
jittery, but funny).

polygon - 2019-02-28
Created a polygon, bit harded since you have
to defined the points of the shape, also made it spin 😌.

rectangle - 2019-02-26
First canvas drawing in JavaScript i
managed to create, using a library:
PixiJS, that I used for the next 3 aswell.
SETTINGS
SETTING | CONFIGURATION | CURRENT |
---|---|---|
UI COLOR | ||
DARK MODE | ||
LANDING PAGE | ||
DEFAULT PROJECT |