iH5高級教程：H5小游戲必學(xué)-制作打飛機(jī)

iH5高級教程：H5小游戲必學(xué)，制作打飛機(jī)第一步：1、選中舞臺，點擊頁面工具，添加2個頁面，重命名為規(guī)則頁與游戲頁。2、選中規(guī)則頁，點擊中文字體工具，添加規(guī)則文字。3、選中規(guī)則頁，點擊按鈕工具，添加開始游戲按鈕。4、選中按鈕工具，點擊事件。觸發(fā)對象手指按下，目標(biāo)對象舞臺，目標(biāo)動作跳轉(zhuǎn)至游戲頁。第二步：1、選中游戲頁，點擊圖片工具，上傳背景圖片。2、選中游戲頁，點擊滑動時間軸工具，在舞臺上畫一個區(qū)域。重命名為導(dǎo)彈。3、選中滑動時間軸，點擊圖片工具，上傳導(dǎo)彈底座圖片。點擊透明按鈕工具添加透明按鈕，選中透明按鈕，上傳導(dǎo)彈圖片。4、選中透明按鈕，點擊軌跡工具，制作炮彈從左往右移動的效果。5、選中導(dǎo)彈圖片，點擊緩動工具，添加導(dǎo)彈飛出去的效果。第三步:1、選中游戲頁，點擊時間軸工具，添加時間軸，上傳飛機(jī)圖片，制作飛機(jī)往左飛的效果。舞臺頁面屬性面板剪切選擇NO，可以看到舞臺外的圖片。2、選中飛機(jī)，點擊圖片工具，上傳一張空白圖片，作為機(jī)身定位，導(dǎo)彈碰到機(jī)身定位才算打中，碰到飛機(jī)尾不算打中。3、選中飛機(jī)，點擊圖片工具，上傳火的GIF圖片，隱藏此圖片，之后通過事件使之顯示。4、選中飛機(jī)，點擊動效工具，添加飛機(jī)被打中后掉落的效果。第四步：1、選中滑動時間軸，點擊事件工具，添加事件。觸發(fā)條件觸摸結(jié)束，目標(biāo)對象導(dǎo)彈的緩動，目標(biāo)動作開始。2、選中導(dǎo)彈圖片，點擊事件組，觸發(fā)條件碰撞。3、選中事件組，點擊事件工具，添加3個事件。導(dǎo)彈碰撞大飛機(jī)后，飛機(jī)上的火顯示，飛機(jī)的掉落動效開始，和導(dǎo)彈的緩動重置，即回到原位置。4、選中導(dǎo)彈緩動，添加事件，緩動結(jié)束，緩動重置，即沒有打中飛機(jī)，也回到原位置。5、選中飛機(jī)動效，點擊事件工具，添加3個事件。動效開始時，飛機(jī)時間軸暫停，動效結(jié)束時，掉落動效重置，并且飛機(jī)時間軸從頭播放。第五步：1、選中游戲頁，點擊計數(shù)器工具，添加記分計數(shù)器。2、選中舞臺，點擊變量工具，變量名稱是A。計數(shù)器綁定變量1.3、選中火，添加事件?；痫@示，計數(shù)器加1。第六步：1、選中游戲頁，點擊時間軸工具和計數(shù)器工具，制作倒計時。計數(shù)器初始值30秒，即30秒內(nèi)能打中的飛機(jī)數(shù)。2、選中時間軸，添加事件。第七步：1、選中游戲頁，添加結(jié)果圖片，與計數(shù)器。隱藏結(jié)果圖片，之后通過事件使之顯示。2、選中倒計時計數(shù)器，添加事件。倒計時等于0，結(jié)果圖片顯示。3、選中結(jié)果，添加2個事件。讓結(jié)果計數(shù)器顯示打中的飛機(jī)數(shù)。微信設(shè)定標(biāo)題，我打了$A架飛機(jī)。先行知識：滑動時間軸、時間軸、事件重點控件：滑動時間軸、滑動、時間軸、動效、計數(shù)器、變量、事件知識點:1、碰撞：碰撞后觸發(fā)動作，即觸發(fā)對象碰撞指定的對象時。碰撞的選項中，中心距離分為“中心碰撞”和“邊緣碰撞”，“中心碰撞”是碰撞到指定對象的中心才會觸發(fā)動作，“邊緣碰撞”是碰撞到制定對象的邊緣才會觸發(fā)動作，距離的大小決定了碰撞的準(zhǔn)確度，假如邊緣碰撞，距離設(shè)置為80，還沒接觸到指定對象碰撞就會開始和觸發(fā)動作；勾選速度優(yōu)化為YES，能優(yōu)化觸發(fā)對象在碰撞過程中的移動速度。2、變量：可變化的值。與計數(shù)器、文本、輸入框、時間軸等配合使用，傳遞內(nèi)容。3、微信設(shè)定標(biāo)題：自定義在微信轉(zhuǎn)發(fā)作品或分享作品時的標(biāo)題。重點事件：觸發(fā)對象：滑動時間軸觸發(fā)條件：觸摸結(jié)束目標(biāo)對象：緩動目標(biāo)動作：開始觸發(fā)對象：導(dǎo)彈圖片觸發(fā)條件：碰撞對象：機(jī)身定位中心距離：邊緣碰撞距離：0目標(biāo)對象：火目標(biāo)動作：顯示觸發(fā)對象：火觸發(fā)條件：顯示目標(biāo)對象：記分計數(shù)器目標(biāo)動作：加1觸發(fā)對象：結(jié)果圖片