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