Processing Forum

Screen name:
diastudent

diastudent's Profile

3 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Interactive Mondrian painting

[1 Reply]
- 08-Feb-2012 07:41 AM
- Forum: Integration and Hardware
Hello everybody

I have to project a Mondrian painting on one of the Bauhaus' facades.

I'm using a triple-axis accelerometer to control the rectangles. Mondrian used 4 colors for this painting. What I need is to control each color independantly from the others. What I would like to do is to move one color, put it anywhere I want, and let it on this place. Then, take another color, move it, and let it where it is, and so on... And I want to be able to take a color I've already moved and move it again.

My only problem is I don't know what to say to the squares: "hey guys, stay here!"

Do you know what is the order to tell them?

Thank you

Here is the code I use:
1. import processing.serial.*;
  
  import cc.arduino.*;
  
  Arduino arduino;
  
  //coords
  
  int cordx;
  
  int cordy;
  
  int cordz;
  
  //floats_easing
  
  float x = cordx;
  
  float y = cordy;
  
  float z = cordz;
  
  float targetX, targetY, targetZ;
  
  float easing = 0.1;
  
  int active;
  
  void setup()
  
  {
  
  println(Arduino.list());
  
  arduino = new Arduino(this, Arduino.list()[1], 57600);
  
  
  
  size(1430,820);
  
  noStroke();
  
  smooth();
  
  }
  
  void draw(){
  
  background(0);
  
  translate (300,120);
  
  cordx = arduino.analogRead(1);
  
  cordy = arduino.analogRead(2);
  
  cordz = arduino.analogRead(3);
  
  println("cordx=" +cordx);
  
  println("cordy=" +cordy);
  
  println("cordz=" +cordz);
  
  targetX = cordx-354;
  
  float dx = targetX - x;
  
  if(abs(dx)>1) {
  
  x+= dx * easing;
  
  }
  
  
  
  targetY = cordy-343;
  
  float dy= targetY - y;
  
  if(abs(dy) >1) {
  
  y += dy * easing;
  
  }
  
  
  
  targetZ = cordz-320;
  
  float dz = targetZ - z;
  
  if(abs(dz)>1) {
  
  z+= dz * easing;
  
  }
  
  
  
  //white
  
  fill(240);
  
  if ( active == 1 ) {
  
  rect(10-x,10-y, 38, 93);
  
  rect(56-x, 10-y, 293, 24);
  
  rect(358-x, 10-y, 338, 24);
  
  rect(358-x, 42-y, 119, 61);
  
  rect(704-x, 10-y, 42, 262);
  
  rect(56-x, 111-y, 88, 236);
  
  rect(10-x, 356-y, 38, 152);
  
  rect(10-x, 516-y, 177, 44);
  
  rect(195-x, 111-y, 112, 161);
  
  rect(314-x, 111-y, 35, 161);
  
  rect(485-x, 281-y, 160, 66);
  
  rect(653-x, 281-y, 43, 66);
  
  rect(240-x, 355-y, 193, 118);
  
  rect(441-x, 355-y, 133, 118);
  
  rect(704-x, 355-y, 86, 118);
  
  rect(582-x, 481-y, 208, 79);
  
  }
  
  else{
  
  rect(10,10, 38, 93);
  
  rect(56, 10, 293, 24);
  
  rect(358, 10, 338, 24);
  
  rect(358, 42, 119, 61);
  
  rect(704, 10, 42, 262);
  
  rect(56, 111, 88, 236);
  
  rect(10, 356, 38, 152);
  
  rect(10, 516, 177, 44);
  
  rect(195, 111, 112, 161);
  
  rect(314, 111, 35, 161);
  
  rect(485, 281, 160, 66);
  
  rect(653, 281, 43, 66);
  
  rect(240, 355, 193, 118);
  
  rect(441, 355, 133, 118);
  
  rect(704, 355, 86, 118);
  
  rect(582, 481, 208, 79);
  
  }
  
  //blue
  
  fill(0, 0, 120);
  
  if ( active == 2 ) {
  
  rect(56-x*2, 42-y*2, 293, 61);
  
  rect(485-x*2, 42-y*2, 211, 61);
  
  rect(358-x*2, 281-y*2, 119, 66);
  
  rect(582-x*2, 355-y*2, 63, 118);
  
  }
  
  
  
  else {
  
  rect (56,42,293,61);
  
  rect(485, 42, 211, 61);
  
  rect(358, 281, 119, 66);
  
  rect(582, 355, 63, 118);
  
  }
  
  
  
  //yellow
  
  fill(250, 210, 0);
  
  if ( active == 3 ) {
  
  rect(195-x*4, 281-0.5*y, 37, 66);
  
  rect(195-x*4, 355-0.5*y, 37, 205);
  
  rect(358-x*4, 111-0.5*y, 119, 161);
  
  rect(653-x*4, 355-0.5*y, 43, 118);
  
  rect(754-x*4, 10-0.5*y, 36, 262);
  
  }
  
  else {
  
  rect(754, 10, 36, 262);
  
  rect(195, 281, 37, 66);
  
  rect(195, 355, 37, 205);
  
  rect(358, 111, 119, 161);
  
  rect(653, 355, 43, 118);
  
  }
  
  //red
  
  fill(200, 0, 0);
  
  if ( active == 4 ) {
  
  rect(240+x, 481+y, 107, 79);
  
  rect(240+x, 281+y, 109, 66);
  
  rect(56+x, 355+y, 88, 152);
  
  rect(485+x, 111+y, 160, 161);
  
  rect(653+x, 111+y, 43, 161);
  
  }
  
  else {
  
  rect(240, 481, 107, 79);
  
  rect(240, 281, 109, 66);
  
  rect(56, 355, 88, 152);
  
  rect(485, 111, 160, 161);
  
  rect(653, 111, 43, 161);
  
  }
  
  
  
  }
  
  void keyPressed() {
  
  if (key == 'w' || key == 'W') {
  
  active = active==1?0:1;
  
  }
  
  if (key == 'b' || key == 'B') {
  
  active = active==2?0:2;
  
  }
  
  if (key == 'y' || key == 'Y') {
  
  active = active==3?0:3;
  
  }
  
  if (key == 'r' || key == 'R') {
  
  active = active==4?0:4;
  
  }
  
  }

(HELP) Controlling rectangles with Arduino

[0 Replies]
- 08-Feb-2012 04:26 AM
- Forum: Integration and Hardware
Hello,

I am a beginner with Porcessing and don't understand really well the vocabulary and the process to make the things into it.

I need to control rectangles through processing using Arduino's interface, with a triple axis accelerometer. I want to be able to take a rectangle, move it using the accelerometer coordinates, and let it where it is, then, take another one, move it, and let it where it is, and so on.

I also need to assign a different color to each square.

But now I'm a bit lost in this code.

Can somebody help me?

import processing.serial.*;

import cc.arduino.*;

Arduino arduino;

//coords

int cordx;

int cordy;

int cordz;

//floats_easing

float x = cordx;

float y = cordy;

float z = cordz;

float targetX, targetY, targetZ;

float easing = 0.1;

class Rectangle {

color c,v,g,f;

float x, y, w, h;

Rectangle( float _x, float _y, float _w, float _h ) {

x = _x;

y = _y;

w = _w;

h = _h;

c = color(240);

v = color(0,0,120);

g = color(250,210,0);

h = color(200,0,0);

}





void draw() {

pushStyle();

fill(c);

noStroke();

rect(x, y, w, h);

popStyle();

}



void setColor(color _c) {

c = _c;

}



void adjustPosition(float _x, float _y ) {

x = x + _x;

y = y + _y;

}

}

int active;

Rectangle r1, r2, r3, r4;





void setup()

{

println(Arduino.list());

arduino = new Arduino(this, Arduino.list()[1], 57600);



size(1420,820);

noStroke();

smooth();

r1 = new Rectangle( 56, 42, 293, 61 );

r2 = new Rectangle( 485, 42, 211, 61 );

r3 = new Rectangle( 358, 281, 119, 66 );

r4 = new Rectangle( 582, 355, 63, 118 );

active = 0;



}

void draw(){

background(0);

translate(300,500);

r1.draw();

r2.draw();

r3.draw();

r4.draw();



cordx = arduino.analogRead(1);

cordy = arduino.analogRead(2);

cordz = arduino.analogRead(3);

targetX = cordx;

float dx = targetX - x;

if(abs(dx)>1) {

x+= dx * easing;

}



targetY = cordy;

float dy= targetY - y;

if(abs(dy) >1) {

y += dy * easing;

}



targetZ = cordz;

float dz = targetZ - z;

if(abs(dz)>1) {

z+= dz * easing;

}



println("cordx=" +cordx);

println("cordy=" +cordy);

println("cordz=" +cordz);

if ( active == 1 ) {

r1.adjustPosition( x-cordx, y-cordy);

}

else if ( active == 2 ) {

r2.adjustPosition( x-cordx, y-cordy );

}

else if ( active == 3 ) {

r3.adjustPosition(x-cordx, y-cordy);

}

else if ( active == 4 ) {

r4.adjustPosition( x-cordx, y-cordy );

}

}

void keyPressed() {

if (key == 'a' || key == 'A') {

active = active==1?0:1;

}

if (key == 'b' || key == 'B') {

active = active==2?0:2;

}

if (key == 'c' || key == 'C') {

active = active==3?0:3;

}

if (key == 'd' || key == 'D') {

active = active==4?0:4;

}

}

How to fix an object in a certain position(x,y)?

[5 Replies]
- 06-Feb-2012 03:45 PM
- Forum: Programming Questions
Hello,

I am a beginner in Processing, and I need help.

My question is: how to fix an object in a certain position(x,y)?

Here is the code I use. What I want is to take the first rectangle by pressing the 'a' key, move it with the mouse, and let it where it is. Then I want to take the second rectangle, move it, and let it where it is. And so on with the two next rectangles. I want to keep the possibility to reset the position of the rectangles when I want, and to control the position of each one independantly of each other.

It shouldn't be difficult, but I don't know how to do.

Thank you if somebody has the answer!

float x;

float y;

void setup() {

size (800,800);

smooth();

noStroke();



}



void draw(){



background(0);

x=mouseX -400;

y=mouseY -100;

fill(255);



//A rectangle

if (key == 'a' || key == 'A') {

rect(56+x, 42+y, 293, 61);

}

else {

rect (56,42,293,61);

}

//B rectangle

if (key == 'b' || key == 'B') {

rect(485+x, 42+y, 211, 61);

}

else {

rect(485, 42, 211, 61);

}

//C rectangle

if (key == 'c' || key == 'C') {

rect(358+x, 281+y, 119, 66);

}

else {

rect(358, 281, 119, 66);

}

//D rectangle

if (key == 'd' || key == 'D') {

rect(582+x, 355+y, 63, 118);

}

else {

rect(582, 355, 63, 118);

}



}

«Prev
Next »