near Paris
http://www.hyperbate.com/dernier/
member since March 15, 2009

# portfolio of Jean-no

### Twk: Points in a cube

Using ellipses instead of points. Runs quite slowl with javascript but ok on e PC

### Points in a cube

points go from one side of a cube to the other side. They are launched randomly.

### Kaleidoscope drawing

When you draw, your drawing is repeated three times. You can change the number of times it is drawn by using the + and - keys.
You can also erase all with the return key

small bug : when your mouse gets out of the canvas, the program isn't aware that you released the mouse button.

### Ulam Spiral

Wikipedia : "The Ulam spiral or prime spiral (in other languages also called the Ulam cloth) is a simple method of visualizing the prime numbers that reveals the apparent tendency of certain quadratic polynomials to generate unusually large numbers of primes"
https://en.wikipedia.org/wiki/Ulam_spiral

### geometric

I'm pretty sure it could be done way simpler.
Here it draws squares but it's because the "n" scalar is set to 4. It could be a triangle using the value 3, etc.

### squares going their own way

I start by creating a PGraphics image, transformed into a PImage (in order to use the copy() function) containing lines. Parts of this image are then copied at different locations of the screen.
Quite slow when running in HTML5.

### Twelve lines maze

The size can be adjusted by modifying the "t" variable.

### moving objets

The behaviour of each object is not to touch the others, and to quite often target a random place or another object to reach.

### trying something

dots size change as they turn around the center of the window

### Boring kaleidoscope

a PGraphics image is drawn many times with a changing rotation angle = 0, HALF_PI, PI, etc.

### circles flag

press the mouse to understand what's up

another tryout

### A circle made of lines (demo)

Sale as previously, but all points don't appear at once and each line has the color of its traveling point

### Not a circle made of lines (just to try)

Same as the previous code but this time, points travel is regular (in the previous version, the traveling was a sinus).

### A circle made of lines

what appears as a circle rolling in another is in fact ellipses traveling on a straight line.

### Little moving things

Each object can be attracted or repulsed (depends on the distance) by the others. The color or each changes, and each color modifies the attraction/repulsion behaviour. An object can give his current color to another close object. By clicking you can add objects.

might run slowly

### Twk: shapes into shapes into shapes

black and white version

### shapes into shapes into shapes

shapes are created in areas with a single color.
might be slow.

### Mandalas

Circles of points are moving to the edges or to the center. The points only appear when they are not far of the grid.

### grabbing objects with the mouse

A simple way to create objects that can be grabbed, one at a time.

### Untitled

circles circulating. When close enough, they draw a line.

A processing class exam subject

### Followers

An ellipse is followed by another ellipse, itself followed by another ellipse, etc. etc.

### wheel maker

Using the sliders, you can modify the number and radiuses of the points.

### medusas (processing.js)

Based on Denis Hovart's Medusa ( http://www.openprocessing.org/visuals/?visualID=25856 ). I just changed the color, the number and a few other parameters.

### simple tree (javascript)

Javascript version
Just click on the screen to create new trees.

### Cils (eyelashes)

Processing.js version.
Drag the mouse on the screen to make it work

### Twk: Five-pointed stars function

another five-pointed stars function.
This one has an outline.
You'll have to call it this way :

drawStar(x, y, s, o, c1, s2, c2);

... where "x" and "y" are the center of the star
"s" is the star's distance between one of the points and the center.
"o" is the oritentation angle
"c1" is the inside color
"s1" is the outline's width
"c2" is the outline's color

### Five-pointed stars function

a function for drawing stars. Here, the stars come where you clicked and all their points are twenty-pixels far from the center.
To call it, write this :

drawStar(locationx, locationy, size);

nothing very interesting here, but it can be quite useful.

### Twk: stars

Click on the screen to add points

### stars

you can add points to the star by clicking

### travelling dots 2

Dots are traveling from a point to another. They don't draw a straight line, but folow a sine.

### pixels

nothing very important to tell

### stripes editor

interactive : use the mouse to draw shapes and the + and - keys to adjust the amount of stripes.
To begin, just draw lines from up to down.

### Type Mountains

the text you write becames volume...

### Twk: Network and travelling dots

A network with dots travelling between the knots. The knots can be moved.

### Network and travelling dots

Dots travelling on a network. The network knots can be moved.
Quite slow using javascript/chrome, but faster in java.

### travelling dots

dots travel between bases. They are not allowed to touch each others.
Unfortunately quite slow in javascript/chrome, but fine in java mode.

### Inside the cube

the camera is set inside a cube made of changing color rects. Works much better in java than in HTML5.

### quite a lot of lines

The number of displayed lines depends of the distance between the mouse cursor and the cross drawn in the middle of the screen.

When you daw on the screen, the program keeps your path, and then animatates it infinitely. While drawing a path, you can see what the others look like.

### interpolation

A function to interpolate a line between two points : it writes the dots. The colors are faded.
The function is called this way : "interpole(PVector1, PVector2)".
(PVector1 and PVector2 are the two points to join).

Click to see the demo.

### Drawing book

A simple drawing tool for live doodling. Much better in processing mode than in HTML5 (a little slow)

### color curves

not interactive. The line goes quite randomly

### color worm

Quite slow when played with javascript. Better in Java mode.

### targets

random concentric circles...

### Bestioles

worms doing their things... clicks interrests them

### So you want a revolution ?

Just click to create points. All existing points will be revolving around each others, they won't be displayed but lines will be drawn between them.

### Pixel to time

The program scans an image in order to check each of its pixel's value. Pixels of the screen can be randomly either white or black, but the darker a pixel value of the image is, the more often it will be displayed in black on the screen.

french : ce programme scanne une image pour vérifier la luminosité de chacun de ses pixels. À l'écran, chaque pixel peut être affiché en noir ou en blanc selon un hasard qui est conditionné à la luminosité de l'image de départ. Donc un point noir de l'image aura x fois plus de chances d'être affiché en noir qu'un point blanc.

### Pointless travel

A map is drawn and travelled by points. It's not interactive and pretty useless.

### flower

Nothing to do, it draws by itself

### Medusas

Based on Denis Hovart's Medusa ( http://www.openprocessing.org/visuals/?visualID=25856 ). I just changed the color, the number and a few other parameters.
Quite slow when running as an applet, sorry.

### étourneaux

A dynamic system tryout...
The points show interest to the location where the mouse cursor is moving or mousepressing

### lines planet

The mouse position decides of the rotation of the lines

### Happy new year

The program uses all the font types present on your system to write "2011" with moving lines...
It changes randomly each time you click, or when the word has been displayed for a certain time.

### Treillis

You can click on the screen to check if it does something

### bestioles

slightly different from the previous sketches.

### Forks

Not far from the previous sketch... with a very light interactivity.
There is a bug, sometimes a point gets stucked at point(0,0).

### HSB Worms

worms moving through the screen...

### Confetti

shapes that move in the screen and sometimes interact

### Bouloche

lines relying points that spare and reunite, or something like that

### 3D points

Points are moving in a 3D space. When two of the same color are close enough, they go closer and draw a line...

### Interactive green bubbles

The objects avoid the mouse cursor

### a sea of lines

I got this while trying a completely different thing for a big project.

not interactive

### Graphic Landscape

A line is drawn and copied with a smooth fade...

### HSB color selector

A quite regular Hue/Saturation/Brightness color selector that gives the picked color's value in both HSB and RGB values.
I use a PGraphics object to store the circle as far as it is not updated (makes me save quite a lot of performance)

### turning spiral

The code is unnecessarily complex (it was, at first, intended to do something slightly different). It acts a little slowly in a browser page, much better alone.

### Petri dish

there is a slight kind of interactivity : when you press the mouse, the surrounding bubbles will change their color.

### Not quite what I had in mind

the boxes move on their axis when the mouse cursor comes to their perimeter. I wanted to do something quite different but hey, I kind of like this.

### Turnig lines

Just click anywhere and see what happens.
Use the '+' and '-' keys to change the speed. Use the 'r' key to clean the screen.

### Still turning

not interactive. I don't know why I like so much to see stuff turning like that

### Don't get sick!

Arcs turning and growing...

### Arcs maze

Thing I started preparing a puzzle game...

### Rolling squares

not interactive
The number of squares is "n" : you can try to change its value.

### Gaussian vortex

not interactive.
Now you know what it feels like to be a tv snowflake on his everyday's road to work.

Might be slow on a busy or old system

### Lava lamp

A first try of a 2D lava lamp... Not interactive and quite lazy actualy

### Machine

Interactive : use the "+" (plus) and "-" (minus) keys to change the number of sides of the turning shape.

### excentric

Not interactive, just moving

### The wallpaper I wouldn't like on my walls

not interactive, not very interesting, just moving.

### moving stuff with 200 chars

My first attempt to write something with no more than 200 chars... Two days after the contest is over :-)

### Extremely boring puzzle game

I wanted to make a funny adictive puzzle game, but instead, here is this pointless and endless game.
It's a tetris like. When two or more circles of the same color are adjascent, click on one, the others will disapear. The more disapear at the same time, the best you score.

### StoneXstone cover

This little puzzle game is based on stoneXstone by Cheng Siu Yee
(see http://openprocessing.org/visuals/?visualID=4522 )
I didn't wrote it as a fully functionning game but just to try thingd...
the number of rows & columns changes each time you complete the game.

To play, you must click on a "stone" that touches one of the same color. All the adjascent stones will disapear. The more stones of the same color you "kill", the better you score. The tricky part is to end without any "stone".

### Quick and dirty color selector

The three control bars alow you to modify the background color by setting its red, green and blue channels.

### Sugar buildings

quite dirty code, full of approximative calculations, ugly, don't try this at home.

### Glass breaking

Interactive : you must click somewhere in order to see something. It uses a recursive function (new version)

### Balls machine

Take a ball and drop it. Then an other. Then an other. Then...

### Cibles

Fun coding with my son Gabriel

### Unwanted

This wasn't what I had in mind but somehow I don't hate it too much.
Please use the UP and DOWN arrow keys to lauch & modify what is displayed

### Simple rain

Working on a project for Zhe Qin, student in Rennes fine art school

a moving maze

### rotating network

press the mouse button to change the parameters

### The seventh thing

It wasn't what I had in mind but though I don't hate it.

### Pointless Machine

At the first step, each point knows where are the few closest ones. During the animation, the points move but the network stays the same.

### Simple tree

Just click to create a tree

### Cils

a messy code I guess but I kind of like what it does.

### Not so dark (interactive)

ellipses are set on a grid (that can change while moving the mouse closer to the center), they just change their size in a regular way...

followed by
112
following
4

### collections and classrooms

submitted sketches to:
2D Simulations
The Maze Collection
Self-Organisation

### favorites

Share Subscribe to sketches