エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【11日目】p5.js動き回る図形をつぶすゲームを作成[Monaca] - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【11日目】p5.js動き回る図形をつぶすゲームを作成[Monaca] - Qiita
今回はp5.jsを使用して簡単なゲームを作ります。開発環境にはMonacaを使用します。 簡単なゲームの概要... 今回はp5.jsを使用して簡単なゲームを作ります。開発環境にはMonacaを使用します。 簡単なゲームの概要としては、画面をランダムに動く〇(丸)をマウス(またはタッチパネル)でクリックしてポイントを稼いでいくゲームです。加点の〇と減点の〇もそれぞれ作ります。 完成したプログラムはページの最後に張り付けておきます。 まずはプログラムの説明から入ります。 図形の作成 図形は今回ellipseを使用し、その丸の複製でクラスを使用します。今回は5つに増やしていきます。また、図形はポイントアップ用とポイントダウン用の2種類を作成します。 let c1 = []; //配列に let c2 = []; class Circle { constructor(x, y, mx, my, s) { this.x1 = x; this.y1 = y; this.mx1 = mx; this.my1 = my