1、天津職業(yè)技術(shù)師范大學(xué) 天津職業(yè)技術(shù)師范大學(xué)Tianjin University of Technology and Education畢 業(yè) 設(shè) 計(jì)專 業(yè)： 教育技術(shù)學(xué) 班級(jí)學(xué)號(hào)： 1102-28 學(xué)生姓名： 王晏 指導(dǎo)教師： 王瀟 講師 二〇一五年六月摘 要2D 游戲是指二維交互式動(dòng)畫(huà)，也就是我們通常所說(shuō)的 2D 動(dòng)畫(huà)。只不過(guò)在游戲方面，這種二

2、維交互式動(dòng)畫(huà)可以根據(jù)用戶需求而進(jìn)行互動(dòng)的游戲，簡(jiǎn)而言之即平面（二維）游戲。在此次 2D 游戲設(shè)計(jì)制作主要使用 HTML5 和 JavaScript。HTML5 是萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言的第五次重大修改，沿革了 HTML4 的一些標(biāo)記，還新增了如 canvas、audio 等新的標(biāo)記； JavaScript 是一種直譯式腳本語(yǔ)言，內(nèi)置支持類(lèi)型。本次游戲制作主要使用上述兩種技術(shù)支持，HTML5 的 ca

3、nvas 元素使用JavaScript 在網(wǎng)頁(yè)上繪制 2D 圖像，在矩形畫(huà)布上控制像素，JavaScript 來(lái)繪制 2d 圖形并進(jìn)行渲染；并在游戲設(shè)計(jì)中使用 JavaScript 編寫(xiě) mvc 框架；聲音效果的播放及進(jìn)行游戲控制。HTML5 帶來(lái)的新的標(biāo)簽有助于開(kāi)發(fā)人員的開(kāi)發(fā)及定義重要內(nèi)容，如上述的 canvas 和 source。在整個(gè)游戲架構(gòu)中，使用 EditPlus 開(kāi)發(fā)，使用 fireFox 用于測(cè)試，背景及方塊的圖片均由個(gè)人