HTML5遊戲開發 是男人就下100層

2022-05-05 00:48:11 字數 1009 閱讀 3304

專案流程

市場調研(可行性分析)--> 可行性報告書  需求分析師、客戶經理 

需求分析--> 需求說明書  專案經理、需求分析師

概要設計--> 概要設計說明書(er圖, uml)  專案經理、專案組長 

詳細設計--> 詳細設計說明書(流程圖) 資料庫建好、專案週期表(甘特圖) office project visio 專案組長、開發人員

編碼 --> 測試(單元測試) 提交svn 測試用例  開發人員

測試 --> 整合測試、黑白盒測試、冒煙測試  測試人員

--> 使用者使用說明書  專案經理

--> 維護  開發人員

介紹一下幾個主要的類:

frame:幀的定義,主要描述動畫的一幀

animation:動畫的定義,主要描述乙個連貫的動畫,由多個幀組成

sprite:精靈的定義,主要描述乙個完整的實體,由多個動畫組成

timeprocess:時間管理,由requestanimationframe完成

person:乙個完整人定義,就是主人公--男人

blockbase:塊的基類,下降中的障礙物基類,包含一些基本的引數與方法

normalblock:普通塊,繼承於blockbase,最基礎的塊

missblock,leftblock...等:其它特殊功能的塊

blockfactory:塊工廠,生產塊的類

遊戲的檔案結構:

wfn.js:基礎檔案,包含動畫定義,公共方法(都是比較簡單的)

person.js:人物的定義

block.js:各種障礙物塊的定義

main.js:遊戲主邏輯入口檔案,處理主要邏輯

遊戲的檔案結構:

timeprocess:主要用於統一處理定時器的事件,確保全域性只有乙個計時器

frame:幀的定義,就類似flash中的幀

animation:動畫的定義,乙個動作需要多個連貫的幀才能完成

sprite:精靈的定義,乙個完整的個體,是需要多個動畫,例如向左,向右等

HTML5小遊戲 是男人就下一百層 UI美化版

之前寫的小遊戲,要麼就比較簡單,要麼就是比較難看,或者人物本身是不會動的。結合了其它人的經驗,研究了一下精靈運動,就寫乙個簡單的小遊戲來試一下。介紹一下幾個主要的類 遊戲的檔案結構 wfn.js 基礎檔案,包含動畫定義,公共方法 都是比較簡單的 person.js 人物的定義 block.js 各種...

html5遊戲開發

一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖,以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫,畢竟 動靜結合 是先有動再有靜。看了上一章的內容,或許你就有了對html5實現動畫有了初步了解 二 html...

Html5 移動遊戲開發

有很多遊戲採用h5技術開發,比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發,h5開發成本低,效率高,方便做自動更新,可移植性好。受益於h5技術,我們公司的很多產品都很方便跨平台。早在2012年,我就很榮幸負責技術攻關,把我們的遊戲移植到win8和wp8平台,當時在國內的win8...