資策會 108年度 AI0101 全端工程師養成班 學號03 劉宏展
小專題1 魔王勇者來追我吧
功能說明:
鍵盤:
上下左右控制玩家
ESC 暫停
Enter 暫停後回復
Space 遊戲開始 以及判斷勝負後重新開始
滑鼠: 點選右下方圖片 更換玩家頭像
step0 製作棋盤空間
step1 在棋盤上畫出playerRect
step2 讓使用者可以控制Rect 移動
step3 在畫布上畫出bossRect
step4 讓bossRect能在畫布上隨著時間 隨機移動
step5 讓bossRect 隨著時間畫出兩種不同顏色並循環
step6 讓playerRect 及bossRect 不要跑出畫布的範圍
step7 判斷playerRect 以及 bossRect碰撞
step8 製作結束頁
step9 製作開始頁
step10 製作暫停頁
step11 把playerRect 以及 bossRect 替換成圖片
step12 美化螢幕左右空白
step13 設定計時器
step14 讓棋盤呈現計時結果
step15 讓畫面左右欄位在 畫面寬度小於1000px時消失
step16 讓棋盤上方在 畫面寬度小於1000px時出現 計時結果
step17 讓使用者可以用滑鼠自行選擇玩家頭像
step18 修正計時結果:在0-9秒時置中顯示
主題發想 :兩天
程式碼ver1 :兩天
程式碼ver2 :一點五天
程式碼ver3 :一天
製作投影片及 演練報告 :兩天