【自主制作】キャッチゲーム


担当箇所:デザイン・コーディング・レスポンシブ対応

使用ツール:Illustrator・Photoshop・figma・VScode・ChatGPT

制作時間:画面デザイン(約4時間)・ プログラミング(約40 時間)


職業訓練で学んだ、HTML・CSS・JavaScript・PHP を使用して、キャッチゲームを制作しました。
まずプログラミング部分を ChatGPT を使用しながら制作。同時にfigmaでダミー画像を制作し、大まかにゲームを完成させました。その後自宅で画像素材を作成し、差し替え、調整しながら完成させました。
ゲームのプログラム部分は JavaScript を使用し、ランキング部分は PHP を使用し、スコアデータなどをサーバーに保存しています。
ドーナツの落下速度がユーザーの回線速度にかなり左右されてしまうため、難易度調整が難しかったです。