2021年12月20日 星期一

兔寶寶的筆記 - 音樂節奏遊戲 : 偵測鍵盤

音樂節奏遊戲 : 偵測鍵盤

1-1 鍵盤 : 上、下、左、右


Step1: 找出鍵盤的用法

>> 發現 up, down, left, right 要用 keyCode表示

Step2:  試著寫看看 ~~~
>> 按下 "上下左右 鍵" ,會畫出對應的方塊。


1-2 利用 "布林值" 判斷是否要畫出方塊

>> 分別四個鍵都要。

>> 按下鍵盤時,布林值接是 1 ,代表要畫出方塊。

>> 離開鍵盤時,布林值改回 0,代表方塊不見。


>> 在 draw() 裡面準備好,當布林值為 1 時,要畫出白色方塊。
>> 方塊的大小稍微 " 大一點 " 並調整 x , y 置中。



>> 當按下 "上下左右鍵" ,會在對應的位置出現白色方塊,放開後不見。

2-1 判斷是否在按下鍵盤的範圍 ( x , y 距離) 中按下正確的鍵

>> 先讓掉出視窗的方塊消失,不然無法用 y 的距離判斷。

>>  當方塊 y 值落在箭頭的區塊 :

>> 判斷落在 a , b , c , d 哪一區,和它對應的鍵盤是否也擊中。


2-2 按下正確的鍵 > 顯示框框

>> 用Good的布林值來判斷是否在對的區域鍵盤也剛好按下。


>> 在draw() 中,畫出Good布林值為 1 的方塊大小 (要比原本的大才看得出差異),顯示完改回 0。


>> 鍵盤按下顯示的顏色改黑色


>> 當按下鍵盤在對的區域擊中方塊時,會出現框框,表示有按對。

Github程式碼:

沒有留言:

張貼留言