
担当箇所:デザイン・コーディング・レスポンシブ対応
使用ツール:Illustrator・Photoshop・figma・VScode・ChatGPT
制作時間:画面デザイン(約8時間)・ プログラミング(約50 時間)
職業訓練で学んだ、HTML・CSS・JavaScript・PHP を使用した、自主制作ゲームの 2 作目です。
自分が好きだったゲームを参考に制作した、並んでいるキャンディを左右に分けるシンプルなゲームで、隙間時間についやってしまうようなゲームを目指しました。
制限時間内にいくつのキャンディを分けられるかというノーマルモードと、100 個のキャンディを何秒で分けられるかというタイムアタックモードを用意しました。
キャンディは5色の中から毎回 2 色が登場したり、連続で仕分けに成功すると、フィーバーモードに入るなど、楽しくなる要素も入れています。
PHP を使用したランキングも、2 パターン用意しています。
ランキングを競うのに、ボタン連打に対応させる調整が大変でした。判定はうまくいっていると思います。