透明な配列を作りたい

Question

java初心者です。
表示される背景画像の上に透明な配列を作りたくて挑戦しています。
いかにソースを貼ります。

import java.awt.*;
import java.awt.event.*;
import javax.swing.ImageIcon;
import javax.swing.*;
import javax.swing.JButton;
import javax.swing.JLabel;
import javax.swing.JFrame;

class YPanel extends Panel {
  //Panel innerPanel3;
  //Panel innerPanel4;
  Color bgcolor;
  static int puyomatrix[][];
  //  static Panel mypanels[][];
  //int i,Y;
  public YPanel() {

    bgcolor = super.getBackground();//親クラスのBackgroundを参照しているらしい
  }
  public void setBounds(int x, int y, int width, int height) {
    super.setBounds(x,y,width,height);
    //  innerPanel3.setBounds(4,height-4,width-8,8);
    //  innerPanel4.setBounds(width-8,4,8,height-8);
  }
  public Color getBackground() {
    return bgcolor;
  }
  public void setBackground(Color color) {
    bgcolor = color;
    super.setBackground(color);//一連の動き確認
  }
}

public class shooting2 {
  static Frame myframe;
  static JLabel mylabel;
  static Panel mypanels[][];
  static int puyomatrix[][];
  static Color colorList[];
  static int score = 0;
  static int puyoX = 3, puyoY = 1;//上の方のブロックのx座標とＹ座標
  //static int puyoX2 = 3, puyoY2 = 2;
  //static int puyoX = 9, puyoY = 2;
  //static int puyoX2 = 9, puyoY2 = 3;
  static int color3 = (int)(Math.random()*3)+2;
  static int color4 = (int)(Math.random()*3)+2;
  static int color1 = 0, color2 = 0;
  static int rotate = 0;
  static boolean lock = false;
  static boolean lock2 = false;

  static JButton[][] Btn;//ボタン


/*  static int puyoX3=9;
  static int puyoY3=2;
  static int puyoX4=9;
  static int puyoY4=3;*/

  public static void main(String args[]) {
    int i,x,y;
    final int puyoSize = 32;

    /*myframe =  new Frame();
    myframe.setLayout(null); // does not use layout manager
    myframe.setSize(400,600); // window size : width = 400, height = 600
    myframe.setVisible(true); // make the window visible
    //myframe.addWindowListener(new MyWindowAdapter());
    */

    JFrame myframe = new JFrame("ウンチシューティングゲーム");
    myframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    myframe.setSize(471, 600);
    myframe.setLocationRelativeTo(null);
    JLabel background = new JLabel(new ImageIcon("./png/3.png"));
    myframe.add(background);
    myframe.setVisible(true);

    /*ImageIcon backicon = new ImageIcon("./png/4.png");
    myframe =  new JFrame(backicon);
    myframe.setLayout(null); // does not use layout manager
    myframe.setSize(471,600); // window size : width = 400, height = 600
    myframe.setVisible(true); // make the window visible
    //myframe.addWindowListener(new MyWindowAdapter());
    */

    ImageIcon labelicon = new ImageIcon("./png/3.png");//背景?
    mylabel =  new JLabel(labelicon);
    mylabel.setLayout(null); // does not use layout manager
    mylabel.setSize(400,600); // window size : width = 400, height = 600
    mylabel.setVisible(true); // make the window visible
    //mylabel.addWindowListener(new MyWindowAdapter());



    ImageIcon buttonicon = new ImageIcon("./png/1.png");//配列上に出る、透明のやつ
    Btn = new JButton[13][6];//真ん中
    for(int j = 0; j < 13; j ++) {
      for(int q = 0; q < 6; q ++) {
        Btn[j][q] = new JButton(buttonicon);
        myframe.add(Btn[j][q]);//myframeにBtnを加える
        Color transparent = new Color(0, 0, 0, 0);
        Btn[j][q].setBackground(transparent);
        Btn[j][q].setBounds(80+(32*q),200+(32*j),32,32);
      }
    }
    mypanels = new Panel[13][6];
    puyomatrix = new int[13][6];
    colorList = new Color[5];
    colorList[0] = Color.gray;
    colorList[1] = Color.white;
    colorList[2] = Color.yellow;
    colorList[3] = Color.red;
    colorList[4] = Color.green;

    for( x = 0; x < 6; x++ ) {
      for( y = 0; y < 13; y++ ) {
        Panel p = new YPanel();
        mypanels[y][x] = p;
        myframe.add(p);
        p.setBounds(80+puyoSize*x,200+puyoSize*y,puyoSize,puyoSize);
        setpuyo(x,y,0); // no puyo is here
      }
    }
    for( x = 0; x < 6; x++ ) {
      setpuyo(x,12,1); // ground is here、 この値を221行目の仮引数に代入
    }

    for( y = 0; y < 12; y++ ) {
      setpuyo(0,y,1); // wall is here
      setpuyo(7,y,1); // wall is here
    }

    boolean firstPlacing = true;
    boolean gameIsOver = false;
    int fallCount = 0;

    while( gameIsOver != true) {
      lock = false;
      sleep(100);//降りてくるのが遅くなる
      lock = true;
      while( lock2 ) { sleep(10); }
      if( firstPlacing ) {
        firstPlacing = false;
        color1 = (int)(Math.random()*3)+2;
        //color2 = (int)(Math.random()*3)+2;
        rotate = 0;
        puyoX = 3; puyoY = 1; // initialPlace

        if( puyomatrix[puyoY][puyoX] == 0//上のぷよの座標が0になる=上に当たってしまった
         ) {//下の‥↑
          setpuyo(puyoX,puyoY,color1);
          //setpuyo(puyoX2,puyoY2,color2);
          //System.out.print("next puyo is here.\n");
        } else {
          // GAME OVER
          //  ImageIcon icon7 = new ImageIcon("./img/7.png");
          setpuyo(puyoX,puyoY,color1);
          //setpuyo(puyoX2,puyoY2,color2);
          System.out.print("batan kyu-\n");
          gameIsOver = true;
          System.exit(0);
        }
      }
      if( fallCount > 5 ) {
        fallCount = 0; // counter reset;
        puyoY++; // fall it for one block
        //puyoY2++;
        if( (rotate == 0 || puyomatrix[puyoY][puyoX] == 0)
    ) {
          setpuyo(puyoX,puyoY-1,0);
          //setpuyo(puyoX2,puyoY2-1,0);
          setpuyo(puyoX,puyoY,color1);
          //setpuyo(puyoX2,puyoY2,color2);
        } else {
          firstPlacing = true;
          // undo falling
          puyoY--;
        //  puyoY2--;
          // fall each puyo
          while(rotate != 0 && puyomatrix[puyoY+1][puyoX] == 0) {
            setpuyo(puyoX,puyoY,0);
            puyoY++;
            setpuyo(puyoX,puyoY,color1);
          }
          /*while(puyomatrix[puyoY2+1][puyoX2] == 0) {
            setpuyo(puyoX2,puyoY2,0);
            puyoY2++;
            setpuyo(puyoX2,puyoY2,color2);
          }
          */
          while(rotate == 0 && puyomatrix[puyoY+1][puyoX] == 0) {
            setpuyo(puyoX,puyoY,0);
            puyoY++;
            setpuyo(puyoX,puyoY,color1);
          }
          // clear connected puyos and falldown other puyos...
          // !!--check here--!!

          // !!--check here--!!
        }
      } else {
        fallCount++;
      }
    }

  }


  static void setpuyo(int x, int y, int color) {
    puyomatrix[y][x] = color;
    mypanels[y][x].setBackground(colorList[color]);
  }
  static int getpuyo(int x, int y) { // why don't you use this!?
  //  System.out.print(puyomatrix[y][x]);
  return puyomatrix[y][x];
}

static void fallPuyos() {
  int fallcount;
  int nx,ny,nr;

  do {
    fallcount = 0;
    int x,y;
    for( y = 10; y > 0; y-- ) {
      for( x = 1; x <= 6; x++ ) {
        if( puyomatrix[y][x] != 0 && puyomatrix[y+1][x] == 0 ) {
          setpuyo(x,y+1,puyomatrix[y][x]); // fall the puyo
          setpuyo(x,y,0); // the last position should be empty
          fallcount++; // count-up fallout counter
        }
      }
    }
  } while( fallcount != 0 );

}


static void sleep(long msec) {
  try{
    Thread.sleep(msec);//指定した時間の長さにわたって現在のスレッドを中断
  }catch(InterruptedException ie) {
  }
}
}

実行していただくとわかるのですが、配列のところがグレーでおおわれてしまいます。96行目の
ImageIcon buttonicon = new ImageIcon("./png/1.png");のところを
ImageIcon buttonicon = new ImageIcon("./png/5.png");に変えていただいて、少しウィンドウのサイズを大きくしてもらってから先ほどグレーとなっていたところをなぞっていただくと、配列が浮き出てくるという現象が起きてしまいます。浮き出てしまうのも止めたいのですが、自分の中では、背景の上にある透明な配列の上をブロックが落ちてくるはずなのですが、できません。

長くなってすみません。
僕が質問させていただきたいのは、
①　なぜ配列がグレーになってしまうのか。（言い忘れていました。1.pngは透過させてある画像を用いていて、それを配列の上に置けば背景が配列を透けると考えました。まず根本からおかしいのでしょうか？）
②　なぞると、なぜ配列が浮かんできてしまうのか。

実行すると、

Exception in thread "main" java.lang.ArrayIndexOutOfBoundsException: 7
	at shooting2.setpuyo(shooting2.java:211)
	at shooting2.main(shooting2.java:131)

というエラーが同時に表示されます。長くすみません。解決案が一つでもおわかりでしたらお助け願います。よろしくお願いします。

Comments

[jimbe]

言葉の使われ方がプログラミング的に間違っています.
コード上に xxx[] と書いた"配列"は, "透明" になったり"グレー"になったりするような, 画面に表示するモノではありません. しいて言うなら画面に表示するモノも入れておける"入れ物"です.

[jimbe]

「実行していただくとわかるのですが」と言われましても, 作者さんの開発環境以外では ./png/1.png や ./png/5.png 等は無いことはご理解頂けるでしょうか.

[rink]

確かにそうですよね…。
ありがとうございます。。

[jimbe]

苦言だけではなんなので.
for( y = 0; y < 12; y++ ) {
setpuyo(0,y,1); // wall is here
setpuyo(7,y,1); // wall is here
}
という箇所がありますが, この setpuyo メソッドは
static void setpuyo(int x, int y, int color) {
puyomatrix[y][x] = color;
mypanels[y][x].setBackground(colorList[color]);
}
となっており, 二つの二次元配列は
mypanels = new Panel[13][6];
puyomatrix = new int[13][6];
です.
setpuyo(7,y,1); とした場合, 配列の範囲を超えています. それが
Exception in thread "main" java.lang.ArrayIndexOutOfBoundsException: 7
というエラーです. '7' という配列インデックスは範囲を越えているという意味です.
コードのどの位置でエラーなのかも続けて表示されています.

[jimbe]

実行できないので実際に確認できませんが, Java の GUI において swing と AWT のオブジェクトを混ぜるのは(Color等を除き)基本禁止です. 混ぜると表示が乱れます. このコードでは Panel が AWT なので, 対応する swing の JPanel に置き換えてください. 使われていませんが宣言されている myframe も, 将来使われるつもりでしたら, Frame ではなく JFrame に置き換えておいたほうが良いかもしれません.

[jimbe]

見直しましたら, static Frame myframe; と宣言されているのは, main 内で JFrame myframe として使用されているんですね. これは宣言自体削除でしょうか.

[rink]

ご丁寧にありがとうございます！！！
そうなんですね、swingとawtのオブジェクトは混ぜてはいけないのですね。お勉強になります。。
置き換えて実行してみたらうまく動くようになりました！！やる気も出てきました、頑張ります！
ありがとうございました！！！

[jimbe]

まだ作成途中ですがとりあえずおめでとうございます.
追記修正依頼で終わってしまうと解決済みに出来ないと思いますので, 修正したコードを載せた回答を書いて頂いて, それで解決済みにして頂いてよいでしょうか?

[jimbe]

あ、私が上の記事をコピペしちゃえば良いんですね。

Answer 1

for( y = 0; y < 12; y++ ) {
  setpuyo(0,y,1); // wall is here
  setpuyo(7,y,1); // wall is here
}

という箇所がありますが, この setpuyo メソッドは

static void setpuyo(int x, int y, int color) {
  puyomatrix[y][x] = color;
  mypanels[y][x].setBackground(colorList[color]);
}

となっており, 二つの二次元配列は

mypanels = new Panel[13][6];
puyomatrix = new int[13][6];

です.
setpuyo(7,y,1); とした場合, 配列の範囲を超えています.
それが

Exception in thread "main" java.lang.ArrayIndexOutOfBoundsException: 7

というエラーです.
'7' という配列インデックスは範囲を越えているという意味です.
コードのどの位置でエラーなのかも続けて表示されています.

Java の GUI において swing と AWT のオブジェクトを混ぜるのは(Color等を除き)基本禁止です. 混ぜると表示が乱れます.
このコードでは Panel が AWT なので, 対応する swing の JPanel に置き換えてください.

Comments

[rink]

ご丁寧にありがとうございます！