「p5.js」というJavaScriptライブラリが最近気になっていたので、勉強も兼ねてちょっと遊んでみました。 そもそも「canvas」を利用した描画処理を簡単にプログラミングできるのが「p5.js」の特徴ですが、機能を拡張するライブラリがとても優秀で、ゲーム、音楽、Webアプリ、IoT…など、幅広いジャンルの開発ができるところに魅力を感じています。 そこで今回は、ゲーム用の拡張ライブリ「p5.play」を使って、シンプルな「ブロック崩し」を作ってみたいと思います! 用意するもの! ゲームを作るのに必要なファイルは、「HTMLファイル」と「JavaScriptファイル」です。 HTMLファイルは、単純に「p5.js」関連のファイルを読み込んで、今回作る「ブロック崩し」のゲームファイル「app.js」を明記するだけでOK。 <!-- index.html --> <!doctype htm
![p5.jsで作るゲーム開発超入門!100行以内で「ブロック崩し」に挑戦してみる! : うえぶはっく](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f2c2a807dfb373b2f043da4089847a80f5f3bf3/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fhackforweb%2Fimgs%2Fa%2F5%2Fa5c96860.jpg)