【自主制作】#2 Save The Teeth (歯を守ろう)

OVERVIEW

歯磨き嫌いの子ども達が、ばい菌を退治する感覚で楽しく歯磨きができるゲームです。 オブジェクト指向を取り入れてコードを書きました。

**使用言語 

 html /css/ JavaScript/php


**ゲーム説明

 アイテムを選択して敵と戦うゲームです。

 「はみがき」「フロス」は敵への攻撃、「ゆすぐ」は敵からの逃走が可能です。

 敵へ攻撃を行った際は、同じように敵からも攻撃を受けます。

 プレーヤーのHPが0になった時点でゲーム終了です。


**工夫ポイント

 ・攻撃の強さをランダムに設定

 ・リアルタイムにHPが減っていくよう設定

 ・倒した敵の数がわかるよう設定

 ・ゲーム開始から終了までの履歴が終えるよう記述を記載

  (Jqueryを使い自動スクロールするよう調整)

 ・ストーリ仕立てにし、歯磨きの大切さを伝えられるゲームに


**今後実装したい箇所

 ・敵が攻撃を受けた際に、動きのあるようなイラストを入れて躍動感を出す

 ・過去の成績が残るようにする


**制作時間

  約10時間(Sketchを使い、まず画面イメージを作成しコードを記述)


**気づき、学び

 これまでは紙ベースで何なくをイメージし画面作成に取り掛かっていましたが、今回はSketchを使ってまず全てのページのレイアウト、色、記述内容を完成させた後に、コード記述に取り掛かりました。微調整を行う箇所があったものの、これまでよりも非常に効率的に作成を行うことができました。細部まで内容を決めた状態で取り組む大切さを改めて感じました。