GO TO RANDOM PORTFOLIO SITE >
Fun with ribbon
DESCRIPTION

Yay, it's a ribbon! And just in time for the holidays too!

Credits – Ralph Kok
HTML5 Voronoi Randomness
DESCRIPTION

Play around with this random colored Voronoi diagram. Click your mouse to add a new shape, push them away by moving your mouse.

This experiment is based on a script from Raymond Hill http://www.raymondhill.net/

Credits – Hugo Dechesne
HTML5 3D tunnel
DESCRIPTION

Spacey vortex, move your mouse around to get a view from the side.

The tunnel is created by a simple 3D algorithm, and uses the html canvas tag to connect all the points.

Credits – Hugo Dechesne
HTML5 parallax
DESCRIPTION

Drawing on canvas with very big images. Seems to work pretty well, if you are patient.

Move your mouse around to get the parallax effect.

Credits – Hugo Dechesne
HTML5 Canvas lightning
DESCRIPTION

Click for some HTML5 lightning awesomeness. Boom!

Credits – Ralph Kok
HTML5 worms
DESCRIPTION

Pointless squiggly worms.

Credits – Hugo Dechesne
HTML5 particle web
DESCRIPTION

The HTML 5 version of web.

It uses the Canvas element and about 200 particles.

Credits – Hugo Dechesne
Flocking
DESCRIPTION

A flocking algorithm where the "Boids" will follow or repel eachother based on distance, speed and travelling direction. If there is no Boid to base the speed and direction on, the Boid will try to travel towards the mouse location.

Toggeling the "show connections" will show how the Boids are connected. A green line means the Boid is following another one, red means the Boid is repelled by another Boid (if travelling too close).

The "show trail" button toggles the drawing of the position, enabling to see the path of each individual Boid more clearly.

Credits – Hugo Dechesne
Time echo
DESCRIPTION

Crazy camera crap!
Move, jump, dance, hop, fall, turn. And stuff. Woot!

P.S.: you need a webcam to see this experiment.

Credits – Ralph Kok
Web 2
DESCRIPTION

Spinoff version from "Web" . This time the result is drawn onto a bitmap using the "add" blendmode after which the result is blurred.

Move you mouse closer to the center of the sphere to make the effect more dramatic.

Credits – Hugo Dechesne
Tentacles 2D
DESCRIPTION

This is the result of playing with a combination of particles and perlin noise. Almos ballet like - pretty. 

Credits – Ralph Kok
Kaleidoscope
DESCRIPTION

Upload your own photo then drag the kaleidoscope to create trippy, hypnotic effects. You can even save the result if you want to keep your creation.

Don't drag the kaleidoscope too far though, something strange might happen ;-) 

Credits – Hugo Dechesne
Webcam Smoke
DESCRIPTION

Ssssssmokin'! Cool particle effect that responds to your webcam.
NOTE: This experiment requires a webcam.

Credits – Ralph Kok
Web
DESCRIPTION

About 200 particles are floating around, when they have a certain distance to each other, a line is drawn between them. Your horizontal mouse position determines the minimum distance the particles need to have before the lines are drawn. Also check out "Web 2".

Credits – Hugo Dechesne
Video Flowfield
DESCRIPTION

Particle experiment, with motion responding to video. 
Click to change the input video.

Credits – Ralph Kok
Poop Generator
DESCRIPTION

Click and drag your mouse around to create a pattern. When you let go, the screen will fill up.

Every frame, a glow filter with a random color from a selected color pallet is applied to your shape. This "blows up" your shape until the screen is entirely filled. An inner dropshadow or bevel filter after each glow filter creates the nice 3D depth effect. Suprisingly addictive.

No idea how the name came about.

Credits – Hugo Dechesne
Particle war
DESCRIPTION

Particles responding to your mouse, and leaving beautiful patterns in their wake in the process.
Awesome.

Credits – Ralph Kok
Isometric Blocks
DESCRIPTION

Wandering isometric cubes. Obviously. Currently no interactivity.

Credits – Hugo Dechesne
Pulse
DESCRIPTION

We love perlin noise. Also particles. We're devs.

Credits – Ralph Kok
Shadows
DESCRIPTION

A first attempt to visualize dynamic light. Cylindrical objects cast shadows away from the lightsource.

Credits – Hugo Dechesne
Recursion and animation
DESCRIPTION

This is an animation of an L-system.

Based on a grammar that was made to describe the growth of algea, L-systems are often used to create organic plant shapes.
In this case, a combination of random rules for generating and drawing it out has yielded a beautiful animation that becomes more and more complex.

As the animation progresses, patterns emerge in an increasingly complex way, giving the feeling of watching some strange plant or animal growing and evolving.

Credits – Ralph Kok
Webcam 3D lines
DESCRIPTION

Created by using the drawPath method on the Graphics class from Flash to efficiently draw lines, and using the webcam image to 'push' the points up when it hits a bright spot, creating this cool 3D effect.

Credits – Hugo Dechesne
Great ball on fire
DESCRIPTION

Exploring interactivity with 3D Studio Max rendered image sequence.

Credits – Hugo Dechesne, Geoffrey Lillemon
Particle mask
DESCRIPTION

Cloud masking an image. Enjoy :)

Credits – Ralph Kok
Splashy Color
DESCRIPTION

Hmm, you try to describe it.

Credits – Ralph Kok
Waves
DESCRIPTION

Move your mouse around to make some more waves.

Credits – Hugo Dechesne
Tentacles 3D
DESCRIPTION

Papervision 3D inverse kinematics. Each cube looks at it's predecessor to determine its position and orientation.
Click to keep the trails.

Credits – Hugo Dechesne
Random paths
DESCRIPTION

Wondering what would happen if you would randomly connect pixels? Well, basically this is it.
Hit left or right cursor keys to refresh.

Credits – Hugo Dechesne
Random circles
DESCRIPTION

Just check out some of the crazy patterns. Just keep clicking 'randomize' if you don't know what to do.

Credits – Hugo Dechesne
Iris renderer
DESCRIPTION

This was an attempt to programmatically generate an iris.
Currently no interactivity.

Credits – Ralph Kok
Fitting words
DESCRIPTION

Recursively fitting words in the available space until no space is left.

Credits – Hugo Dechesne

* RANDOM.NU - DIGITAL CRAFT

/ IWEESPERZIJDE 93 HS
/ 1091 EK AMSTERDAM, NL
/ +31 (0)20 779 7735
/ INFO@RANDOM.NU

/ OUR FACEBOOK PAGE
/ FOLLOW US ON TWITTER

-

* ABOUT

Welcome to our digital sandpit.  Where builders and tradesmen flex pasty muscle and compare tools. Where Developers are free from lightly bearded creatives and hovering art directors. This is a place where Devs recreate freedom. This is where we cherish and man hug our Developers. After all, We Are Devs!
-