互動＆舞台

除了可以設定小怪獸的位置或大小，Web:Bit 編輯器更能讓我們與小怪獸互動，例如用滑鼠點擊小怪獸、小怪獸互相碰撞、碰撞舞台畫面邊緣…等，透過這些互動行為，就能實現更多想法和創意。

小怪獸積木清單 ( 互動＆舞台 )

互動＆舞台的積木分別有滑鼠點擊小怪獸、滑鼠接觸小怪獸、小怪獸互相碰撞、小怪獸碰撞畫面、碰到畫面邊緣就反彈、更換舞台背景和設定全螢幕。

滑鼠點擊

「滑鼠點擊」積木可以讓指定滑鼠點擊小怪獸時，要做些什麼事情。

滑鼠點擊積木「不需要放在重複迴圈內」就可重複偵測。

下圖的例子，點擊綠色小怪獸時會說話，點擊紅色小怪獸會放大，點擊黃色小怪獸會旋轉，點擊藍色小怪獸會改變情緒。

滑鼠碰觸

「滑鼠碰觸」積木包含兩個行為動作，分別是滑鼠碰觸到小怪獸要做什麼事，以及滑鼠離開小怪獸要做什麼事。

注意，離開的行為一定會接續在碰觸之後，滑鼠碰觸積木「不需要放在重複迴圈內」就可重複偵測。

下圖的例子，在滑鼠碰觸到綠色小怪獸時，小怪獸的情緒會開心，滑鼠離開後小怪獸又恢復正常的情緒。

互相碰觸

「互相碰觸」積木可以偵測小怪獸彼此之間是否有互相碰觸。

互相碰觸積木「只會偵測一次」，必須搭配重複迴圈，才能重複偵測。

以下圖為例，搭配重複回圈，就能不斷偵測小怪獸是否互相碰觸，用滑鼠拉動小怪獸，當倆倆互相碰到時，小怪獸就變成驚訝的情緒，分開後又恢復正常。

碰觸舞台畫面

「碰撞舞台畫面」積木可以偵測小怪獸是否碰觸到互動舞台的四個邊，或個別偵測碰到上、下、左、右四個邊的行為。

碰撞舞台畫面積木「只會偵測一次」，必須搭配重複迴圈，才能重複偵測。

以下圖為例，搭配重複回圈，就能讓小怪獸碰到舞台畫面上緣或下緣時，變成開心的情緒，碰到左邊或右邊則呈現生氣的情緒，沒有碰到時則是正常情緒。

碰觸舞台畫面就反彈

「碰觸舞台畫面就反彈」積木是「碰觸舞台畫面」積木的簡化版，將碰觸後的行為單一化為「反彈」，反彈表示位置的相反，如果碰到舞台左右兩側，則小怪獸移動的 X 方向會相反，如果碰到舞台上下兩側，則小怪獸移動的 Y 方向會相反。

碰觸舞台畫面就反彈積木「只會偵測一次」，必須搭配重複迴圈，才能重複偵測。

以下圖為例，搭配重複回圈，就能讓小怪獸碰到舞台畫面移動，碰到舞台邊緣時就會反彈。

更換舞台背景顏色或圖片

「更換舞台背景顏色」和「更換舞台背景圖片」，可以改變怪獸舞台背景為指定的顏色或圖片，圖片只要填入圖片網址，執行後就會更換。( 圖片支援 webp、jpeg、png 和 gif )

舉例來說，找一張清明上河圖的圖片網址，將網址貼上在背景圖片的文字積木內，執行後就會看見舞台背景變成清明上殼圖了

設定舞台為全螢幕

「設定舞台為全螢幕」積木不影響任何操作，只會在「執行時」把怪獸互動舞台變成全螢幕大小。

如果不想使用該功能，也可以手動操作，點選怪獸互動舞台右上方的小按鈕，也可以進行全螢幕的切換。

取得舞台尺寸

「取得舞台尺寸」積木可以取得當下怪獸互動舞台的寬度或高度。

下圖的例子會在執行的時候，綠色小怪獸講出舞台寬度，紅色小怪獸講出舞台高度。