Game menu with images

Answers

• KevinWorkman

  October 2016

  I'm not sure I understand your question (screenshots would help), but one thing that occurs to me is that you're never clearing out old frames, so any images you draw will stay visible. You might want to call the background() function at the beginning of draw() to clear out old frames.
• vamo1986

  October 2016

  I´m trying to make a menu, wich would work as a startscreen

  First state = empezar

  

  here the player clicks on the button. Then it change to another image that explains game´roles

  

  after that, the player clicks again on "SIGUIENTE" and it takes him to the next image tha explains how to play

  

  finally after clicking again on "SIGUIENTE" the game shows another image that prepare the player to start playing

  

  the thing is that when i click on the first image it takes me to the last one.
• Eeyorelife

  October 2016 Answer ✓

  In the switch() in your mousePressed() function, you are changing 'botonPresionado' to true (the first time you press at least).

  'paginaActual' still holds the value 'empezar'. So in the switch() in draw(), the function drawParaEmpezar() is run.

  In the drawParaEmpezar() function you say

  if (botonPresionado)
    {
      drawParaRoles ();
    }
  

  The statement is true, so you jump to drawParaRoles(). And in that function:

   if (botonPresionado) 
    {
      drawParaInstrucciones ();
    }
  

  Which is true, so let's move to the drawParaRoles():

  if (botonPresionado) 
    {
      image (img4, 0, 0);
    }
  

  BotonPresionado is still true, so the last image is drawn. You do this every single frame of draw. So even though 'paginaActual' is always in the case empezar, you will draw keep drawing the last picture until you click the mouse button again.
• Eeyorelife

  October 2016 Answer ✓

  final int empezar = 0;
  final int roles = 1;
  final int instrucciones = 2;
  final int asignar = 3;
  int paginaActual = 0;
  boolean botonPresionado = false;
  
  void setup () {
    size(648, 480);
  }
  
  void draw () {
    background(0);
    fill(255);
    textSize(50);
  
    switch (paginaActual) {
    case empezar:
  
      text(empezar,width/2,height/2);
      break;
  
    case roles:
  
      text(roles,width/2,height/2);
      break;
  
    case instrucciones:
      text(instrucciones,width/2,height/2);
      break;
  
    default: 
      println ("estado no identificado");
      break;
    }
  }
  
  
  void mouseClicked(){
  
    //this does basically what you want
    //paginaActual += 1;
  
  
    //this is more complicated
    //and more useful
    switch (paginaActual) {
    case empezar:
      paginaActual = roles;
      break;
  
    case roles:
  
      paginaActual = instrucciones;
      break;
  
    case instrucciones:
      paginaActual = empezar;
      break;
  
    default: 
      println ("estado no identificado");
      break;
    }
  }
  
• vamo1986

  October 2016

  THANKS A LOT!!!! you solved it!