福野泰介の一日一創

一日一創のノミネートと最優秀賞を選びました。10の部門を定めて、ノミネートし最優秀賞を発表する、プログラミー賞形式。一日一創で作りそうなソフトウェアやハードウェアの作品を関西作品から選出！

IchigoJamプリント「FLOPPY BIRD」を元に改造してくれたIchigoJamに作品「ぐるぐる探検」も選出。なにかのゲームの改造からはじめましょう！

最優秀賞は、マリオっぽいゲームが作りたくて作ったという、13才による作品、ハンバーガーがテーマのアクションゲーム、BurgerWars。きちんとの機能別にクラスに分けられ、演出用のカウンタ、音が多重化処理など、友達も協力可能なマップのデータ構造などもよくできているJavaScriptによる作品。

requestAnimationFrameは、最近のMacBookProやゲーミングモニターなど高フレームレート環境の場合、1/60秒ではなくなるので注意。setInterval(f, 1000 / 60)に改造して遊びました。

昔とは様変わりしているJavaScript、変数に var が使われているもの、scriptタグに type="module" がないものは古いので注意です。機能別にファイルを分割する場合、scriptタグではなく、import / exportを使って、モジュール毎に名前空間を区切るのが、バグ発生可能性を減らし、開発効率をアップするコツです。

「ドット絵SVGメーカー　- dotsvgmaker」src on GitHub
JavaScriptで作ったツールの例。JavaScriptとCSSを含む171行のHTMLでできたドット絵から拡大縮小しても荒くならないベクトル画像形式、SVGファイルを生成するツールです。ブラウザ内で画像としても使えますし、イラレなどでも読み込んで使うこともできます。レーザーカッター用の元データにするのもありかも？

ひとまず単色ドット絵のみ対応ですが、いろいろと改造してご活用ください！

次回のPCNこどもプロコンに向けて、毎日何かを創りましょう！
ジャムセッションのように、その場の乗りでプログラミングできる「IchigoJam」で友達と「プログラミング大喜利」対戦とかもオススメです！

links
- PCN関西
- PCNこどもプロコン2023 関西ブロック表彰会 - YouTube