回答編集履歴
1
コピペミス。全面書き直し。
test
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
createCanvas(640, 480);
|
|
20
20
|
|
|
21
|
-
photo = loadImage("https://i1.wp.com/dognoie.com/blog/sagamihara/wp-content/uploads/sites/34/2017/06/IMG_6411-640x480.jpg"); //背景
|
|
21
|
+
photo = loadImage("https://i1.wp.com/dognoie.com/blog/sagamihara/wp-content/uploads/sites/34/2017/06/IMG_6411-640x480.jpg"); //背景 //変更//
|
|
22
22
|
|
|
23
23
|
frameRate(100); //速さ10
|
|
24
24
|
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
ugoki++; //3→4(上のifで3までの条件指定のため動か////
|
|
99
|
+
ugoki++; //3→4(上のifで3までの条件指定のため動か//連結//ない)
|
|
100
100
|
|
|
101
101
|
}
|
|
102
102
|
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
////
|
|
107
|
+
//独立//
|
|
108
108
|
|
|
109
109
|
function mouseClicked() { //クリックで呼び出される★
|
|
110
110
|
|
|
@@ -122,4 +122,72 @@
|
|
|
122
122
|
|
|
123
123
|
```
|
|
124
124
|
|
|
125
|
+
3箇所いじっています。
|
|
126
|
+
|
|
125
|
-
私の環境で動かすために画像ファイル名を変えた(Googleで'犬 640x480'で画像検索して最初にヒットしたもの
|
|
127
|
+
・私の環境で動かすために画像ファイル名を変えた(Googleで'犬 640x480'で画像検索して最初にヒットしたもの)
|
|
128
|
+
|
|
129
|
+
・既に指摘があったmouseClickedを独立
|
|
130
|
+
|
|
131
|
+
・後半のコメント
|
|
132
|
+
|
|
133
|
+
> //3→4(上のifで3までの条件指定のため動か
|
|
134
|
+
|
|
135
|
+
> ない)
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
が途中で改行になっていたのを一体化
|
|
140
|
+
|
|
141
|
+
で動いている様子。(完全にあなたの意図通りかはわかりませんが)
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
途中で問題があってもエラーメッセージとか全然出ないのかなぁ。
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
さて。話が前に戻りますけれど、
|
|
152
|
+
|
|
153
|
+
> mouseClickedで機能させるには
|
|
154
|
+
|
|
155
|
+
> <略>
|
|
156
|
+
|
|
157
|
+
> と理解しています。
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
う～ん、「理解」出来てますか? 理解できているのなら、クリック毎に変化の速度が変わるとか、三角形が赤->青->緑と色が変わるようにしてみる、とか出来ます?
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
プログラムが始まったら、適切に変数を配置し、必要なら初期化します。
|
|
166
|
+
|
|
167
|
+
このプログラムにおいて
|
|
168
|
+
|
|
169
|
+
> ①function setupの上でtrueかfalse指定
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
それも一つの方法ですが、例えば最初の変数をいくつか宣言しているところにclickedも加えて、setup関数の中で最初にそうであって欲しい値を設定してもかまいません。プログラム全体としての値を保持できるように宣言して、draw()の中で最初に値を参照するまでに適切な値が設定されていればOKです。
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
mouseClicked()は、(ちゃんと宣言すれば)とにかくマウスがクリックされたら呼び出されます。そこで、必要に応じて変数を変化させます。
|
|
178
|
+
|
|
179
|
+
> ③function mouseClickedで呼び出した後の処理if (clicked)のあとに書く
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
mouseClicedの中でif(clicked)としているのは、つまりマウスがクリックされたらclicked変数の値を反転させたいからです。それまでtrueだったらfalse,falseだったらtrueに変えたい...「たら」という言葉が出てきましたからif文の出番。
|
|
184
|
+
|
|
185
|
+
> ②ifで指定したものをfunction setupの中で呼びだして、｛｝の中にクリック後に行いたい処理(今回はy--等)
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
if文がなにかを「指定」することはありません。プログラムに「岐れ路」を提供するだけ。また、setup関数は全体の起動時に1度だけ呼び出されるものですから、あとの方にあるif文がsetupの動作に影響することはありません。
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
もうちょっと知識の整理が必要に思います。
|