回答編集履歴
2
サンプルコードの誤りを訂正、記述順序の変更
test
CHANGED
|
@@ -72,7 +72,37 @@
|
|
|
72
72
|
|
|
73
73
|
# 説明
|
|
74
74
|
|
|
75
|
+
ご質問にあった、
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
>これだと1枚目、2枚目と増えていくうち画像が全て同じ画像で表示されてしまい、5枚目になると全て5枚同じ絵柄になってしまいます。5枚とも違う画像を表示するにはどうしたらいいでしょうか
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
に関する変更は、draw() メソッド内の
|
|
84
|
+
|
|
85
|
+
```Processing
|
|
86
|
+
|
|
87
|
+
image(IMAGES[s%6], i*120+65, 180);
|
|
88
|
+
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
を
|
|
92
|
+
|
|
93
|
+
```Processing
|
|
94
|
+
|
|
95
|
+
image(IMAGES[i], i*120+65, 180);
|
|
96
|
+
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
に変更したことです。
|
|
100
|
+
|
|
101
|
+
同じ画像になったのは、配列の添え字として、ループ中に変化しない値を指定していたからであると思います。
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
75
|
-
変更点は、ご質問のコードをProcessing の実行環境に読ませたときにはエラーがでた部分の修正（} の補完など）
|
|
105
|
+
その他の変更点は、ご質問のコードをProcessing の実行環境に読ませたときにはエラーがでた部分の修正（} の補完など）
|
|
76
106
|
|
|
77
107
|
次に、テスト実行に際しては、プログラムの記述にあわせ、
|
|
78
108
|
|
|
@@ -85,33 +115,3 @@
|
|
|
85
115
|
0.png,1.png,2.png,3.png,4.png
|
|
86
116
|
|
|
87
117
|
変更しています。
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
ご質問にあった、
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
>これだと1枚目、2枚目と増えていくうち画像が全て同じ画像で表示されてしまい、5枚目になると全て5枚同じ絵柄になってしまいます。5枚とも違う画像を表示するにはどうしたらいいでしょうか
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
に関する変更は、draw() メソッド内の
|
|
100
|
-
|
|
101
|
-
```Processing
|
|
102
|
-
|
|
103
|
-
image(IMAGES[i], i*120+65, 180);
|
|
104
|
-
|
|
105
|
-
```
|
|
106
|
-
|
|
107
|
-
を
|
|
108
|
-
|
|
109
|
-
```Processing
|
|
110
|
-
|
|
111
|
-
image(IMAGES[s%6], i*120+65, 180);
|
|
112
|
-
|
|
113
|
-
```
|
|
114
|
-
|
|
115
|
-
に変更したことです。
|
|
116
|
-
|
|
117
|
-
同じ画像になったのは、配列の添え字として、ループ中に変化しない値を指定していたからであると思います。
|
1
ソースコードの不要な記述を削除
test
CHANGED
|
@@ -35,8 +35,6 @@
|
|
|
35
35
|
IMAGES[i] = loadImage(i+".png");
|
|
36
36
|
|
|
37
37
|
}
|
|
38
|
-
|
|
39
|
-
frameRate(1.0);
|
|
40
38
|
|
|
41
39
|
size(1024,768); // 画像が5 つ収まるサイズを設定してください
|
|
42
40
|
|