← Back to Works
dino-game
HTML/CSSJavaScriptCanvas API個人開発
概要
Google Chrome のオフラインゲーム「Chrome Dino Game」を Canvas API と JavaScript で再現した。
制作背景
ZEN StudyのWebアプリケーション開発コースで提供されていた教材をもとに制作。Canvas APIやJavaScriptのアニメーション処理を理解することを目的とした。
開発期間
2023/09/12
使用技術
フロントエンド
- HTML
- JavaScript
- Canvas API
開発ツール・環境
- VSCode
- ブラウザ(Chrome)での動作確認
デプロイ先
- GitHub Pages
制作した感想
Canvas API の基本操作だけでなく、アニメーションや当たり判定の実装方法を体系的に理解できました。