TypingGame

学校の JavaScript 授業で二人で作った簡単なゲーム

DEMO

1. 製作期間 ＆ 参加人数

• 2022 年 5 月 22 日 ~ 5 月 29 日（1 週間）
• 参加人数：２人

2. 使った技術

Front-End

• HTML5
• CSS3
• JavaScript
• BootStrap

協業ツール

コミュニケーションツールはSlackとkakaoTalkを使い、効率的に働く環境でプロジェクトをすんなりと進めることができました。

3. 開発した理由

• 学校の授業で発表をすることになったから。
• 日本語だけではなく、言語を選べる機能を作りたかったから。

4. コア機能

• 日本語と英語の OPEN API で単語数を増やすことができました。
• JavaScript の Canvas を使って落ちてくる単語を実装しました。
• タイマー機能

コードで見るコア機能

4.1. 単語数

• OPEN API からのデータ 📌 コード確認

4.2. Canvas

• Canvas で単語を表示 📌 コード確認

4.3. タイマー

• ゲーム終了までのタイマー 📌 コード確認

5. 成果 & 感じたこと

• フレームワークを使わずに JavaScript だけでゲームを作れました。
• JavaScript の Canvas について興味を持つことができました。
• タイマーと点数がある簡単なゲームを作ることで、プログラミングが楽しくなりました。