课FlashActionScript20碰撞测试与简易拼图设计.PDFVIP

第八節課：Flash ActionScript 2.0  碰撞測試與簡易拼圖設計 課程名稱 ：數位媒體應用 講師：王穎聰 1  元件的範圍與實體區域 l 在介紹碰撞測試前 ，我們先來了解元件的範 圍與實體區域。 l 當圖形轉成元件後 ，會發現外圍有個矩形外 框，這個外框以內的區域稱為元件的範圍區 域。 l 真正有著色的部份 ( 示範 圖為圓形區域 ) ，則為元 件的實體區域 2  碰撞測試：hitTest  l 碰撞測試主要分成範圍碰撞與實體碰撞：  –  範圍碰撞 ： 只要碰到元件的範圍區域，就算是碰撞成功 ，因此會回傳  true 值 ，否則回傳 false 值。語法： l 元件名稱1.hitTest( 元件名稱2 );  l 元件名稱1.hitTest( x座標, y座標, false );  –  實體碰撞 ： 一定要碰到元件的實體部份，才算是碰撞成功，因此成功會 回傳 true 值，否則回傳 false 值 。語法： l 元件名稱1.hitTest( x座標, y座標, true );  l 語法中參數有 x, y 座標者，主要是以該座標點與元件 測試碰撞情況。 3  hitTest 方法測試 1  l 在場景上製作兩個元件 ，一個為圓形 ( 場景上命名為 a_mc ) 、一 個為菱形 ( 場景上命名為 b_mc ) ，在轉成元件的過程中，請把註 冊點設定在中間 。 l 在影格上撰寫如下程式 ：  a_mc.onPress = function() {  a_mc.startDrag(true, 0, 0, 550, 400);  }  a_mc.onRelease = function() {  a_mc.stopDrag();  }  l 這是上一節課所做過的例子，如執行範例 ，目前僅有圓形元件可 以移動 4  hitTest 方法測試 2  l 現在我們希望在放開拖曳 a_mc 的元件後，測試一下 a_mc 是否 和 b_mc 有否碰撞，因此我們在 a_mc.onRelease 加寫一些程 式 ：  a_mc.onRelease = function() {  a_mc.stopDrag();  if ( a_mc.hitTest( b_mc )  = true ) {  trace(碰到了);  } else {  trace(沒碰到);  }  }  l 測試一下程式，如執行範例 ，會發現 ，在如圖示所顯示狀況，也 會判斷為碰到了 ，是因為此種偵測方式為範圍碰撞 。 5  hitTest 方法測試 3  l 每次要等拖曳後放開，才知道是否有碰撞，有點麻煩了點，因此我們修改 程式，讓滑鼠在拖曳移動時就可以知道接近到哪種情況是碰到的，因此將  a_mc.onRelease 再加以修改，並增加另一個事件 onMouseMove ：