2次元配列とList、マウス操作

Question

課題で困ってしまったので初めて質問を失礼します。不慣れなのでもしもなにか失礼なことがありましたら申し訳ないです。

前提・実現したいこと

Processingで、2次元配列に整数を配置し、そこに画像を格納し、それをマウスで移動してクリックとドラッグで入れ替えるというものを作っています。

発生している問題

2次元配列に画像を格納してランダム配置まではできたのですが、マウス操作のところでどうしたら良いか分からなくなりました。
ただ図形を移動するだけとかなら出来るのですが、配列に入れたものを隣の配列と交換となるとよく分かりません。

参考になるコートがあったので、自分のものに当てはめてみようとしたのですが、エラーが沢山出て(対応してない部分が多いので当たり前かもしれない)、進め方がわからなくなりました。

PImage[] img=new PImage[6];
boolean f;
int[][] picIdx;
PImage[] pic;
int stick;
int xx, yy;
int dx;
int dy;
int [][] array;
void setup(){
 
 size(800,1000);
 
 
img[0]=loadImage("heart.jpg");
img[1]=loadImage("triangle.jpg");
img[2]=loadImage("clober.jpg");
img[3]=loadImage("dia.jpg");
img[4]=loadImage("spead.jpg");
img[5]=loadImage("moon.jpg");
f = false;
array  = new int[5][6];
}

void draw(){
 
 
  if( ! f ) {
  for( int i =0; i<5; i++){
    for( int j = 0; j<6; j++){
      array[i][j] = (int)random(0,5);
      while( j > 0 && array[ i ][ j ] == array[ i ][ j - 1 ] )
        array[i][j] = (int)random(0,5);
      while( i > 0 && array[ i ][ j ] == array[ i - 1 ][ j ] )
        array[i][j] = (int)random(0,5);
    }
    
  }
   f = ( frameCount >= 1 );
  }

 if (stick!=0) {
 image(pic[stick], mouseX-dx, mouseY-dy);
 }
}

void mousePressed() {
 int x=mouseX/W;
 int y=mouseY/H;
 dx=mouseX%W;
 dy=mouseY%H;
 if (stick==0) {
 xx=x;
 yy=y;
 stick=picIdx[y][x];
 picIdx[y][x]=0;
 } else {
 picIdx[yy][xx]=picIdx[y][x];
 picIdx[y][x]=stick;
 stick=0;
 }
}

image(img[array[0][0]], width/2-304,height/2-100,100,100);
image(img[array[0][1]], width/2-204,height/2-100,100,100);
image(img[array[0][2]], width/2-104,height/2-100,100,100);
image(img[array[0][3]], width/2-4,height/2-100,100,100);
image(img[array[0][4]], width/2+96,height/2-100,100,100);
image(img[array[0][5]], width/2+196,height/2-100,100,100);


image(img[array[1][0]], width/2-304,height/2,100,100);
image(img[array[1][1]], width/2-204,height/2,100,100);
image(img[array[1][2]], width/2-104,height/2,100,100);
image(img[array[1][3]], width/2-4,height/2,100,100);
image(img[array[1][4]], width/2+96,height/2,100,100);
image(img[array[1][5]], width/2+196,height/2,100,100);


image(img[array[2][0]], width/2-304,height/2+100,100,100);
image(img[array[2][1]], width/2-204,height/2+100,100,100);
image(img[array[2][2]], width/2-104,height/2+100,100,100);
image(img[array[2][3]], width/2-4,height/2+100,100,100);
image(img[array[2][4]], width/2+96,height/2+100,100,100);
image(img[array[2][5]], width/2+196,height/2+100,100,100);


image(img[array[3][0]], width/2-304,height/2+200,100,100);
image(img[array[3][1]], width/2-204,height/2+200,100,100);
image(img[array[3][2]], width/2-104,height/2+200,100,100);
image(img[array[3][3]], width/2-4,height/2+200,100,100);
image(img[array[3][4]], width/2+96,height/2+200,100,100);
image(img[array[3][5]], width/2+196,height/2+200,100,100);


image(img[array[4][0]], width/2-304,height/2+300,100,100);
image(img[array[4][1]], width/2-204,height/2+300,100,100);
image(img[array[4][2]], width/2-104,height/2+300,100,100);
image(img[array[4][3]], width/2-4,height/2+300,100,100);
image(img[array[4][4]], width/2+96,height/2+300,100,100);
image(img[array[4][5]], width/2+196,height/2+300,100,100);
}

エラー

対応してない部分が多いのでエラーが多発しております。
(サイズの差、座標位置etc)

参考にしたコード

int[][] picIdx;
PImage[] pic;
int stick;
final int W=64;
final int H=64;
int xx, yy;
int dx;
int dy;

void setup() {
 size(384, 320);
 pic=new PImage[5];
 pic[0]=get(0, 0, 64, 64);
 PImage img=loadImage("https://photoshopvip.net/wp-content/uploads/2014/06/BALLICONS.jpg");
 for (int i=1; i<5; i++) {
 pic[i]=img.get(12+77*1, 15+77*i, 64, 64);
 }
 picIdx=new int[5][6];
 for (int i=0; i<5; i++) {
 for (int j=0; j<6; j++) {
 picIdx[i][j]=int(random(4)+1);
 }
 }
}

void draw() {
 for (int i=0; i<5; i++) {
 for (int j=0; j<6; j++) {
 image(pic[picIdx[i][j]], j*64, i*64);
 }
 }
 if (stick!=0) {
 image(pic[stick], mouseX-dx, mouseY-dy);
 }
}

void mousePressed() {
 int x=mouseX/W;
 int y=mouseY/H;
 dx=mouseX%W;
 dy=mouseY%H;
 if (stick==0) {
 xx=x;
 yy=y;
 stick=picIdx[y][x];
 picIdx[y][x]=0;
 } else {
 picIdx[yy][xx]=picIdx[y][x];
 picIdx[y][x]=stick;
 stick=0;
 }
}

補足

エラーが沢山出ているのは対応してない部分が多いので当たり前だろ！と思うかもしれませんが、進まないまま日にちばかり経ってしまったので、手助けをよろしくお願いいたします。

Comments

[dodox86]

コードはマークダウン記法を用いて読みやすくするようにしてください。他の質問を見ると分かると思いますが、読みやすさが断然違います。反対に使わないと、インデントも崩れ、読みづらくなり、それだけで回答は離れがちになります。
https://teratail.com/help/question-tips#questionTips3-5-1
https://teratail.com/questions/238564
あたりを参考にしてソースコードを適切に表示するようにしましょう。

また、
> どういう処理をするかは何となく理解しているのですが、

どういう処理をするか、質問者さんの頭の中でイメージできていますか？　二次元配列または二次元配列をイメージしたList内の要素を交換できるコードが書ければ、目的のプログラムを完成できるのでしょうか。(※正直、dist()で距離を求めて次にどうするのだろう？という疑問が私にはありますが。斜め方向の距離を求めても、上下左右斜め位置に存在する別の矩形の画像位置を判別しにくくないですか？）

[thkana]

某知恵袋で最近ちらほら見かける課題ですね。
最終的に何を作りたいのかを見失うと、そうやってクラスだリストだと脇道に入りこんじゃいますよ。
なんだか人によって「落ちもの」だったり、「落ちてこなくて消えてそこに新しいのが出てくる」だったり言うことが違うのですが(もしかしたら出題側が他人のを写すのを防止するためにグループ単位で課題を変えているのかかも知れません)、あなたが作ろうとしている「ゲーム」はどんなものですか?

まず、「どういう動作をする」というのを決めないままプログラムをごちゃごちゃいじくっても多分何も出来ません。プログラムを書く前に、「こういう道筋で動くプログラム」を日本語で考えましょう。

[thkana]

(修正。コード自体は質問にあるので...)

ちなみに、「参考にしたコード」は、私が書いたやつだから。

[thkana]

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14234306104
https://teratail.com/help#posted-otherservice をみて、適切に処理して下さいね。