回答編集履歴
1
追記
test
CHANGED
|
@@ -23,3 +23,17 @@
|
|
|
23
23
|
ご質問のコード内で抽象化している **Shape** に衝突判定メソッドを実装すると大量の判定も楽できるかもしれません。
|
|
24
24
|
|
|
25
25
|
また、アニメーション表現の応用として **Canvas API** でシューティングゲームを作るテーマの [過去の質問＆回答](https://teratail.com/questions/232500) もヒントになるかと思います。
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
追記）
|
|
32
|
+
|
|
33
|
+
現在、Canvas の下辺に到達したら停止するコードになっていますが、
|
|
34
|
+
|
|
35
|
+
更に、他の**Shape** との衝突を判定して停止させる必要があります。
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
Codepen [動くサンプル](https://codepen.io/AkitoshiManabe/pen/PoPrZQy?editors=1000)
|