HTML5技術教程：制作網(wǎng)頁游戲

1、html5技術教程：制作網(wǎng)頁游戲（一）嬉戲規(guī)章：1、開頭嬉戲時，手機浮現(xiàn)在最上面一行的隨意一格；2、開頭嬉戲時，彩色石頭隨機從上往下落，填滿全部的方框，相同的三個石頭不能相鄰的排在一列或者一行；3、手機從上移動到最下面一行的隨意一格，就算成功，或嬉戲時光結束，消退的石頭數(shù)量超過30個也算成功。（二）、嬉戲玩法只要三個相同的石頭相鄰的排在一列或者一行，他們就會消逝，同時上面的石頭往下落，落到消逝的石頭位置上。嬉戲動畫演示：設計思路：嬉戲開頭首先生成一個8*8 = 64的石頭陣列，會從上到下一次落下。陣列的石頭會存放到一個數(shù)組中。每個石頭都有相應的類型。對石頭對象添加inputstart 、inp

2、utend大事監(jiān)聽。實現(xiàn)點擊輸入和拖動輸入。當有有效輸入時，交換對應的兩個相鄰的石頭。等待檢測時發(fā)覺是否會形成消掉石頭的條件，假如沒有則再交換回歸。嬉戲開頭后，會在每幀都調用一次runcheck（）函數(shù)來檢測是否有生成消掉石頭的條件。檢測的方式是：先按行遍歷一遍數(shù)組，看有沒有延續(xù)超過三個相鄰石頭的類型是相同的。然后再按列遍歷一遍數(shù)組，看有沒有延續(xù)超過三個相鄰石頭的類型是相同的。假如有，則將相同的石頭消退，并生成新的石頭，并從上到下依次落下。關鍵點：1.生成新的石頭對象：game.createstone = function （type,index,posy）var j = math.floor

3、（index / hang）;var i = num - hang * j;var instance = mugeda.createinstanceofsymbol（ stone + type）;scene.appendchild（instance, null）;instance.left = （kuan * i）;instance.top = posy;instance.addeventlistener（ inputstart , onstart）;/監(jiān)聽inputstart大事instance.addeventlistener（ inputend , onclick）;/監(jiān)聽inputen

4、d大事instance.scene.setsegment（ static , 0,0,false）;/靜態(tài)segmentinstance.scene.setsegment（ run , 1,10,true）;/消逝特效的動態(tài)segmentinstance.scene.playsegment（ staticreturn instance;函數(shù)參數(shù)：type number 要生成的石頭對象的類型，一共有7種不同的石頭。index number 要生成的石頭在數(shù)組中的下標。posy number 生成石頭的y軸坐標，由于要實現(xiàn)新生成的石頭依次落下。生成的石頭添加到數(shù)組中var instance =

5、game.createstone（type,（j* hang + i），posy）;stonearray.push（obj:instance, type:type,v:v0）;2.消退石頭從舞臺場景中移除石頭對象scene.removechild（stonearrayxiaoarrayx.num.obj）;stonearrayxiaoarrayx.num.obj = null;stonearrayxiaoarrayx.num.type = 0;3.生成新的石頭對象var type = math.floor（math.random（） * 100） % 6;var instance = game.createstone（type,（i - x * hang），posy）;stonearrayi - x * hang.type = type;stonearrayi - x * hang.obj = instance;總結，通過設計一個容易的小嬉戲可以更深刻的理解mugeda api的使用。詳細用到的api接口請參考mugeda html5技術教程之11mugeda ap