Java: Dele op i tabeller.

Du bliver nødt til selv at detecte om du rammer disse firkanter.

Jeg ville lave et array af Rectangles, løbe dem igennem hver gang man trykker med musen og så tjekke om de kolliderer med hinanden.

Det jo svært at se om man trykker på y-akse: 9 fremfor 11? Og endnu sværer hvis x skal være 9 og y er 10 og man så trykker x = 10, y = 4

Det er rigtigt. Men det er sådan det skal gøres.
Jeg prøver lige at lave et eksempel.

Okay

Jeg kom helt fra det igen - beklager. Men jeg tror jeg har fået bikset noget brugbart sammen:

import java.awt.*;
import java.applet.*;
import java.awt.event.*;

public class bilSpil extends Applet implements MouseListener
{
    Image figur;
    Image offScreen;
    Graphics bufferGfx;
    Image baggrund;
    Point mouseDown = null;
    String brugernavn;
    Rectangle[] rectangles;
 
    public void init()
    { 
        this.setSize(300, 300);
        rectangles = new Rectangle[10];
        for (int i = 0; i<rectangles.length; i++)
        {
            rectangles[i] = new Rectangle (10, 10);
            rectangles[i].x = (int)(Math.random() * this.getWidth());
            rectangles[i].y = (int)(Math.random() * this.getHeight());
        }
           
        brugernavn = getParameter("brugernavn");
     
        addMouseListener(this);
        figur = getImage(getCodeBase(),"bil.gif"); // Figur
        baggrund = getImage(getCodeBase(),"test.png");  // Baggrunden
       
        offScreen = createImage (this.getWidth(), this.getHeight());
        bufferGfx = offScreen.getGraphics();
    }
   
    public void start()
    {
        this.validate();
    }

    public void paint(Graphics g)
    {
        bufferGfx.clearRect(0,0,this.getWidth(),this.getHeight());
        bufferGfx.drawImage(baggrund,0,0,this);
        paintRectangles (bufferGfx);
       
        if (mouseDown != null)
        {
            int textWidth = bufferGfx.getFontMetrics().stringWidth(brugernavn);
            int smileyX = mouseDown.x;
            int x = smileyX - (textWidth / 2);
            bufferGfx.setColor (Color.black);
            bufferGfx.drawString(brugernavn, x, mouseDown.y+70);
            bufferGfx.drawImage(figur, mouseDown.x-40, mouseDown.y-15, this);     
        }
         
        g.drawImage(offScreen,0,0,this);
    }
   
    private void paintRectangles(Graphics g)
    {
        g.setColor(Color.red);
        for (int i = 0; i<rectangles.length; i++)
            g.drawRect(rectangles[i].x, rectangles[i].y, rectangles[i].width, rectangles[i].height);
    }
   
    private boolean detectCollision (int x, int y)
    {
        for (int i = 0; i<rectangles.length; i++)
            if (x >= rectangles[i].x && x <= (rectangles[i].x + rectangles[i].width) && y >= rectangles[i].y && y <= (rectangles[i].y + rectangles[i].height))
                return true;
               
        return false;
    }   
   
    public void mousePressed(MouseEvent e)
    {
        if (detectCollision(e.getX(), e.getY()))
            mouseDown = new Point((int) e.getX(), (int) e.getY());
        repaint();
    }
      public void mouseCliched(MouseEvent e)
    {
        if (detectCollision (e.getX(), e.getY()))
            mouseDown = new Point((int) e.getX(), (int) e.getY());
        repaint();
    }
     
    public void update (Graphics g)
    {
        paint (g);
    }
 
    public void mouseClicked(MouseEvent e)    {}
    public void mouseReleased(MouseEvent e) {}
    public void mouseEntered(MouseEvent e)    {}
    public void mouseExited(MouseEvent e)    {}
}


Du nævnte i et tidligere spørgsmål, at du skulle trykke på applet'en før den blev vist. Grunden til det var der hvor vi beregnede tekstlængden. Der skulle lige et tjek ind.

Og du skal lige ændre min test.png til din racerBanen.gif - men det skulle også være det eneste...

Okay.
Ja, det ser ret \"fedt\" ud!

Men hvis man så har trykket på en firkant så kan man så klikke på den igen så ryger med få pixels op/til siden.

fandt noget som arne_v havde lavet.
Et system som jeg perfekt står og mangler.

for (int i = 0; i < 5; i++){
  for (int j = 0; j < 4+((i%2)==0?1:0); j++){
  g.drawString("X",20+20*j+((i%2)==1?10:0),20+20*i);
  }

Men kan man lave dem til retangler, hvor man kan kun én gang klikke inde i dem?

Felterne skal være noget "AKA"

X...X...X...X...X
..X...X...X...X
X...X...X...X...X
..X...X...X...X
X...X...X...X...X
..X...X...X...X

Så er jeg her igen. Prøv at se om ikke du kan bruge det her:

import java.awt.*;
import java.applet.*;
import java.awt.event.*;
import java.util.ArrayList;

public class bilSpil extends Applet implements MouseListener
{
    Image figur;
    Image offScreen;
    Graphics bufferGfx;
    Image baggrund;
    Point mouseDown = null;
    String brugernavn;
    ArrayList rectangles;
    private static final int numberOfRows     = 5;
    private static final int numberInSmall     = 4;
    private static final int recSize         = 20;
    private static final int spaceBetween     = recSize * 2;
 
    public void init()
    { 
        this.setSize(300, 300);
        rectangles = new ArrayList();
       
        for (int i = 0; i < numberOfRows; i++)
        {
              for (int j = 0; j < numberInSmall + ((i % 2) == 0 ? 1 : 0); j++)
              {
                  int recX = spaceBetween + spaceBetween * j + ((i % 2) == 1 ? (spaceBetween / 2) : 0);
                  int recY = spaceBetween + spaceBetween * i;
                 
                  MyRectangle rec = new MyRectangle (recSize, recSize);
                  rec.x = recX;
                  rec.y = recY;
                  rectangles.add(rec);
              }
          }
           
        brugernavn = getParameter("brugernavn");
     
        addMouseListener(this);
        figur = getImage(getCodeBase(),"bil.gif"); // Figur
        baggrund = getImage(getCodeBase(),"test.png");  // Baggrunden
       
        offScreen = createImage (this.getWidth(), this.getHeight());
        bufferGfx = offScreen.getGraphics();
    }
   
    public void start()
    {
        this.validate();
    }

    public void paint(Graphics g)
    {
        bufferGfx.clearRect(0,0,this.getWidth(),this.getHeight());
        bufferGfx.drawImage(baggrund,0,0,this);
        paintRectangles (bufferGfx);
       
        if (mouseDown != null)
        {
            int textWidth = bufferGfx.getFontMetrics().stringWidth(brugernavn);
            int smileyX = mouseDown.x;
            int x = smileyX - (textWidth / 2);
            bufferGfx.setColor (Color.black);
            bufferGfx.drawString(brugernavn, x, mouseDown.y+70);
            bufferGfx.drawImage(figur, mouseDown.x-40, mouseDown.y-15, this);     
        }
         
        g.drawImage(offScreen,0,0,this);
    }
   
    private void paintRectangles(Graphics g)
    {       
        for (int i = 0; i<rectangles.size(); i++)
        {
            MyRectangle rec = (MyRectangle)rectangles.get(i);
            Color col = rec.getIsClicked() ? Color.red : Color.green;
            g.setColor(col);
            g.drawRect(rec.x, rec.y, rec.width, rec.height);
        }
    }
   
    private boolean detectCollision (int x, int y)
    {
        for (int i = 0; i<rectangles.size(); i++)
        {
            MyRectangle rec = (MyRectangle)rectangles.get(i);
            if (x >= rec.x && x <= (rec.x + rec.width) && y >= rec.y && y <= (rec.y + rec.height))
            {
                if (!rec.getIsClicked()) // Hvis man allerede har trykket på den må man ikke igen
                {   
                    rec.setIsClicked(true); // Hvis man rammer, må man ikke igen
                    return true;
                }
            }
        }
               
        return false;
    }   
   
    public void mousePressed(MouseEvent e)
    {
        if (detectCollision(e.getX(), e.getY()))
            mouseDown = new Point((int) e.getX(), (int) e.getY());
        repaint();
    }
      public void mouseCliched(MouseEvent e)
    {
        if (detectCollision (e.getX(), e.getY()))
            mouseDown = new Point((int) e.getX(), (int) e.getY());
        repaint();
    }
     
    public void update (Graphics g)
    {
        paint (g);
    }
 
    public void mouseClicked(MouseEvent e)    {}
    public void mouseReleased(MouseEvent e) {}
    public void mouseEntered(MouseEvent e)    {}
    public void mouseExited(MouseEvent e)    {}
   
    private class MyRectangle extends Rectangle
    {
        private boolean isClicked = false;
       
        public MyRectangle (int width, int height)
        {
            super (width, height);
        }
       
        public void setIsClicked (boolean isClicked)
        {
            this.isClicked = isClicked;
        }
       
        public boolean getIsClicked ()
        {
            return isClicked;
        }
    }
}

Har du nogle spørgsmål til det, så bare spørg...

Hej igen.
Har ændret lidt.

Men man skal jo også kunne flytte sig tilbage.
Den skal kun være rød hvis man selv er på det og hvis man så flytter sig bliver den grøn igen og det nye felt bliver rødt.

Ja, ved godt jeg lyder lidt overdrevet.
Men hvis man nu klikker på en firkant helt ude i venstre side af den så ryger man derhen.

Kan man ikke lave noget sjovt sådan selvom man klikker et sted på firkanten så ryger man i center af firkanten?

Hvad med du selv begyndte at lege med de forskellige muligheder ;) ?

Vil jeg også gøre, men lidt svært når du har låst felterne af, hehe ;)

"Men man skal jo også kunne flytte sig tilbage."

Harmonerer ikke rigtigt med:

"Men kan man lave dem til retangler, hvor man kan kun én gang klikke inde i dem?"


Og jeg forstår faktisk ikke helt, hvad det er du gerne vil?

ja, mente at hvis man stod på det felt man klikkede på så kan man ikke trykke på det samme igen.

Hvis man så klikker på et andet felt bliver det forrige grønt igen.

Ahh okay...

Så prøv at skifte din detectCollision ud med:

private boolean detectCollision (int x, int y)
    {
        boolean collision = false;
        for (int i = 0; i<rectangles.size(); i++)
        {
            MyRectangle rec = (MyRectangle)rectangles.get(i);
            if (x >= rec.x && x <= (rec.x + rec.width) && y >= rec.y && y <= (rec.y + rec.height))
            {
                if (!rec.getIsClicked()) // Hvis man allerede har trykket på den må man ikke igen
                {   
                    rec.setIsClicked(true); // Hvis man rammer, må man ikke igen
                    collision = true;
                }
            }
            else
                rec.setIsClicked(false);
        }
               
        return collision;
    }

Perfekt!