Hello everybody !

I am novice and and I have to modify this code on pvector: I would like creating several circles which change differents colors when they touch borders, I tried with lists but any result, i'm doing wrong i guess -_-
thank you for your help and advice:)
this is my code :

in the main sketch :

Objet objet;

void setup() {
 
  size(300, 300);
  PVector pos = new PVector(width/2, height/2);
  PVector vel = new PVector(0, 0);
  PVector acc =new PVector(0, 0);
  objet = new Objet(pos, vel, acc, 1.5);
}

void draw() {
  background(0);
  objet.draw();
  PVector gravite = new PVector(0, 0.08);
  objet.appliqueForce(gravite);
  PVector vent = new PVector ( 0.01, 0);
  objet.appliqueForce(vent);
 
}

in the Class sketch :
class Objet {
  PVector pos;
  PVector vel;
  PVector acc;
  float masse;


  Objet (PVector p, PVector v, PVector a, float m) {
    pos = p.get();
    vel = v.get();
    acc = a.get();
    masse = m;
  }

  void update() {
    border();
    vel.add(acc);
    pos.add(vel);
    acc.mult(0);
  }

  void draw() {
    update();
    fill(255);

    ellipse (pos.x, pos.y, masse*10, masse*10);// *5 pour le rendre un peu plus grand
 
}
 
  void border() {
    if (pos.x <0) {
      pos.x = 0;
      vel.x*=-1;
    }
    if ( pos.x > width) {
      pos.x = width;
      vel.x*=-1;
    }
    if (pos.y <0) {
      pos.y = 0;
      vel.y*=-1;
    }
    if ( pos.y > height) {
      pos.y = height;
      vel.y*=-1;
    }
  }
  void appliqueForce(PVector force) {
  force.div(masse);  
  acc.add(force);
}
PVector getGraviteForce (Objet obj) {
    PVector direction = PVector.sub(pos, obj.pos);
    float distance = direction.mag();
    distance = constrain(distance,5.0,25.0);
    direction.normalize();
    float force = (G * masse * obj.masse)/ (distance*distance);
    direction.mult(force);
    return direction;
  }
}

Hello guys !

I was drawing some ellipses and a rectangle to create an island and i would like to pick up colors that i choose in rgb  to fill the island, the sea and the ombrel with the appropriate colors but when  my mouse is on the button, all the elements become a same color, why ? Can you help me please ?
and i was wondering how can i make my ellipse (the island) remain yellow when my mouse is pressed, i tried "if mousepressed" , of course, it didn t work but i think i lack  something ...

Thanks for your precious help : )

This is my code :


color sable,mer,ombrelle;
void setup (){
  size (500,250);
  smooth();
  background(7,207,240);
  colorMode(RGB);
sable = color (224,203,168);// rgb
mer = color (8,150,190);
ombrelle = color (255,0,0);

}


void draw(){
  color souris = get(mouseX,mouseY); // remplit forme entiere
  noStroke();
fill(sable);
rect(0,0,20,20);
fill(mer);
rect(0,20,20,20);
fill (ombrelle);
rect(0,40,20,20);

//sea
fill(souris);
noStroke();
rect(0,100,1080,650);

// îsland
fill(souris);
noStroke();
ellipse (50,200,1000,150);

//ombrelle
   noStroke();
   fill (souris);
   ellipse (150,100,200,90);
   //dessus baton
   stroke (100,50,30);
   fill (0,50,50);
   rect (150,70,10,22);
   //baton
   stroke (100,50,30);
   fill (0,50,50);
   rect (150,145,10,70);

}

Hello Guys !!!

I created a code about a crazy clock ^^ , when the mouse is down, it change color and make appears a spiral but i wonder 2 questions :
1- why my arrows are less fast when my mouse is down/change blackground ?, it's cool but i don' t understand  because this arrows are doing this, it was not my intention at first, so i would like to understand ^^
2- I tried to create a Mousepressed code to animate slowly the spirale when i click with my mouse but unfortunately i didn't succeed, could you me help please ?

This is my code to illustrate my questions :
float secondes;
float heures;
float minutes;

void setup() {
  size(200, 200);
  smooth();
}

void draw() {
  background(0);
// Dessin de l'horloge
  translate(width / 2, height / 2);
  strokeWeight(6);
  stroke(255,0,0);
  ellipse(0, 0, 200, 200);
 
  // secondes
  strokeWeight(1);
 fill(0);
  secondes +=0.02;
  pushMatrix();
  rotate(secondes);
  line(0, 0, 0, 95);
  popMatrix();
 
  // minutes
  strokeWeight(2);
 minutes +=0.1;
  pushMatrix();
  rotate(minutes);
  line(0, 0, 0, -90);
  popMatrix();
 
  // heures
  strokeWeight(4);
  heures += 0.3;
  pushMatrix();
  rotate(heures);
  line(0, 0, 0, -50);
  popMatrix();
 
  //spirale
  for(float i =0;i<mouseY-100;i++){
    rotate(10);
    fill(0,255,0);
    ellipse(i,0,0.5,0.5);
  }
}

Thank you again for your help !

I wanted to thank you for the help that you have me already brought in my precedent post, today I still need your advices to end the writing of my code:
I don t know if it s possible but I would like that we can see a track ( a line) between my circles when I move my mouse..
As if my circles could draw a line as one goes along in an reinterpretated style of Jackson Pollock and my circles would remain evanescent like it already are here..
I hope you understand me ^^'

I also noticed that my Void mousepressed did not work well because I wanted by clicking on A, it would appear a black circle which wouldn t remain on the background or it doesn't stay on the background.
Here is my code...

int click = 0;
int lenght = 200;

void setup() {
  size(500, 500);
  background(255);
  smooth();
}
 
//declare arrays for mouse position in x and y, length
float x[] = new float[lenght];
float y[] = new float[lenght];
 
 
void draw() {
  background(255);
 
 
  //reads entire array
  for (int i=1; i<100; i++) {
    //the first value is deleted, all values are moved one position down
    x[i-1] = x[i];
    y[i-1] = y[i];
  }
  //mouse x and y are the new last item of the arrays
  x[100-1] = mouseX;
  y[100-1] = mouseY;
 
  //read again the array, with new values
  for (int i=0;i< x.length; i++) {
    //dessin du cercle
    noStroke();
    fill(0, 0, 0, 100);
    ellipse(x[i], y[i], i-30, i);
 
    strokeWeight(4);
    stroke(random(255, 255), 255);
 
   
  }
}
void keyPressed() {
  if(key=='a'){
    fill(255);
  x [click]=mouseX;
  y [click]=mouseY;
  click++;
  }
}

Thank you for taking time to answer me and to explain my errors:)

Hello everybody !!

I'm a very beginner, so i begin to understand the loops..
I tried to use a "method" to draw every ellipses i made with my four loops but it didn't work ...
I give a name : for example " void ..... (){"  to each one and write  names of method like "...(); in the "void draw" and nothing happened

I tried also with ' void mousePressed' to change the color ; to turn the red dark points into red and the red into dark point but i think i miss something and i would like to have the possibilty of making grow the circles if the mouse is Pressed...

This is my code , can you help me please ?

//declaration des variables
float x1 = 0;
float y1 = 0 ;
float xxl = 250;
float yyl = 250;
float intx = 10;
float inty= 10;
float size = 50;
float i = 0;
float j = 0;

 
void setup()
{
  size(400,300);
  smooth();
  ellipseMode(CENTER);
 
}
 
void draw()
{
  background(255);
 
 //cercles
    for (int x1 = 0; x1 < 500; x1 = x1+100) {
  for (int y1 = 0; y1 < 500; y1 = y1+100) {
    fill(255);
    strokeWeight(2);
    stroke(252,8,8);
  ellipse(x1,y1,size,size);
 
  }
  }
  // petits pois rouges
  for (int xx1 = 50; xx1 < 500; xx1 = xx1+100) {
  for (int yy1 = 50; yy1 < 500; yy1 = yy1+100) {
    fill(252,8,8);
    noStroke();
 ellipse(xx1,yy1,size-30,size-30);
 }
 }
 // intérieurs roses
 for (int intx = 0; intx < 500;intx = intx+100) {
  for (int inty = 0; inty < 500; inty = inty+100) {
   fill (255,200,200);
    noStroke();
 ellipse(intx,inty,size-10,size-8);
 
  }
 }
//pois foncés
  for (float i = 50; i < 400; i = i+50) {
  for (float j = 50; j < 300; j = j+50) {
    fill(139,6,39);
    noStroke();
 ellipse(i,j,size-40,size-40);
 }
 }


  }


  
   

Hey Guys !!!
 
I saw this sketch and i was wondering how to recreate that effect about circles of many sizes and many colors which appear more and more ...

http://www.openprocessing.org/visuals/?visualID=17106

The man who did it knows how to use the variable LoadImage and i don't have his image.png and i'm a really beginner  so i's possible to create a similar effect with the variable of loop "for" ? Can you explain me how ?

Thanks for your help : )

Hi all,

This is my first topic and i'm just learning how to code with processing. I want to make a simple grid with 16 box, when i move my mouse on a box, the color change, and when i click on it, color change again...

Here is my first work on it (you can download it to check it out) :

http://dim.maxx.free.fr/processing/wtf03.pde

I know, this is a very basic code, and as you can see i have trouble with it because only one line is working....

Could you help me to write the correct code to have my 16 box correct ?

Thanks in advance for your help

Strawberry