// importing the Peasy Cam library
import peasy.*;
import peasy.org.apache.commons.math.*;
import peasy.org.apache.commons.math.geometry.*;

// declaring the main emoji
Planet sun;
//declairing the Peasy Cam 
PeasyCam cam;
// declaring the PImage function
PImage img;
// declairing the the texture
PImage[] textures = new PImage[7];
// declaring the particle system

void setup() {

  size(displayWidth, displayHeight, P3D);


  img = loadImage("1.jpg");
  textures[0]= loadImage("2.jpg");
  textures[1]= loadImage("3.jpg");
  textures[2]= loadImage("4.jpg");
  textures[3]= loadImage("5.jpg");
  textures[4]= loadImage("6.jpg");
  textures[5]= loadImage("7.jpg");
  cam = new PeasyCam(this, 500);
  sun = new Planet (100, 0, 0, img);
  sun.spawnMoons(10, 4);
}

void draw() {

  background(0);
  lights();
  ambientLight(129, 62, 0);
  //translate(displayWidth, displayHeight);
  noFill();
  stroke(255);
  strokeWeight(1);
  //rotateY(frameCount/200.0);
  box(4000);

  lights();
  ambientLight(129, 62, 0);
  directionalLight(51, 102, 126, 0, -1, 0);
  spotLight(255, 0, 0, width/2, height/2, 400, 0, 0, -1, PI/4, 2);

  sun.show();
  sun.orbit();
}

class Planet {
  float radius;
  float angle;
  float distance;
  Planet [] planets;
  float orbitSpeed;
  PVector v;
  PShape globe;
  float mass=1;


  Planet(float r, float d, float o, PImage img ) {
    v = PVector. random3D();
    radius = r;
    angle = random(20);
    distance= d;
    v.mult(distance);
    orbitSpeed = o;

    noStroke();
    noFill();
    globe = createShape(SPHERE, radius);
    globe.setTexture(img);
  }
  void spawnMoons(int total, int level) {
    planets = new Planet[total];
    for (int  i = 0; i<planets.length; i++) {

      float r= random(level*10);

      float d = random(100, 1000);

      float o = random (-0.01, 0.02);

      int index = int(random (textures.length));
      planets[i]= new Planet (r, d, o, textures[index]);

      if (level<1) {
        int num = int(random(0, 5));
        planets[i].spawnMoons(num, level+1);
      }
    }
  }

  void orbit() {
    angle =  angle + orbitSpeed/mass;
    if (planets !=null) {
      for (int  i = 0; i<planets.length; i++) {
        planets[i].orbit();
      }
    }
  }
  void show() {
    pushMatrix();
    noStroke();
    PVector v2 = new PVector(1, 0, 1);
    PVector p = v.cross(v2);
    rotate (angle, p.x, p.y, p.z);

    translate(v.x, v.y, v.z);
    shape(globe);
    if (planets !=null) {
      for (int  i = 0; i<planets.length; i++) {
        planets[i].show();
      }
    }
    popMatrix();
  }
  void bounce() {
  }
}

I would really appreciate your help Thanks

the code :

// initial position for our circle

float circle_x = 300;

float circle_y = 20;

// how much to move the circle on each frame float move_x = 2;

float move_y = -2;

void setup() {

size(400, 200);

stroke(#D60DFF);

strokeWeight(7);

} void draw() {

background(#21EA73);

ellipse(circle_x, circle_y, 40, 40);

circle_x = circle_x + move_x;

circle_y = circle_y + move_y;

if(circle_x > width) {

circle_x = width;

move_x = -move_x;

println(" north_east");

}

if(circle_y > height) {

circle_y = height;

move_y = -move_y;

println(" south_west");

} if(circle_x < 0) {

circle_x = 0;

move_x = -move_x;

println(" north_west");

} if(circle_y < 0) {

circle_y = 0;

move_y = -move_y;

println(" south_east");

} }

(from here: https://forum.processing.org/two/discussion/26841/falling-balls )

//main code

int number = 100;
BallBounce[] balls = new BallBounce[number];

void setup() {
size(500,500);
frameRate(100);
for(int i = 0; i<number; i++)
{
balls[i] = new BallBounce();
}
}

void draw(){
background(255);
for(int i = 0; i<number; i++)
{
balls[i].update();
}
}

//square object

class BallBounce {

 //length and height of the squares
 float x = 20;
 float y = 20;

//x and y locations of the squares
float xPos = random(0,width-x);
float yPos = random(0,height-x);

//direction and velocity of squares
//(negatives determine which direction)
float xDirection = random(-1,1);
float yDirection = random(-1,1);


void update() {
  rect (xPos,yPos,x,y);
  noStroke();

float randomColour1 = random(50,255);
float randomColour2 = random(0,255);
float randomColour3 = random(254,255);

//updating the original position by the user-defined
//distance or travel (speed)
xPos = xPos + xDirection;
yPos = yPos + yDirection;

//telling the square to reverse its x or y value
//if its edge collides with the edge of the screen
//and change colour when it does
if(xPos > width-x)
{
  xDirection = -1;
  fill(randomColour1, randomColour2, randomColour3);
}

if(xPos < 0)
{
  xDirection = 1;
  fill(randomColour1, randomColour2, randomColour3);
}

if(yPos > width-x)
{
  yDirection = -.5;
  fill(randomColour1, randomColour2, randomColour3);
}

if(yPos < 0)
{
  yDirection = .5;
  fill(randomColour1, randomColour2, randomColour3);
}
}

}

let canvas;
//canvas interaction
let Color;
let bgColor;
let x = 200;
let y = 200;
let button = [];
let buttoName = ["Ellipse Color", "backgroundColor", "Size+", "Size-", "Speed++", "Speed--","ChangeToRect", "Reset", "ShacoCreator"];
let buttonFunction = [
{ heh : function changeColor(){
    theColor = color(random(255), random(255), random(255));} },

{ heh : function changeBGCol(){
        bgColor = color(random(255), random(255), random(255));} },

{ heh : function sizePLUS(){
    piece.s+= 5;} },

{ heh : function sizeMINUS(){
    piece.s-= 5;} },

{ heh : function speedPLUS(){
    if(piece.yspeed < 0){
        piece.yspeed-= 5;
    } else if(piece.yspeed > 0){
        piece.yspeed+= 5;
    }
    if(piece.xspeed < 0){
        piece.xspeed-= 5;
    } else if(piece.xspeed > 0){
        piece.xspeed+= 5;
    }} },

{ heh : function speedMINUS(){
    if(piece.yspeed < 0){
        piece.yspeed+= 5;
    } else if(piece.yspeed > 0){
        piece.yspeed-= 5;
    }
    if(piece.xspeed < 0){
        piece.xspeed+= 5;
    } else if(piece.xspeed > 0){
        piece.xspeed-= 5;
    }} },

{ heh : function changeFig(){
    piece.state = !piece.state;} },

{ heh : function Reset(){
    piece.x = 250;
    piece.y = 200;
    piece.xspeed = 3;
    piece.yspeed = 3;
    piece.s = 25;
    piece.state = false;} },

{ heh : function CreateShac(){
    Shaco = createElement("p", "Shaco");
    Shaco.position(random(1000),random(1000));} } ];

let piece;
let state = false;

let Shaco;



function setup() {
    canvas = createCanvas(500, 400);

//Canvas Interaction
    theColor = color(100, 0, 100);
    bgColor = color(200, 0, 120);
    piece = new Figure(x, y, 25);
    for(var i = 0; i < buttoName.length; i++){
        button[i] = createButton(buttoName[i]);
        button[i].position(510, 150 + i * 25);
        button[i].mousePressed(buttonFunction[i].heh);
    }

}

function draw() {
    background(bgColor);
    fill(theColor);
    piece.show();
    piece.move();
}


class Figure {
    constructor(x, y, s){
        this.x = x;
        this.y = y;
        this.s = s;
        this.xspeed = 3;
        this.yspeed = 3;
        this.state = false;
    }
    show(){
        if(this.state){
            rectMode(CENTER)
            rect(this.x, this.y, this.s * 2, this.s * 2);
        } else { ellipse(this.x, this.y, this.s * 2 ) }
    }
    move(){
        this.x+= this.xspeed;
        this.y+= this.yspeed;
        if(this.x < this.s || this.x > width - this.s){
            this.xspeed*= -1;
        }
        if(this.y < this.s || this.y > height - this.s){
            this.yspeed*= -1;
        }
    }
}

Thanks !!

I'm currently going through the 9 chapters of Nature of Code and I have an issue with one exercise. In the "2.4 Intro to friction forces" video, I did everything properly, understood the script and changed it to a single dropping ball with constant gravity being the only factor changing the ball PVector acceleration. Strangely, in both my and Daniel Shiffman sketch, the bouncing ball lose max height at each 2 rebound. He does not adress this issue.

This is very weird and should not happen?!? since there is nothing that should make the ball lose velocity on each 2 rebounds. My guess is that there is something I don't know about the edgeBounce() I made and how it interact with the window borders, maybe chipping away a pixel of height in the process of reverting the ball velocity when it touches the ground.

The code below work properly, but I think the fault reside somewhere in it or in how it interact with the ball.

void edgeBounce() {
  if (location.x > width) {
    location.x = width;
    velocity.x *= -1;
  }
  if (location.x < 0) {
    location.x = 0;
    velocity.x *= -1;
  }
  if (location.y > height) {
    location.y = height;
    velocity.y *= -1;
  }
  if (location.y < 0) {
    location.y = 0;
    velocity.y *= -1;
  }

Can anyone help me on this? Why is the ball losing velocity at each secound bounce? Google drive link to my sketch, you can visualise the problem yourself!

https://drive.google.com/open?id=1yrXe4HzpJoNk_WAZoUy24jcRY_TjHli4

Any help very appreciated!

GIF: https://gyazo.com/ffe4cffa5decbbb162c5ef06dfa5c1bb

code: https://pastebin.com/DFHYA1wM

So I'm just getting started with processing and have little knowledge on it. Anyhow, I'm trying the bouncing ball problem and for every time it threatens to go outside the width of the screen the ball will bounce back; I've got that part covered.

Now I want it to not only bounce back and forth, but also change the background color for each time it hits the side.

What I've got so far is:

float ballX; float xspeed = 3;

void setup(){ size(500,400); ballX=0; background(0);

}

void draw(){ fill(255); ellipse(ballX,height/2,24,24);

ballX = ballX + xspeed;

if(ballX>500 || ballX<0){ xspeed=xspeed*-1;

if(ballX>500 || ballX<0){ background(random(255),random(255),random(255)); } }

This was the only way I got the background to stay that random color until the ball hit the opposite wall and changed again. When I had background(0); in void draw it would only flash a color and than turn back to black each time it hit a wall. The only problem I have now is that the ball is traced, just a long streak of white until it hits a wall and changes color.

How can I change this so that it looks normal, without the ball being traced?

This is what i have:

float circleX;
float xspeed=3;

void setup(){
  size(400,400);
  circleX=0;
}
void draw(){
  background(51);
  fill(102);
  stroke(255);
  ellipse(circleX,height/2,32,32);

  circleX = circleX + xspeed;

  if(circleX>width || circleX<0){
    xspeed=xspeed*-1.1;
  }
}

// Balls
int Balls = 5;
int BallA[] = new int[Balls];
int BallB[] = new int[Balls];
float MoveA[] = new float[Balls];
float MoveB[] = new float[Balls];
//timer
int t;

//image
PImage img;
void setup() {
  size(500, 500);

// Balls
  for(int x = 0; x < Balls; x++){
    BallA[x] = int(random(50, width));
    MoveA[x] = int(random(5, 8));
    BallB[x] = int(random(50, width));
    MoveB[x] = int(random(5, 8));

//image
   img = loadImage("download.jpg");
   img.resize(img.width/5, img.height/5);
}}

void draw() {
// changing the background when moving your mouse. it is divided in 3 parts
  if (mouseX < width/3) 
  { background (230,220,0);
} else if(mouseX < 2*width/3){
  background (0,0,0);
} else 
  background (255,0,0);
// creating an object to move around with your mouse  
  fill(0);
  rect(mouseX, mouseY, 25, 25);
  noCursor();

//timer
  fill(255);
  t=millis()/1000;
  textSize(20);
  text (t,270,20);
  text("Score:", 210, 20);

//image
image(img,mouseX,mouseY);

//balls
  for(int x = 0; x<Balls; x++){
  ellipse(BallA[x], BallB[x], 20, 20);
  if(BallA[x] > width || BallA[x] < 10){
      MoveA[x] = MoveA[x] * (-1);}
  if(BallB[x] > height || BallB[x] < 10){
      MoveB[x] = MoveB[x] * (-1);}
  BallA[x] += MoveA[x];
  BallB[x] += MoveB[x]; 
}
}

This below is what I have so far. Sorry that you wont be able to play the code, but hopefully I was detailed enough for you to get the picture.Thank you for reading this and any help is much appreciated!!!

import ddf.minim.*;

Minim minim;
AudioPlayer winter;
AudioPlayer summer;
AudioPlayer spring;
AudioPlayer autumn;


PImage flower;
PImage fire;
PImage sun;
PImage snowman;
float xpos, ypos;    // Starting position of shape    

float xspeed = 5;  // Speed of the shape
float yspeed = 10;  // Speed of the shape

int xdirection = 1;  // Left or Right
int ydirection = 1;  // Top to Bottom
import processing.sound.*;



void setup() {
  size(800, 800);
  noStroke();
  frameRate(50);
  flower = loadImage("Flower.png");
  flower.resize(200, 200);
  sun = loadImage("Sun.png");
  sun.resize(200, 200);
  fire = loadImage("campfire.png");
  fire.resize(200, 200);
  snowman = loadImage("snowman.png");
  snowman.resize(200, 200);
  xpos = width/1.8;
  ypos = height/2;


  // will play sound
  minim = new Minim(this);
  winter = minim.loadFile("Winter Mix.wav");
  summer = minim.loadFile("Summer Mix.wav");
  spring = minim.loadFile("Spring Mix.wav");
  autumn = minim.loadFile("Autumn Mix.wav");
}

void draw() {
  background(#CBE9F0);

  // Update the position of the shape
  xpos = xpos + ( xspeed * xdirection );
  ypos = ypos + ( yspeed * ydirection );

  // Test to see if the shape exceeds the boundaries of the screen
  // If it does, reverse its direction by multiplying by -1
  if (xpos > width || xpos < 5) {
    xdirection *= -1;
  }
  if (ypos > height || ypos < 10) {
    ydirection *= -1;
  }

  // Draw the shape
  image(flower, xpos, ypos);
  image(sun, -xpos, ypos);
  image(fire, xpos, -ypos);
  image(snowman, -xpos, -ypos);
}
void keyPressed() 
{
  if (winter.isPlaying() )
  {
    winter.pause();
  } else if (winter.position() == winter.length() )
  {
    winter.rewind();
    winter.play();
  }
  summer.rewind();
  summer.play();
}
void mousePressed()
{
  spring.rewind();
}

I want to use this code but I'm uncertain where I put it? Also what do I substitute for ob1 (object1) and x1 and where do I put the width and height variables? Thanks

 boolean Collision()

  ( ob1 - x1, ob1 -y1, ob1 - w, ob1 - h,
    ob2 - x1, ob2 -y1, ob2 -w, ob2-h)

  return 
  (ob1 - x1 < ob2 - x2 && ob1 - x2 > ob2 = x1 &&  //insert y variables








//start of code


    class Bouncy 
    {

      int x;
      int y;
      int dx; 
      int dy;

      PImage nw, ne, sw, se;

      Bouncy(int x, int y, int dx, int dy) 
      {
        this.x = x;
        this.y = y;
        this.dx = dx;
        this.dy = dy;
    nw = loadImage("NorthW.png");
    ne = loadImage("NorthE.png");
    sw = loadImage("SouthW.png");
    se = loadImage("SouthE.png");
      }


      void update() 
      {
        render();
        move();
      }

      void render() 
      {
    if (dx == -1 && dy == -1)
      image(nw,x,y);

    else if (dx == 1 && dy == -1)
    image(ne,x,y);

    else if (dx == -1 && dy == 1)
    image(sw,x,y);

    else if (dx == 1 && dy == 1)
    image(se,x,y);
          }

      void checkCollisions() 
      {
        int edge = 65; // half width of one of the PNG files

        if (y<=(edge-edge)) // hit top border
     dy=1; // switch to moving downwards

    if (y>=500-(edge*2)) // hit bottom border
     dy=-1; // switch to moving upwards

        if (x<=edge-edge) // hit left border
    dx=1; // switch to moving right

    if (x>=500-(edge*2)) // hit right border
    dx=-1;
      }



      void move() 
      {
    checkCollisions();
    x += dx;
    y += dy;

      }
    }

    Bouncy janet,jeff,jerry;

    void setup() 
    {
      size(500,500);
      janet = new Bouncy(10,100,1,-1);
      jeff = new Bouncy(10,150,-1,1);
      jerry = new Bouncy(10,350,1,1);

    }

    void draw() 
    {
      background(255);
      janet.update();
      jeff.update();
      jerry.update();

    }

    boolean salta = false;
    boolean baixa = false;
    boolean esquerra = false;
    boolean dreta = false;
    boolean stop=false; 
    //PImage img;


    float cercleX = 50;
    float cercleY = 50;
    float gravetat = 0.5;
    float posx = 0;
    float posy = 50;
    float vy = -1;
    float bounce = -0.5;

    //color c = get(0,0);

    //////////////////////////////////////////////////////////////////////////////////////

    void setup() {
      size (1280, 720);
      smooth();
      noStroke();
      //img = loadImage("background1-720.png");
    }

    void draw() {
      background (255);
      //image(img, 0, 0);



      //posx++;

      frameRate (70);
      fill(0);
      rect(0, 400, 500, 100);
      rect(600, 400, 500, 100);

      fill(255, 0, 255);
      ellipse(posx, posy, 20, 20);

      if (!stop) {
        vy += gravetat;
        posy += vy;
      }


      if (posy > height - 330) {

        vy = bounce * abs(vy);

        if (abs(vy)<0.281) {
          vy=0.0;

          stop=true;
        }
      }

      // booleans 
      if (salta) {
        posy--;
        stop=false; 
        vy=-5;
      }

      if (baixa) {
        posy++;
      }

      if (esquerra) {
        posx--;
      }

      if (dreta) {
        posx++;
      }
    }

    void keyPressed() {
      if (keyCode == UP) {
        salta = true;
      } else if (keyCode == DOWN) {
        baixa = true;
      } else if (keyCode == LEFT) {
        esquerra = true;
      } else if (keyCode == RIGHT) {
        dreta = true;
      }
    }

    void keyReleased() {
      if (keyCode == UP) {
        salta = false;
      } else if (keyCode == DOWN) {
        baixa = false;
      } else if (keyCode == LEFT) {
        esquerra = false;
      } else if (keyCode == RIGHT) {
        dreta = false;
      }
    }



    //

here the code

Ball[] balls = new Ball[10];

void setup() {
  size(800, 600);
  for (int i = 0; i < balls.length; i++) {
    balls[i] = new Ball(random(40,60), 120);
  }
}

void draw() {
  background(0);
  for (int i = 0; i < balls.length; i++) {
    balls[i].display();
    balls[i].move();
    balls[i].edges();
    for (int o = 0; o < balls.length; o++) {
      if(o!=i){
      balls[i].overlaps(balls[o]);
      balls[o].overlaps(balls[i]);
      }
    }
  }
}

class Ball {
  float dia;
  float x;
  float y; 
  float col;
  float xspeed;
  float yspeed;
  float acc = sin(TWO_PI/400);
  float r;

  Ball (float tempD, float tempC) {
    x = random(100,700);
    y = random(100,400);
    dia = tempD;
    col = tempC;
    r = dia/2;
    xspeed = 2.0;
    yspeed = 3.0;
  }

  void display() {
    noStroke();
    fill(col);
    ellipse(x, y, dia, dia);
  }

  void move() {
    //xspeed = xspeed+acc;
    //yspeed = yspeed+acc;
    x = x + xspeed;
    y = y + yspeed;
  }

  void edges() {
    if (x > width-r || x < r) {
      xspeed = xspeed * -1;
    }
    if (y > height-r || y < r) {
      yspeed = yspeed * -1;
    }
  }

  void overlaps(Ball o) {
    float d = dist(x,y,o.x,o.y);
    if (d < r + o.r) {
      xspeed = xspeed*-1;
      yspeed = yspeed*-1;
      col = 255;
      println(d);
    } else{
      col=120;
    }
  }
}

How can I make this faster? Code here: https://codepen.io/jmean/pen/pdwXgO

Thanks

I want the program to start with the yellow star in the middle and then when you press and hold down the mouse button it should begin bouncing around the screen while constantly changing colors? upon mouseReleased the star resets back to the middle. I'm pretty new to processing so I can't see where I'm going wrong.

When I take the bounce code out of the mousePressed method and place it in draw, the star just goes from the top left corner to the botom right and changes color upon each mouseclick any advice would be highly appreciated!

I am trying to create a code to display earthquake data sets but I'm teaching myself processing and I am struggling...

I want to display the worlds largest 10 earthquakes in history. Each bouncy ball should be a different size depending on the size of the earthquake and when the mouse hovers over one ball information appears (location, date, magnitude). When this hover happens I want the screen to freeze so it's easier for the information to be read.

At the moment I have a code that has 12 bouncy balls but I can't work out how to place individual text on specific balls - right now the same text line is displayed on all the balls and when the program is closed and re-run this text changes but is still displayed on every circle.

I think most of my problems are coming because I haven't created an array of the bouncing balls but I don't know how to do that I keep getting an error message. I still want my bouncing balls to bounce off each other with no gravity.

If anyone could help me to put my 6 country names on 6 different bouncing balls and create a mouse hover code for me that would be very helpful! And if anyone can, could you display this data on one ball:

• name = indonesia

• date = 2004

• magnitude = 9.1

My code so far looks like this:

int numBalls = 12;
float spring = 0.05;
float friction = -0.9;
Ball[] balls = new Ball[numBalls];

float r = random(6);

String[] headlines = {"Indonesia", "Australia", "Japan", "Mexico", "USA", "Germany"};

String c = headlines[int(random(6))];

PFont f;



void setup() {
size(1275, 700);
for (int i = 0; i < numBalls; i++) {
//array
balls[i] = new Ball(random(width), random(height), random(100, 100), i, balls);
//need to make array of different size circles then line underneath for text
}
noStroke();
fill(255, 204);
f = createFont("arial",20,true);  
}

void draw() {
background(0);

//adding text
fill(255,255,255);
String s= "WORLD'S LARGEST QUAKES";
textSize(64);
text(s,500,100);

for (Ball ball : balls) {
ball.collide();
ball.move();
ball.display(); 
}
}



class Ball {

float x, y;
float diameter;
float vx = 0;
float vy = 0;
int id;
Ball[] others;

Ball(float xin, float yin, float din, int idin, Ball[] oin) {
x = xin;
y = yin;
diameter = din;
id = idin;
others = oin;
} 

void collide() {
for (int i = id + 1; i < numBalls; i++) {
  float dx = others[i].x - x;
  float dy = others[i].y - y;
  float distance = sqrt(dx*dx + dy*dy);
  float minDist = others[i].diameter/2 + diameter/2;
  if (distance < minDist) { 
    float angle = atan2(dy, dx);
    float targetX = x + cos(angle) * minDist;
    float targetY = y + sin(angle) * minDist;
    float ax = (targetX - others[i].x) * spring;
    float ay = (targetY - others[i].y) * spring;
    vx -= ax;
    vy -= ay;
    others[i].vx += ax;
    others[i].vy += ay;
  }
}   
}

void move() {
x += vx;
y += vy;
if (x + diameter/2 > width) {
  x = width - diameter/2;
  vx *= friction; 
}
else if (x - diameter/2 < 0) {
  x = diameter/2;
  vx *= friction;
}
if (y + diameter/2 > height) {
  y = height - diameter/2;
  vy *= friction; 
} 
else if (y - diameter/2 < 0) {
  y = diameter/2;
  vy *= friction;
}
}

void display() {
//fill ellipse
fill(0,255,0);
ellipse(x, y, diameter, diameter);
//fill text
fill(255,255,255);
textFont(f,20);
textAlign(CENTER);
text(c,x,y);
}
}

I'm thinking of making a code which is sensitive to density of particles and able to bounce off once the collisions happen. However, I was stuck in the code which is for making my particles bounce off from the surface of squares and have no idea about how to make my particles slow down once the density of particles nearby gets higher.

Below is the code I made for illustrating particle movement from the bottom and squares dispersed through out the screen.

How can I make the particle recognize the surface of the squares in the screen, and make the speed of particles slows down once the number of particles within 100*100 pixels gets more than 50?

I think rather than putting the numbers for my squares, I think it would be better to set the variables for each squares to make a collision equation. No matter how many sample codes I looked through from github, I didn't find any code examples for this situation.

=Sketch=

Particle [] parts = new Particle [500];

float x;
float y;
float r;
float sx1 =30, sx2=120, sx3=210, sx4=300;
float sy1 =30, sy2 =120, sy3=210, sy4=300;

void setup(){
  size(600,400);
  for(int i =0; i<parts.length;i++) {
    float x = random(0,width);
    float y = 0;
    parts[i] = new Particle();
  }


}

void draw(){
  background(200);
  for (int i =0;i<parts.length;i++) {
    parts[i].display();
    parts[i].movement();
    parts[i].finish();
  }
   fill(100,50);
  rect(sx1,sy1,60,60);
  rect(sx2,sy2,60,60);
  rect(sx3,sy3,60,60);
  rect(sx4,sy4,60,60);
  rect(sx2,sy1,60,60);
  rect(sx2,sy1,60,60);
  rect(sx3,sy1,60,60);
  rect(sx4,sy1,60,60);

}

=Particle Class=

class Particle {

float x;
float y;
float r;
float distance;
float speed;
//float sx1 =30, sx2=120, sx3=210, sx4=300;
//float sy1 =30, sy2 =120, sy3=210, sy4=300;

Particle () {
  x= random(0,width);
  y= height;
  r= 10;
  speed = random(0.1,0.5);
}

void display() {
  stroke(0);
  fill(255,0,0,80);
  ellipse(x,y,r,r);
}

void movement() {
  x=x+random(-0.5,0.5);
  y=y-speed;

}

void finish() {
  if (y>=height) {
    speed = 0;
  }
}

}

int countdown =0;
int seconds, seconds2, startTime;

void setup() {



    startTime = millis()/1000 + countdown;
}

void draw() {

  seconds = startTime + millis()/1000;

    if (seconds > 10)    seconds = startTime - millis()/1000;
    if (seconds < 0)    seconds = startTime + millis()/1000;

    println (seconds);
}

Hello everyone! I'm new to processing and I've got this program in which the line moves from the left edge to the right edge. When it reaches the right edge it appears back in the left and restart the loop. I wanna know how can I make it changes direction when hitting right edge and move back to the left. I tried conditions like if (pos > width ) {pos--} but it wouldn't work because when the line goes back to the start, the position becomes < width.

Hope you guys can help me. Thanks!

Here goes the original program:

void setup() { size(400, 400); frameRate(12); }

int pos=0;

void draw() { background(204); pos++; line(pos,20,pos,80); if (pos > width ) { pos=0; } }

var x = 200; var y = 110; var speed = 0; var bounce = 0.3;

function setup() {

createCanvas(400, 400); }

function draw() {

background(51);

ellipse(x, y, 30, 30);

// the ball starts to drop.

y = y + speed;

// its speed is increasing over time rather than falling at a constant speed

speed = speed + bounce;

// if it hits the ground

if( y >= height){

speed = speed * -1;

speed = speed + bounce;

bounce = bounce + 0.1;

} }

So this works fine, im proud. HOWEVER i have some issues which i cannot understand. The first question is, when i change the bounce value to a slightly larger number ( 0,4 or 0,5) i get a blank page. My second question is, when the ball gets too close to the ground it starts to go up and down really fast and i dont want that. I want the ball to transition smoothly onto the ground. Thanks in advance guys.( p5 js)

diam=10
move=50

def setup():
    size(500,500)
    background(50,50,50)
    startover()

def startover():
    global placementY, x  
    x=width/2
    placementY=int(random(10, 490))         

def draw():
    global x, move
    background(50,50,50)
    fill(255)
    ellipse(x, placementY, diam, diam)
    if x <=0:
        print("value of X: ", x)
        print("change over from left to right, reached ZERO")
        move*=-1
        x=x+move

    elif (x < width):
        print("value of X: ", x)
        print("in between everything")
        x=x+move

    elif (x > 490):
        print("made it here to 500: ", x)
        move*=-1
        x=x+move

Here is my Code:

    //Gwendolyn Leister - Pong Game
    //Hit the ball with the paddle by moving the mouse left and right 
    //Each time you hit the paddle, your score goes up

    //Many thanks to the two forums that helped me: 
    //https://forum.processing.org/two/discussion/23862/subclass-won-t-display-or-move-help#latest
    //https://forum.processing.org/two/discussion/23842/myclass-move-does-not-exist-but-it-does#latest


    //Global Variables
    boolean gameStart = false;

    //Declare Fonts
    PFont myFont;
    PFont myFont2;

    final GamePiece Ball = new Ball();
    final GamePiece Paddle = new Paddle();

    void setup () {
      size(800, 800);
      smooth();
      background(0);
      myFont = loadFont("AnonymousPro-30.vlw"); //smaller text font
      myFont2 = loadFont("AnonymousPro-80.vlw"); //larger title font
    } 

    void draw() {

      background (#0A141F);

      //Layout
      rectMode(CORNER);
      fill(#CBFEFF);
      noStroke();
      rect(0, 640, 800, 260);
      stroke(255);
      fill(#CBFEFF);
      strokeWeight(10);
      line(0, 640, 800, 640);
      fill(#0A141F);
      rect(200, 700, 400, 160);

      //score text 
      textFont(myFont);
      textAlign(RIGHT);
      textSize(20);
      text("Score:", 70, 25);

      //display classes
      Ball.display();
      Paddle.display();

      if (gameStart) { //if the user hits enter to start game and allow subclasses to move/bounce
        Ball.move();
        Ball.bounce();
        Paddle.move();
      } else {  //when enter is not pressed or if it is pressed twice, it will pause the game

        textAlign(CENTER);
        textFont(myFont2);
        textSize(80);
        text("P O N G", 400, 100);
        textSize(20);
        text("press enter to start", 400, 600);
        text("move mouse horizontally to control the", 400, 140);
        text("paddle and to bounce the ball off of", 400, 162);
      }
    }



    // Resource used: https://processing.org/tutorials/interactivity/
    void keyPressed() { //if enter is pressed then the game starts {
      if (keyCode == ENTER) {
        gameStart = !gameStart;
      } else {
      }
    }

    abstract class GamePiece {
      //ball variables
      int rad = 15;
      float xPos=width/2;
      float yPos=height/2;
      float Speed = 6; 
      float xDirection = -2;
      float yDirection = -1;

      int score = 0;//call booleans
      boolean mouseMoved;
      boolean overPaddle = false;
      boolean locked = false;
      float dx=0;

      //paddle variables
      int px=mouseX;
      int py=550;
      int pw=100;
      int ph=30;
      int pSpeed = 5;

      int pDistance = 250; // paddle dis


      //calls
      abstract void move(); 
      abstract void display();
      abstract void bounce();
    }


    class Ball extends GamePiece {
      //Resource used: https://processing.org/examples/bounce.html


      int rad = 15;
      float xPos=width/2;
      float yPos=height/2;
      float Speed = 5;
      float xDirection = -2;
      float yDirection = -1;

      Ball() {
        super();
      }

      void display() {
        stroke(255);
        strokeWeight(3);
        fill(#FCE1BD);
        frameRate(30);
        ellipseMode(RADIUS);
        ellipse(xPos, yPos, rad, rad);
      }
      void move() { // ball position change
        xPos=xPos+Speed*xDirection;
        yPos=yPos+Speed*yDirection;
      }
      void bounce() { //https://processing.org/examples/bounce.html

        if (yPos - rad < py + ph/2) { // bounce ball off of paddle
          yDirection = -yDirection;  // when i apply this, then the ball acts crazy

          if (xPos>(width-rad)) { //bounce right side
            xPos = width-rad;
            xDirection=-xDirection;
          }
          if (xPos< rad) { //bounce left side
            xPos = rad;
            xDirection=-xDirection;
          }
          if (yPos<rad) { //bounce top side
            yPos=rad;
            yDirection=-yDirection;
          }

          if (yPos>800) { //falls below screen and relocates ball to inside the frame
            yDirection = -1;
            xPos=width/2;
            yPos=height/2;
          }
        }
      }
    }

    class Paddle extends GamePiece {

      Paddle () {
        super();
      }

      void display() {
        rectMode(CENTER);
        fill(#CBFEFF);
        stroke(255);
        strokeWeight(5);
        rect(mouseX, py, pw, ph);  //moves paddle with mouse
      }

      void move() {
      }

      void bounce () { 
      }
    }

I do have now this code. The element will bounce to the borders in horizontal direction. From the left to the right the speed starts fast and the speed will slow at the end. When the element hits the right side, the element will bounce back.

From the right to the left the speed now start slow and will speed-up at the end. I do want to do this the other way around for the movement from right to the left where it starts fast and will slow at the end.

float x;
float y;
float easing = 0.05;
float targetX;
float dx;
float w = 100;
float h = 50;
void setup() {
  size(640, 360); 
  noStroke();
}

void draw() { 
  background(51);


  targetX = width+25-w;
  dx = targetX - x;
  x += dx * easing;
  if (x < 25) {
    targetX = width+25;
    dx = targetX - x;
    easing = 0.04;
  }
  if (x > width - w) {
    targetX = 0;
    dx = targetX;
    x += dx * -easing;

    easing = -0.04;
  }

  float targetY = mouseY;
  float dy = targetY - y;
  y += dy * easing;

  rect(x, height/2, w, h);
}

            import java.util.*;

            ArrayList balti = new ArrayList();



            void setup() {
              size(600, 600);
              smooth();



              for ( int i=0; i<100; i++) {
                Aloo keshavball = new Aloo(random(0, width), random(0, 200));
                balti.add(keshavball);
              }
            }

            void draw() {
              background(0);
              for (int i=0; i<100; i++) {
                Aloo keshavball = (Aloo) balti.get(i); // I want to focus here !! What is happening here? I am really confused ! 
                keshavball.mainfunction();
              }
            }

and other file is:

        class Aloo {

          float x;
          float y;
          float speedX=random(-5,5);
          float speedY=random(-5,5);

          Aloo(float _x, float _y) {

            x = _x;
            y = _y;
          }

          void mainfunction() {
            display();
            move();
            bounce();
            gravity();
          }
          void display() {
            ellipse(x, y, 20, 20);
          }

          void move() {
            x += speedX;
            y += speedY;
          }

          void bounce() {
            if (x > width) {
              speedX *= -1;
            }
            if (y > height) {
              speedY *= -1;
            }
            if (x < 0) {
              speedX *= -1;
            }
            if (y < 0) {
              speedY *= -1;
            }
          }

          void gravity() {
            speedY = speedY +0.25;
          }
        }

 bonuses_array = [
   { name: "Paddle_size +", type: "Bonus", status: false, effect: addPSize(), duration: 30, graphic: Paddle_size_plus()},
   { name: "Paddle_speed +", type: "Bonus", status: false, effect: addPSpeed(), duration: 30, graphic: Paddle_speed_plus()},
   { name: "Ball_speed -", type: "Bonus", status: false, effect: reduceBSpeed(), duration: 30, graphic: Ball_speed_minus()},
   { name: "Paddle_size -", type: "Malus", status: false, effect: reducePSize(), duration: 30, graphic: Paddle_size_minus()},
   { name: "Paddle_speed -", type: "Malus", status: false, effect: reducePSpeed(), duration: 30,graphic: Paddle_speed_minus()},
   { name: "Ball_speed +", type: "Malus", status: false, effect: addBSpeed(), duration: 30, graphic: Ball_speed_plus()},
   { name: "Ball_size -", type: "Malus", status: false, effect: reduceBSize(), duration: 30, graphic: Ball_size_minus()},
  ]

All the functions are defined somewhere else, and the thing i want to achieve is to be able to call bonuses_array[value].graphic(x, y). But it seems that the functions are not defined the right way... Can someone help me ? Thanks !! Ali

ArrayList<Ball> balls;


void setup() {
 size (640, 360);
 balls = new ArrayList<Ball>();
 for (Ball ball : balls){
  ball.Setup();
 }
}

void draw() {
 background (55); 

 for (Ball ball : balls){
  ball.show();
  ball.update();
 }
}

void mousePressed() {

 balls.add(new Ball(mouseX, mouseY));
}


class Ball {

  float a;
  float b;
  float movex;
  float ballx;
  float movey;
  float bally;
  int fcolor;

 public Ball(float ballx, float bally) {

  this.ballx = ballx;
  this.bally = bally;
 }

void Setup() {
 fcolor = 255;
 ballx = width/2;
 bally = height/2;
 a = random(-6, 6);
 b = random(6, -6);
 if ( a < 0) {
   movex = -6;
   } else {
   movex = 6;
   }
   if (b < 0) {
   movey = -6;
   } else {
   movey = 6;
  }
 }

 void show() {

  fill (fcolor);
  stroke (fcolor);
  ellipse (ballx, bally, 50, 50);
 }
 void update() {

 ballx = ballx + movex;
 bally = bally + movey;

 if (ballx > width) {
   ballx = width;
   movex = -movex;
   fcolor = color(random(255), random(2, 55), random(0, 255));
 }

  if (ballx < 0) {
   ballx = 0;
   movex = -movex;
   fcolor = color(random(0, 255), random(0, 255), random(0, 255));
   bally = bally + 0.2;
  }

  if (bally > height) {
   bally = height;
   movey = -movey;
   fcolor = color(random(0, 255), random(0, 55), random(0, 255));
  }
  if (bally < 0) {
   bally = 0;
   movey = -movey;
   fcolor = color(random(0, 255), random(0, 255), random(0, 255));
  }
 }
}

int y = 0;
int speed = 5;

void setup() {

  size (200,200); 

  smooth(); 
}

void draw() {
  background (255); 

  y = y + speed; 

  if (( y>width) || (y<0)) { 
    speed = speed * -1;
  }

  stroke (0); 

  fill(237,26,26);

  ellipse (100, y+16, 32, 32);
}