float xPos;

float yPos;

float velocityX = 10; // Speed of the shape

float velocityY = 10; // Speed of the shape

int xdirection = 1; // Left or Right

int ydirection = 1; // Top to Bottom

int counter = 0;

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

void setup() {

bg = loadImage("pug.jpg");

size(1366, 768);

frameRate(30);

rectMode(RADIUS);

// Set the starting position of the shape

xPos = width/2;

yPos = height/2; }

///////////////////////// void draw() {

background(bg);

text(counter, 100,100);

textSize(50);

xPos = xPos + ( velocityX * xdirection );

yPos = yPos + ( velocityY * ydirection );

fill(0, 255, 134); //aqua green

ellipse(mouseX, mouseY, 50, 50);

if (xPos > width-dia || xPos < dia) {

xdirection *= -1;

}

if (yPos > height-dia || yPos < dia) {

ydirection *= -1;

}

rect (xPos, yPos, dia, dia);

rect (xPos-200,yPos+150,dia,dia);

rect (xPos+200,yPos-200,dia,dia); }

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

void mouseMoved (){

counter = counter +1;

if (counter > 99999999) {

counter = 0;

} }

Here's the APK link: bit.ly

And here's more information on the Space Apps hackathon: spaceappsnextgen.com/

Our github repository: https://github.com/cdelano266/YDU Thanks!

Many thanks

I'm building a game where an animal collects carrots and apples which then gains points for the user. Whats the best way to have the images of a carrot and an apple appear at random?

Thank you!

I was working on a simple platformer game. The simple idea is that there are three arrays. Those arrays contain the obstacles.

One array for the x cord, one for the y cord, and one for the radius of the obstacle.

What i have working so far is the player to be able to go to the obstacles, and it will automatically move up. the issue is it is not moving down.

The way it checks is it has a for loop. the for loop runs through the array and detects if the x and y cord of the player overlap with the obstacle. the problem is when it is hitting one obstacle, that obstacle is telling it to go up but the other one is telling it to go down, so in the end nothing really happens. Heres the code.

//Start
int ex = 20;
int ey = 480;
int ew = 20;
int[] xo = {
  400, 
  200
};
int[] yo = {
  490, 
  490
};
int[] ro = {
  50, 
  50
};
//Define Obstacles
//Program
void setup() {
  size(750, 500);//--------------------------
}
void draw() {

  background(200, 200, 200);
  fill(0, 0, 255);
  ellipse(ex, ey, 20, 20);
  for (int i = 0; i < xo.length; i++) {
    fill(255, 255, 255);
    ellipse(xo[i], yo[i], ro[i], ro[i]);
    if (dist(ex, ey, xo[i], yo[i]) < ro[i]-ew/2) {
      println("up");
      ey--;
    }
  }
}


void keyPressed() {
  if (keyCode == UP) {
    ey-= 15;
  } 
  if (keyCode == LEFT) {
    ex-= 5;
  }
  if (keyCode == RIGHT) {
    ex+= 5;
  }
}
//end

If anybody could help out that would be great. thanks!

edit: I fixed it.

float gx = 300;
float gy = 100;
float gw = 50;
float gh = 5;
float gSpeed = 1;
int score = 0;
int miss = 3;
int stage;
int maxscore = 3;
PFont font;

/** Variables for Soccer Ball | b in the variable stands for ball
 ================================================================ */
float bx, by, bySpeed, bSpeed;

/** Increment the speed of the ball with each kick
 ================================================= */
float i = -6;
PImage soccerField, soccerBall, startGame;
// End Global Variables

/** Begin Setup
 ============== */
void setup() {
  size(600, 600);
  startGame = loadImage("startgame.png");
  image(startGame, width/2, height/2);
  //background(startGame);
  theBall = new Ball(bx, by);
  theGoalKeeper = new GoalKeeper(gx, gy);
  soccerField = loadImage("field.png");
  //image(soccerField, width/2, height/2);
  minim = new Minim(this);
  kick = minim.loadFile("kick.wav");
  block = minim.loadFile("block.wav");
  crowd = minim.loadFile("crowd.mp3");
  goal = minim.loadFile("goal.mp3");
  font = loadFont("Champagne&Limousines-Bold-48.vlw");
}
/** End Setup
 ============ */

/** Draw
 ======= */
void draw() {
  // Title Screen
  background(startGame);
  textAlign(CENTER);
  textFont(font);
  text("PENALTY BOX", 300, 300);
  textSize(30);
  text("Press 's' to start game.", 300, 400);
  textSize(15);
  text("Click mouse to kick ball.", 120, 500);
  text("Use the spacebar to reset game.", 130, 530);

  if (key == 's') {
    background(soccerField);
    theBall.run();
    theGoalKeeper.run();
    fill(255);
    textAlign(CENTER);
    textSize(10);
    textSize(40);
    text("SCORE: " +score, 105, 520);
    text("LIVES: " + miss, 90, 580);
  }

  // Set the speed of Soccer Ball
  by = by + bySpeed;

  // Start the Goalie
  if (gx > 221) {
    gx += gSpeed;
  }

  // Stop the Goalie on right side
  if (gx == 379) {
    gSpeed = 0;
    gx = 378;
  }

  // Reverse the Goalie
  if (gx > 221 && gSpeed == 0) {
    gx -= gSpeed--;
  }

  // Stop the Goalie on left side
  if (gx == 220 && gSpeed == -1) {
    gSpeed = 0;
    gx = 221;
  }

  // Start the Goalie again
  if (gx == 221) {
    gSpeed = 1;
    gx += gSpeed;
  }

  // Reset the ball after kicked in net
  if (by <= 53) {
    bySpeed = 0;
    by = 170 + bSpeed++ * 29;
  }

  // Blocking System
  if (gx >= 264 && gx <= 334 && by == 115 || gx >= 264 && gx <= 334 && by == 113 || gx == 300 && by == 115 || gx == 300 && by == 113) {
    block.play(0); // Blocking Sound
    bySpeed = 1;
  }

  if (bySpeed == 1 && by == 160) {
    bySpeed = 0;
    miss--;
    by = 170 + bSpeed++ * 29;
  }

  // Scoring system
  if (gx >= 335 && by == 90 || gx >= 335 && by == 89) {
    score++;
  }

  if (gx <= 263 && by == 90 || gx <= 263 && by == 89) {
    score++;
  }

  // Maximum amount of Goals 
  if (score==3) { 
    fill(35, 193, 34);
    rect(0, 0, width, height);
    fill(0);
    textAlign(CENTER);
    textSize(80);
    text("WINNER !! ", width/2, height/2, width, height);
    noLoop();
    goal.play(0);
  }

  // Game Over
  if (miss == 0) {
    fill(35, 193, 34);
    rect(width/2, height/2, width, height);
    fill(255, 255, 255);
    text("End Game", 300, 200);
    text ("Reset: Spacebar", 300, 250);
    text ("Score: " + score, 300, 300);
    noLoop();
  }
}
/** End Draw
 =========== */

/** MouseClicked Function
 ======================== */
void mouseClicked() {
  kick.play(0);
  bySpeed = i;
}

/** KeyPressed Function
======================= */
void keyPressed() {
  if (key == ' ') {
    loop();
    by = 170;
    bySpeed = 0;
    bSpeed = 0;
    i = -3;
    score = 0;
    miss = 3;
  }

  if (key == 's') {
    crowd.play(0);
  }
}

I'm just learning processing and trying to create a very simple shooting game. I need to know how to fire bullets from the location of a mouse click to random positions, and limit the number of bullets to 10. What is the best way to approach this?

class Shot {
  PVector loc;
  PVector vel;  
  int r,g,b; 
  Shot (PVector loc, PVector direction, int r, int g, int b) {
    this.loc=new PVector ();
    vel=new PVector();
    this.loc = loc.get();
    vel= direction.get();
    vel.normalize();
    vel.mult(9);
    this.r=r;
    this.g=g;
    this.b=b;
  }
  void displayShot() {    
    loc.add(vel);
    noStroke();
    fill(r,g,b);
    ellipse(loc.x, loc.y, 4, 4);    
  }  
}

and i want to shoot them by ckicking. How could i make it work without shooting too many of those(by to many i mean one each draw). because my game works perfect but it shoots a lot, its nice but THERE ARE TO MANY GOING OUT.

http://oneslime.net/two/Slime2P.java

void setup(){
size(500,500);
}
void draw(){
intro();
}


void intro(){
if ((millis()<3000 & millis()>0)) {
    background(0);
    textSize(22);
    text("Project Developed With", width/2-120, 60);
  }
 if ((millis()>3000 & millis()<5000)) {
    fill(#482E67);
    background(0);
    textSize(22);
    text("Project Designed by", width/2, 60);
    textSize(38);
    textAlign(CENTER);
    text("\n\n\n\n Evil Hatter\n\n\b Project Version .1", width/2, 60);
  }

}

 //Flappy Code
    bird b = new bird();
    pillar[] p = new pillar[3];
    boolean end=false;
    boolean intro=true;
    int score=0;
    void setup(){
      size(500,800);
      for(int i = 0;i<3;i++){
      p[i]=new pillar(i);
      }
    }
    void draw(){
      background(0);
      if(end){
      b.move();
      }
      b.drawBird();
      if(end){
      b.drag();
      }
      b.checkCollisions();
      for(int i = 0;i<3;i++){
      p[i].drawPillar();
      p[i].checkPosition();
      }
      fill(0);
      stroke(255);
      textSize(32);
      if(end){
      rect(20,20,100,50);
      fill(255);
      text(score,30,58);
      }else{
      rect(150,100,200,50);
      rect(150,200,200,50);
      fill(255);
      if(intro){
        text("Flappy Code",155,140);
        text("Click to Play",155,240);
      }else{
      text("game over",170,140);
      text("score",180,240);
      text(score,280,240);
      }
      }
    }
    class bird{
      float xPos,yPos,ySpeed;
    bird(){
    xPos = 250;
    yPos = 400;
    }
    void drawBird(){
      stroke(255);
      noFill();
      strokeWeight(2);
      ellipse(xPos,yPos,20,20);
    }
    void jump(){
     ySpeed=-10; 
    }
    void drag(){
     ySpeed+=0.4; 
    }
    void move(){
     yPos+=ySpeed; 
     for(int i = 0;i<3;i++){
      p[i].xPos-=3;
     }
    }
    void checkCollisions(){
     if(yPos>800){
      end=false;
     }
    for(int i = 0;i<3;i++){
    if((xPos<p[i].xPos+10&&xPos>p[i].xPos-10)&&(yPos<p[i].opening-100||yPos>p[i].opening+100)){
     end=false; 
    }
    }
    } 
    }
    class pillar{
      float xPos, opening;
      boolean cashed = false;
     pillar(int i){
      xPos = 100+(i*200);
      opening = random(600)+100;
     }
     void drawPillar(){
       line(xPos,0,xPos,opening-100);  
       line(xPos,opening+100,xPos,800);
     }
     void checkPosition(){
      if(xPos<0){
       xPos+=(200*3);
       opening = random(600)+100;
       cashed=false;
      } 
      if(xPos<250&&cashed==false){
       cashed=true;
       score++; 
      }
     }

    }
    void reset(){
     end=true;
     score=0;
     b.yPos=400;
     for(int i = 0;i<3;i++){
      p[i].xPos+=550;
      p[i].cashed = false;
     }
    }
    void mousePressed(){
     b.jump();
     intro=false;
     if(end==false){
       reset();
     }
    }
    void keyPressed(){
     b.jump(); 
     intro=false;
     if(end==false){
       reset();
     }
    }

 void change(int i, int j){
        if(cellColor==#000000){
          for(f = 1; f < j; f++){
            color co = bubbleArray[i][f-1].getColor();
            if(co==#ffffff){
              cellColor = #ffffff;
              newBub(f,cellColor);
              visited=false;
            }else if(co==#ff0000){
              cellColor = #ff0000;
              newBub(f,cellColor);
            }else if(co==#00ff00){
              cellColor = #00ff00;
              newBub(f,cellColor);
            }else if(co==#0000ff){
              cellColor = #0000ff;
              newBub(f,cellColor);
            }else if(co==#ffff00){
              cellColor = #ffff00;
              newBub(f,cellColor);
            }else if(co==#000000){
              newBub(f,#00ffff);
            }
          }
        }
      }

draw() {
    for (int j = 0; j < 21; j ++) {
        squarePositionY[j] = squarePositionYVariable;
        squarePositionYVariable = squarePositionYVariable + 48;
        squarePositionXVariable = 48;
        for (int i = 0; i < 38; i++) {
            squarePositionX[i] = squarePositionXVariable;
            squarePositionXVariable = squarePositionXVariable + 48;
            groundimagerandom = random(0, 100);
            if ( groundimagerandom > 40) {
                image(groundLevelOne, squarePositionX[i], squarePositionY[j]);
            } else if ( groundimagerandom < 41) {
                image(groundLevelOneRotten, squarePositionX[i], squarePositionY[j]);
            }
        }
    }
}

Thanks for a short answer!

Now I was stuck in the how to generate a new ball and how to consider if the ball hit the paddle or paddles missed it.

Here are the questions: 1.How can I make relationship between the coordinate of the center of the paddle to the center of the ball? Should I add more conditions in the if block to change the speed of ball which it hits the paddles? 2.How can I generate a new ball when the both paddles missed the ball? Should I add a boolean named collision and assign it to true? And if it was false the program will generate a new ball? Was my method right or wrong? Could you guys give me some hints?

float ballX = 250;
float ballY = 250;
float ballSize = 20;
float ballSpeedX = 3;
float ballSpeedY = 8;
float ballGenSpeed = 3;

float borderTop = 25;
float borderBottom = 450;
float borderLeft = 0;
float borderRight = 450;

float paddleH = 10;
float paddleW = 100;
float paddleSpeed = 15;
float paddleX;

void setup()
{
  size(500, 500);
  background(0);
}

void draw()
{
  background(0);
  ballX += ballSpeedX;
  ballY += ballSpeedY;

  if (ballX < borderLeft || ballX > borderRight)
  {
    ballSpeedX *= -1;
  }
  if (ballY < borderTop+(paddleH*2) || ballY > borderBottom-paddleH)
  {
    ballSpeedY *= -1;
  }

  ellipse(ballX, ballY, ballSize, ballSize);

  boolean collision = true;



  if (!collision) {
    for (int i = 0; i<20; i++)
    {
      float theta = i/20 * 2 * PI;
      float ballDirectX = cos(theta)*ballGenSpeed;
      float ballDirectY = sin(theta)*ballGenSpeed;
      ellipse(ballDirectX, ballDirectY, ballSize, ballSize);
    }
  }

  rect(mouseX, borderTop, paddleW, paddleH);
  rect(paddleX, borderBottom, paddleW, paddleH);
  if (key == CODED) {
    if (keyCode == LEFT && keyPressed) {
      paddleX -= paddleSpeed;
    } else if (keyCode == RIGHT && keyPressed) {
      paddleX += paddleSpeed;
    }
  }
}

I have made a simple game (flappy birds copy) to try and teach myself the basics of processing. I am currently trying to make a start screen, so that when I click start the game starts. I tried using different function names and calling theta different times to make this possible. However, it isn't working. Is this the way it should be done or is there a better way?

every time i press start on the game start screen it goes to the main game section BUT it cuts off once I release the button. Ill copy and paste my code here and you can try play it, you'll see what I mean `int xPos=650; int xDir=3; int yPos=150; int yDir=3; int Score = 0; boolean gameover = false;

void setup() { size(667,375); background(150,170,255);

fill(0); textSize(30); } void draw(){

//Start Screen

background(45);

fill(255,10,10); text("Glen's Game",250,150); fill(235); rect(240,165,200,50); fill(150); text("Start",305,200);

if(mousePressed && (240<mouseX && mouseX<440) && (165<mouseY && mouseY<215) ){ GameStart(); }

}

void GameStart(){

background(150,170,255); fill(255); text("Score = "+Score, 500,50);
fill(112,233,165); ellipse(150,yPos,25,25); yPos+=4; fill(255); rect(xPos,0,50,100); fill(100); rect(xPos,275,50,100); xPos-=3; }

void GameOver(){ if(((0375)) {
background(45); fill(255,10,10); text("GAME OVER",250,150); fill(200); text("Try Again",267,200); } }

void Scoring(){ if(xPos==152){ Score++ ; } } void MousePressed(){ if(mousePressed){ yPos= yPos - 12; } if(xPos<1){ xPos=650; } }`

Help much appreciated :)

I'm creating a simple breakout game where in when a block is hit it moves out of the screen at a certain pace, and then disappears. I would like said block to be drawn on top of any block that is still stationary. It works only partially. For some reason the fill of the moving block is drawn on top of the fill of the stationary block, but the stroke of the stationary block shows through the moving block. Image here:

The moving blocks are drawn after the stationary blocks. The code for drawing a block looks like this:

    @ Override
    public void draw() {
        if (doomed) {
            x += velocity * cos(angle);
            y += velocity * sin(angle);
        }
        if (x < 0 || x > width || y < 0 || y > height) {
            dead = true;
        } else {
            strokeCap(SQUARE);
            fill(red, green, blue);
            stroke(0);
            rect(x, y, w, h);
            noStroke();
            fill(red + lowerColor, green + lowerColor, blue + lowerColor);
            triangle(x, y + blockHeight, x + blockWidth, y + blockHeight, x + blockWidth, y);
            fill(red + upperColor, green + upperColor, blue + upperColor);
            rect(x + bevel * cos(bevelAngle), y + bevel * sin(bevelAngle), blockWidth - 2 * bevel * cos(bevelAngle), blockHeight - 2 * bevel * sin(bevelAngle));
        }
    }

The main draw loop called by processing looks like this, where blockArray contain all the stationary blocks, and doomedBlockArray contains all the moving blocks:

@ Override
public void draw() {
    if (firstRun && frame != null) {                    // Lock frame size
        frame.setResizable(false);
        firstRun = false;
    }

    background(230);                                    // Clear frame

    if (blockArray.size() == 0) {
        levelUp();
    }

    blockIterator = blockArray.iterator();              // Draw stationary blocks
    while (blockIterator.hasNext()) {
        blockIterator.next().draw();
    }

    doomedBlockIterator = blockArrayOfDoom.iterator();  // Draw moving blocks
    while (doomedBlockIterator.hasNext()) {
        block = doomedBlockIterator.next();
        if (block.isDead()) {
            doomedBlockIterator.remove();               // Remove if block is outside screen
        } else {
            block.draw();
        }
    }

    drawableIterator = drawablesArray.iterator();       // Draw anything else
    while (drawableIterator.hasNext()) {
        drawableIterator.next().draw();
    }
}

As you can see, the "doomed" blocks are drawn after the regular blocks, and yet the stroke from the regular blocks overlap the doomed blocks. Is this normal, can it be avoided?

Any help much appreciated!

Edit:

Solved after changing from P3D to P2D renderer!

I'm developing a 2D platform game with processing 3.0a5 and Java 2.0 mode using PImages (most of them from kenney.nl) and SoundFile in the future. When I started the project I made my character to move using the keyboard, running at the default frameRate, which if I'm not wrong is 60. When the character movements were finished, added some platforms with collision (so it don't fall down)[still need to be polished], and after that, made a menu (New game, Load Game, Controls...).

After adding the menu, which is screen 0 and selecting New Game which sends us to screen 1, we can see the selected character and move it, but the performance by now decreases, it's like the program runs at 30fps or so (you see the character movements a bit clumsy). If I execute the program changing screen 0 for 1 since the very beginning, it executes with normal performance. The program has almost 1000 lines, but it's not finished yet.

To "clear" the screen I'm using background(img);, is it the best way to do it ? How can I solve this performance problem ?

Link to Github repository.

Sorry for my english. Thanks, Maral.

Sorry to bother you guys it seems a good reboot is all it needed... Windows 7.

Hello, Goodnight everyone! My name is Gabriel Almeida, I am Brazilian and I started my studies in game design a short time, when my initial focus will be on schedule, I started to try a little game of spacecraft today in processing language and am having difficulties with the shot ship. Remembering that I am using google translate to communicate and do not know if I published the question in the correct section of the forum, if in the wrong section please move my question to the appropriate place =) The code I've written so far is as follows:

int vidaNave= 3; int pxnave; int pynave; int posx= 400; int posy= 300; PImage nave; PImage tiro_1; PImage efeito_tiro; PImage vidaNave1; PImage vidaNave2; PImage vidaNave3; int tiroy; boolean delay=true; int b; int c;

void setup() { size(800, 600); background(200, 200, 200); nave = loadImage("nave1.png"); tiro_1 = loadImage("tiro1.png"); efeito_tiro = loadImage("efeitotiro.png"); }

void draw() { background(200, 200, 200); image(nave, posx, posy); frameRate(60); movimento(); tiro();

}

void tiro(){

tiroy-=0; if(key == 'l' || key == 'L'){ int y=posy; image(tiro_1,posx+40,y+tiroy-5+(b-=5)); image(efeito_tiro,posx+30,posy); c = (y+tiroy+(b-=5)); }

}

void movimento() { int d=posx+40; if (keyPressed) { if (key == 'a' || key == 'A') { image(tiro_1,d,c); c-=5; posx -=10; if (posx<0) { posx +=10; } } if (key == 'd' || key == 'D') { image(tiro_1,d,c); c-=5; posx =posx+10; if (posx>700) { posx -=10; } } if (key == 'w' || key == 'W') { image(tiro_1,d,c); c-=5; posy-=5; if (posy<0) { posy+=5; } } if (key == 's' || key == 'S') { image(tiro_1,d,c);

  posy+=5;
  if (posy>500) {
    posy-=5;
  }
}

} }

void vida_nave() {

}

"Sorry, not yet picked up the habit of using comments"

I would like to processing programming book recommendations aimed at games (in the case in the English language because I did not think in Portuguese), aid in relation to the method "shot" of my schedule and if possible a code that would make a shooting missiles using arrays (I'm still learning how to use arrays in processing) that is equal to this video:

The author does not teach how to make this shot using arrays but advises that easy.

I thank the attention =)

Thank you so much.

Snake snake;

int headx;
int heady;
int size = 20;
int speed = 10;
char direction;
boolean foodEaten;
int eatx;
int eaty;
int snakesize = 1;
int fps = 5;
PImage background;
int highScore;

void setup() {
  size(1900, 1000);
  rectMode(CENTER);
  smooth();
  foodEaten = false;
  eatx=(round(random(90))+1)*10;
  eaty=(round(random(70))+1)*10;
  snake = new Snake();
  background = loadImage("Tron background.jpg");
}

void draw() {
  background(background);
  frameRate(fps);
  displayFood();
  snake.display();
  checkCollision();
  drawScoreboard();
}

void drawScoreboard() {
  //draw scoreboard
  fill(#FFB2B2);
  textSize(30);
  text("Score: " + highScore, 800, 400);
  fill(#FFB2B2);
  textSize(40);
  text("High Score:" + highScore, 800, 500);
}


void displayFood() {
  fill(#E3D250);
  ellipse(eatx, eaty, size, size);
}

void checkCollision() {
  if (snake.headx == eatx && snake.heady == eaty) {
    eatx=(round(random(90))+1)*10;
    eaty=(round(random(60))+1)*10;
    foodEaten = true;
    fps += 5;
  } 
  else {
    foodEaten = false;
  }
}

void keyPressed() {
  if (key == 'w') { //UP
    direction = 'w';
  } 
  else if (key == 'a') { //LEFT
    direction = 'a';
  } 
  else if (key == 's') { //DOWN
    direction = 's';
  } 
  else if (key == 'd') { //RIGHT
    direction = 'd';
  }
}

class Snake {

  int headx;
  int heady;
  int snakesize;

  Snake() {
    headx = width/2;
    heady = height/2;
    snakesize = 1;
  }

  void display() {
    fill(#87D9E3);
    noStroke();
    rect(headx, heady, size, size);
    checkMove();
    borders();
    checkCollision();
  }

  void moveUp() {
    heady -=speed;
  }
  void moveLeft() {
    headx -=speed;
  }
  void moveDown() {
    heady +=speed;
  }
  void moveRight() {
    headx +=speed;
  }

  void checkMove() {
    if (direction == 'w') {  // Move up
      snake.moveUp();
    } else if (direction == 'a') { // Move left
      snake.moveLeft();
    } else if (direction == 's') { // Move down
      snake.moveDown();
    } else if (direction == 'd') { // Move right
      snake.moveRight();
    }
  }

  void borders() {
    if (headx > width) {
      //headx=0;
      exit();
    } else if (headx < 0) {
      //headx = width;
      exit();
    } else if (heady > height) {
      //heady = 0;
      exit();
    } else if (heady < 0) {
      //heady = height;
      exit();
    }
  }
}

//Color Sync , jeu de mémoire

//declarations

  //tableaux pour carrés, positions et couleurs

  PShape[] carres = new PShape[4];
  int x[] = {250, 500, 250, 500};
  int y[] = {250, 250, 500, 500};

  //couleur d'affichage prédéfini (fond de base)
  color couleursfond[] = new color[4];

  //couleurs pour les séries - plus intenses
  color couleurs[] = new color[4];


  //tableau pour sequence de couleur pré-enregistrée

  int sequence[] = new color[4];

//initialisation - sous-programmes natifs

void setup () { 

  //affichage de départ 

  size(1000, 1000, P2D); 
  background(255, 255, 255);

  //affichage titre
  String titre = "COLOR SYNC.";
  fill(50);
  textAlign(CENTER);
  textSize(70);
  text(titre, 0, 20, 1000, 100);

  //affichage description

  String description = "Inspiré du célèbre jeu pour enfant le 'Simon', Color Sync vous propose de tester votre capacité de mémorisation. ";
  fill(50);
  textSize(12);
  text(description, 0, 160, 1000, 30);

  //couleurs des quatre carrés à l'origine, sans animation. 

  couleursfond[0]=color(255, 100, 100);
  couleursfond[1]=color(100, 255, 100);
  couleursfond[2]=color(100, 100, 255);
  couleursfond[3]=color(255, 255, 100);

  //Bouton pour démarrer

  fill(255);
  stroke(0);
  rect(430, 760, 145, 60, 5);
  String lancer = "Lancer!";
  fill(0);
  textSize(30);  
  text(lancer, 500, 800);

  //Caractéristiques de la séquence pré-définie

  sequence[0]=0;
  sequence[1]=2;
  sequence[2]=1;
  sequence[3]=3;  

    //définition couleurs et tailles

    for(int i= 0; i<4; i=i+1) {
      noStroke();
      fill(couleursfond[i]);    
      carres[i]=createShape(RECT, 0, 0, 240, 240);
    }

    //définition positions

    for(int i= 0; i<4; i=i+1) {
      shape(carres[i], x[i], y[i]);     

    }
  //réduit la nombre d'image par seconde du draw (ici une image par seconde)  

  frameRate(1);

}

    //entrée de la variable permettant de faire la série de couleurs pré-définies 'i' 

    int i=0;

void draw(){


/*    //le joueur interagit avec le bouton pour démarrer la partie (interaction)  et affiche la séquence de couleur pré-enregistrée pour le premier niveau
  while (!(mousePressed && mouseX> 430 && mouseX <575 && mouseY> 760 && mouseY <820)) {

    }
*/

  //couleurs plus intense pour les série à afficher au joueur

  couleurs[0]=color(255, 0 , 0);
  couleurs[1]=color(0, 255, 0);
  couleurs[2]=color(0, 0, 255);
  couleurs[3]=color(255, 255, 0);  
  fill(couleurs[i]);

  //nous aide pour les tests à voir le fonctionnement de la série de couleurs prédéfinie

  background(0);

  int numerocouleur = sequence[i];
  shape(carres[numerocouleur], x[numerocouleur], y[numerocouleur]);  

  if(i<3){
    i=i+1;
  }


/* 
  //après la séquence préenregistrée le jeu devient plus difficile et une couleur s'ajoute. Les couleurs sont choisies aléatoirement par la machine

    if(sequence[i]= sequence joueur ){
      sequence[i]= random;

      //augmentation de la difficulté en ajoutant une couleur en plus dans chaque séquence
      while(sequence[]=  sequence faite par le joueur ) {
        sequence[i]=sequence[i]+1;

        }

    }

    else {
      sequencePreenregistree();
    }
*/

} 


/* idée - 

if() {
  programme d'affichage automatique (appuyer sur ent pour activer l'animation)
} else {
  programme du jeu
}