編集履歴

質問編集履歴

2020/11/11 10:26

投稿

reee__hpp

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -113,8 +113,10 @@
 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)
@@ -173,7 +175,9 @@
  picIdx[y][x]=stick;
  stick=0;
  }
-```}
+}
+```
 ### 補足
 エラーが沢山出ているのは対応してない部分が多いので当たり前だろ！と思うかもしれませんが、進まないまま日にちばかり経ってしまったので、手助けをよろしくお願いいたします。

2020/11/11 10:26

投稿

reee__hpp

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -11,8 +11,8 @@
 参考になるコートがあったので、自分のものに当てはめてみようとしたのですが、エラーが沢山出て(対応してない部分が多いので当たり前かもしれない)、進め方がわからなくなりました。
 ```Processing
-コード
-```PImage[] img=new PImage[6];
+PImage[] img=new PImage[6];
 boolean f;
 int[][] picIdx;
 PImage[] pic;
@@ -113,7 +113,7 @@
 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);
-}
+```}
 ### エラー
 対応してない部分が多いのでエラーが多発しております。
@@ -121,6 +121,7 @@
 ### 参考にしたコード
+```
 int[][] picIdx;
 PImage[] pic;
 int stick;
@@ -172,7 +173,7 @@
  picIdx[y][x]=stick;
  stick=0;
  }
-}
+```}
 ### 補足
 エラーが沢山出ているのは対応してない部分が多いので当たり前だろ！と思うかもしれませんが、進まないまま日にちばかり経ってしまったので、手助けをよろしくお願いいたします。

2020/11/11 10:25

投稿

reee__hpp

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -10,7 +10,9 @@
 参考になるコートがあったので、自分のものに当てはめてみようとしたのですが、エラーが沢山出て(対応してない部分が多いので当たり前かもしれない)、進め方がわからなくなりました。
+```Processing
+コード
-PImage[] img=new PImage[6];
+```PImage[] img=new PImage[6];
 boolean f;
 int[][] picIdx;
 PImage[] pic;

2020/11/11 10:24

投稿

reee__hpp

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -15,8 +15,6 @@
 int[][] picIdx;
 PImage[] pic;
 int stick;
-final int W=64;
-final int H=64;
 int xx, yy;
 int dx;
 int dy;
@@ -25,14 +23,7 @@
  size(800,1000);
- int k;
-  for(k=0; k < height; k++){
-    stroke(k,160,180);
-    line(0, k, width,k);
-  }
 img[0]=loadImage("heart.jpg");
 img[1]=loadImage("triangle.jpg");
 img[2]=loadImage("clober.jpg");
@@ -59,12 +50,7 @@
   }
    f = ( frameCount >= 1 );
   }
- 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);
  }
@@ -127,6 +113,10 @@
 image(img[array[4][5]], width/2+196,height/2+300,100,100);
 }
+### エラー
+対応してない部分が多いのでエラーが多発しております。
+(サイズの差、座標位置etc)
 ### 参考にしたコード
 int[][] picIdx;
@@ -180,4 +170,7 @@
  picIdx[y][x]=stick;
  stick=0;
  }
-}
+}
+### 補足
+エラーが沢山出ているのは対応してない部分が多いので当たり前だろ！と思うかもしれませんが、進まないまま日にちばかり経ってしまったので、手助けをよろしくお願いいたします。

2020/11/11 10:23

投稿

reee__hpp

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -8,19 +8,31 @@
 2次元配列に画像を格納してランダム配置まではできたのですが、マウス操作のところでどうしたら良いか分からなくなりました。
 ただ図形を移動するだけとかなら出来るのですが、配列に入れたものを隣の配列と交換となるとよく分かりません。
-先生に聞いたところ、｢Classをつくって、Listで、画像を入れた配列を作り、dist関数で、距離が近い座標の画像と入れ替えられるようにしたらいいよ｣と言われました。
+参考になるコートがあったので、自分のものに当てはめてみようとしたのですが、エラーが沢山出て(対応してない部分が多いので当たり前かもしれない)、進め方がわからなくなりました。
-しかし2次元配列をどうListに入れれば良いかも、その先のことも調べてもなかなか上手く行きません。
 PImage[] img=new PImage[6];
 boolean f;
+int[][] picIdx;
+PImage[] pic;
+int stick;
+final int W=64;
+final int H=64;
+int xx, yy;
+int dx;
+int dy;
 int [][] array;
 void setup(){
  size(800,1000);
+ int k;
+  for(k=0; k < height; k++){
+    stroke(k,160,180);
+    line(0, k, width,k);
+  }
 img[0]=loadImage("heart.jpg");
 img[1]=loadImage("triangle.jpg");
 img[2]=loadImage("clober.jpg");
@@ -43,11 +55,38 @@
       while( i > 0 && array[ i ][ j ] == array[ i - 1 ][ j ] )
         array[i][j] = (int)random(0,5);
     }
   }
    f = ( frameCount >= 1 );
   }
+ 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;
+ }
+}
 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);
@@ -86,27 +125,59 @@
 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);
 }
-### 試したこと
+### 参考にしたコード
+int[][] picIdx;
+PImage[] pic;
+int stick;
-2次元配列のList化について
+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++) {
-ArrayList<Integer> a = new ArrayList<Integer>();
+ 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);
+ }
+ }
-を利用して、addで画像を追加？
+ if (stick!=0) {
+ image(pic[stick], mouseX-dx, mouseY-dy);
+ }
+}
-distに関して
-  rect( x, y, 50, 50 );
+void mousePressed() {
-  if( mousePressed && dist( x, y, mouseX, mouseY ) < 50 ) {
-    x = mouseX; y = mouseY;
+ 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;
-  }
+ }
-の応用？？
+}
-(昔課題の例題にあった四角形を移動させる先生のサンプルコードです。)
-どういう処理をするかは何となく理解しているのですが、調べても配列の中身をマウスで動かすというのが見当たらずどう書いていいか(書き出しも)分からなくなってしまい進まないまま日にちばかり経ってしまったので質問させて頂きました。
-よろしくお願いいたします。