原始碼：
doctype html
>
<
html
lang
="zh-cn"
>
<
head
>
<
meta
charset
="utf-8"
>
<
style
type
="text/css"
>
html,body
sectionih3
style
>
<
title
>
title
>
head
>
<
body
>
<
canvas
>
canvas
>
<
section
>
<
h1>mm養成
h1>
<
p>
名詞解釋: <
em>mm
em>(淺紅色的圓，包括兩個圓形的組合)；<
br /><
br />
按下滑鼠或者觸碰螢幕移動<
i>mm
i>；<
br />
兩個<
i>mm
i>接觸，其中乙個消失；<
br />
<
i>mm
i>剩下乙個勝利；<
br />
<
i>mm
i>不能脫離中間白色範圍。
p>
section
>
<
h3>level 1-1
h3>
<
script
>
varwidth
=window.innerwidth;
varheight
=window.innerheight;
varc
=document.queryselector(
'canvas');
varctx
=c.getcontext('2d
');varradius
=math.floor(math.min(width,height)
/16);
varmaxradius
=math.floor(math.min(width,height)*9
/10)/2
;var
balls=;
varkeysdown
=false
;var
tt;var
level=1
;c.width
=width;
c.height
=height;
varsb
=function
(x,y,r,c)
else
}
this
.draw
=function()}
function
creatballs(n)
varblen
=balls.length;
if(blen
!==0);}
}balls.push(
newsb(ballx,bally,radius,
'rgba(255,0,0,.33)
'));i++
;}}function
testhit(v1,v2)
function
hits()else
} newarray.push(balls[i]);
} balls
=newarray;
}function
clear()
function
updatelevel(),
555)
}
function
loop()
//檢測是否有mm超出掌控
for(
varn=0
,nlen
=balls.length;n
<
nlen;n
++),balls[n]))}//
測試碰撞
hits();
//畫mm
for(
varx=0
,xlen
=balls.length;x
<
xlen;x++)
}window.onload
=init;
function
init(),
false
);addeventlistener(
"touchstart",
function
(e) ,
false
);addeventlistener(
"mouseup",
function
(e) ,
false
);addeventlistener(
"touchend",
function
(e) ,
false
);addeventlistener(
"resize",
function
(e) ,
false);}
function
setui()
script
>
body
>
html
>
思路：遊戲為了養成乙個強壯的mm；
每關只有乙個mm堅持到最後，她會吞噬掉其他的mm；
關數越多，mm越多，難度越大；
**非常簡單，稍懂點js的就看懂了，關鍵還是遊戲思路，我這個遊戲的亮點就是：每個mm的移動方向隨時在變，並且方向改變的速度和移動速度也不是單一不變；因此越到後面難度幾何增加。哈哈
html5遊戲 初試
size medium 我覺得，html5很有前景，移動終端智慧型化 普及是乙個大趨勢，html5的應用有跨平台這一大的優勢，傳統的應用很依賴終端的系統，同樣乙個應用，html5也能實現，它就可以在所有的智慧型終端下使用，而且又有本地儲存，離線使用等特性，這使得它成為未來的主流 用html5開發遊戲...
html5遊戲開發
一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖，以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫，畢竟 動靜結合 是先有動再有靜。看了上一章的內容，或許你就有了對html5實現動畫有了初步了解 二 html...
Html5 移動遊戲開發
有很多遊戲採用h5技術開發，比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發，h5開發成本低，效率高，方便做自動更新，可移植性好。受益於h5技術，我們公司的很多產品都很方便跨平台。早在2012年，我就很榮幸負責技術攻關，把我們的遊戲移植到win8和wp8平台，當時在國內的win8...