← Back to Works

dino-game

HTML/CSSJavaScriptCanvas API個人開発
dino-game screenshot 1
dino-game screenshot 2
dino-game screenshot 3

概要

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 の基本操作だけでなく、アニメーションや当たり判定の実装方法を体系的に理解できました。