【p5.js】20分で弾幕シューティングを作る - Qiita

はじめに 「p5.js、大体わかってきた！」という方が、めちゃくちゃ手軽に弾幕シューティングを作るための手引きです。 とてもシンプルですが、弾幕シューティングを作るためのいくつかのエッセンスを詰めたつもりです。 それでは、行ってみましょう。 1. やりたいこと ↓ こんなのを作りたい！ また、今回はp5.jsを使う際の煩わしい設定をすべて吹き飛ばすため、オンラインでp5.jsの実行ができる p5.js Web Editor を使います。 全体の動作は私のp5.js WebEditor上のスケッチで確認できます。 インスタンスモードを使う硬派な方は適宜読み替えてください。 2. 全体の流れ ↓ 以下のコードをp5.js Web Editor にさっくりとコピペしてください。 /* 全ての弾を持っておく配列 x,y - 弾の位置 angle - 弾の進む角度 (ラジアン) speed - 弾の