AUTHORS: Ji Won Jun, Josep Alcover, Matteo Silverio

OBJECTIVE: Use Processing to create a “user Interface” and behaviour simulations for the Remembrane project (designed in Digittal Matter Studio).

VIDEO OF THE PROJECT:

IMAGES OF THE PROJECT:

INPUTS AND OUTPUTS:

INPUTS

sensors:

-accelerometer

-proximity

-light

user interface:

-specific position

internet:

-weather forecast

simulation

-occupation

-environmental factors

-structural calculation

OUTPUTS

-prototype movement

-movement simulation

-smart suggestions

3D SELECTION EXPLORATION:

[CLICK TO DOWNLOAD]

Instructions: LEFT CLICK the cubes to change their color. RIGHT CLICK and MOVE THE MOUSE to orbit.

FINAL USER INTERFACE:

[CLICK TO RUN ONLINE] (use Mozilla Firefox to avoid compatibility problems)

[CLICK TO DOWNLOAD]

Instructions: 

1) LEFT CLICK on the red circle to unlock the surface. Once it is green it can be moved.

2) LEFT CLICK on any node of the structure and drag to move it.

3) MOVE THE MOUSE on the 3D to orbit.

WIND AND PEOPLE SIMULATOR:

[CLICK TO DOWNLOAD]

Instructions: 

1) Use the slider (up left) to change the amount of wind particles.

2) RIGHT CLICK on any point of the screen and keep pressed to modify wind direction.

3) LEFT CLICK and DRAG any node of the structures to move it.

4) PRESS ANY KEY to visualize the noise image that informs a vector field that affects the wind behaviour.

5) Change the settings at the beginning of the sketch to change the amount of people, number of structures, size…

 

The sketches can be downloaded here:

[SCRIPTS]

1# MURAKAMI MAKER

ABSTRACT:

For the first assignment a “meadow” should be developed.

Every time I look at a flower, my mind thinks at the Takashi Murakami paintings so I decided to develop a small script that allows to draw a customized Murakami painting.

 WORKING PRINCIPLES:
Pushing the left mouse button on the canvas, the user can draw a Murakami daisy flower.

Each time the script chooses size and colour for the flower so the user can choose only the exact daisy position. Once the user is satisfied about its painting, it can save the result pushing the right mouse button on the canvas. If, for any reasons, you don’t like the result and you want restart the “art session”, you should push the DEL button and restart.

SUMMARY:

RIGHT MOUSE BUTTON:   drawing flowers
LEFT MOUSE BUTTON:    printing the canvans
DEL KEYBOARD:         restarting

Enjoy the script and become a fancy Japanese artist for a while!

2# PULSE NETWORK

ABSTRACT:
The second assignment is about the object-oriented programming (OOP).
The script developed is inspired by some scripts found in http://www.openprocessing.org
The aim of the exercise is playing with a geometrical shape learning the class operation system.

#3: BOUNCING PARTICLES

ABSTRACT:

The third assignment is about the object-oriented programming (OOP) and the Perlin Noise.

For the exercise a particle cloud has been developed. The particles bounce when they touch each other as well as when they reach the screen frame.  Moreover, maintaining the right button clicked the “gravity” can be activated and clicking the left button the user can “freeze” the  particles movement. On the setup function two starting configuration have been studied. Indeed, giving fix position (and speed) to the points, the first part of the animation can be controlled.

SUMMARY:
RIGHT MOUSE BUTTON:   (keep pressed) gravity
LEFT MOUSE BUTTON:    freeze the cloud

#3B: CRAZY PARTICLES

ABSTRACT:
Because the exercise #3 didn’t investigate the Perlin noise command, and another small script has been developed.

Basically a particle cloud is moved using a Periln Noise loop. The difference between this command and the random command is really clear in this script. However, for the random mode some changes should be done.

 Processing Assignments.

ASSIGNMENT 1

DYNAMIC GARDEN

Interaction instructions: Move the mouse to change the color and diameter of the particles. Click to stop the movement of the particles. Click and drag with the mouse clicked to interact with the movement stopped.

[ CLICK TO PLAY THE SKETCH ONLINE ]

[ CLICK TO DOWNLOAD THE SKETCH (.RAR) ]

ASSIGNMENT 2

PARTICLE SYSTEM WITH ELASTIC COLLISIONS

Interaction instructions: Move the mouse to change the color and diameter of the particles. Mantain the left button clicked to activate gravity. Mantain the right button clicked to attract the particles to the mouse position.

[ CLICK TO PLAY THE SKETCH ONLINE ]

[ CLICK TO DOWNLOAD THE SKETCH (.RAR) ]

ASSIGNMENT 3

PARTICLE SYSTEM WITH SUB-CLASSES AND NOISE FIELD

Interaction instructions: Move the mouse to change the color and diameter of the particles. Mantain the left button clicked to make the particles move to the corners of the window according to the subclass they belong to. Mantain the right button clicked to attract the particles to the mouse position.

[ CLICK TO PLAY THE SKETCH ONLINE ]

[ CLICK TO DOWNLOAD THE SKETCH (.RAR) ]