Categories
Animated

PlayfairRandomSpread

Playfair Random Spread – Is a typography experiment using the delicate path of Claus Eggers Sørensens typeface Playfair Display as a base for further random spread, resulting in an animation, drawn in a HTML5 element This program takes a single capital letter, in the given font, as an input. After analyzing the bounding box of […]

Categories
Animated

Proximity Typography

A small experiment with the p5.js JavaScript librairy. Move the Mouse, or touch the screen to set the focal point.

Categories
Animated

Vectors and Attraction

Are you really bored? Check out my script. It’s interactive and mostly red and purple. You can add random sized control points via touch or mouse click. The whole system adapts to new set points and draws beautifully curved lines in your html5 canvas. Test it here:

Categories
Animated

gravitizer

#Particles drop from the top of the screen and #bounce of invisible #flowfields. The traces create beautiful, almost “sketchlike” abstract graphics. Just hit a button and save your file. This is an interactive HTML5 Browserapp, that allows you to draw amazing graphs. Particles are dropped from the top of the screen and keep falling down […]

Categories
Animated

Snowflakes – M.A.R.S.

Watch my Algorithm slowly graph audio data on the canvas, while listening to the calm music of the track Snowflakes, by M.A.R.S. This is not my first creative code project, but definitly the first including music. Since I am more a designer, not a programmer, this was a huge task. I gladly used Javascript and […]

Categories
Animated

Thinking about Clouds

Somtimes I wonder about weired things like math, to get this done. Black clouds on the canvas.