このプロジェクトでは、Vue3
を利用してPong
の作成を行う。
以下の内容の理解度を深める。(優先度順とする)
Vue3
Vueのライフサイクル
CompositionAPI
Webpack
Git
(Github
)Node.js
Vue.js(ver3)
TypeScript
SCSS
- レイアウトデザインを作成する
- スタート画面から特定のボタン入力でゲームを開始させる
- 矢印キーもしくはボタンの入力で
Board
を移動させることができる - 移動可能な図形
Board
,Pong
を描画する Pong
を放物線を描いた移動を可能とするBoard
に触れた回数分ポイントの計上を行うBoard
を通過してしまった場合の負け判定を行う
- タイマー機能
Pong
の移動速度の変更機能Board
にアイテムを付与する機能