如何設(shè)計(jì)HTML5游戲

2014-05-03    分類: 網(wǎng)站建設(shè)

HTML5和“跨平臺”的術(shù)語,并有很好的理由。該技術(shù)為智能手機(jī)、平板電腦、筆記本電腦和臺式機(jī)。機(jī)構(gòu)的愛的概念,因?yàn)槿魏尉W(wǎng)頁設(shè)計(jì)師誰知道HTML,了解HTML5。這是什么意思的,網(wǎng)頁設(shè)計(jì)師?
•更多的項(xiàng)目涉及HTML5
•更多的項(xiàng)目圍繞交互性
•創(chuàng)建用戶交互體驗(yàn)
在這一互動體驗(yàn)的心,是休閑游戲。在這篇文章中,我會告訴你如何得到一些令人垂涎的游戲設(shè)計(jì)經(jīng)驗(yàn)。目標(biāo)?“你的Ré和éHTML5游戲設(shè)計(jì)”。


我玩游戲,但…
這是 網(wǎng)頁設(shè)計(jì),游戲設(shè)計(jì)是一種專業(yè)技能中的常見謬誤。你不需要參加學(xué)校的游戲設(shè)計(jì),游戲設(shè)計(jì)。任何人都可以設(shè)計(jì)游戲。首先,讓我們打破這一部分。創(chuàng)建一個(gè)游戲 需要3個(gè)主要步驟:
1.設(shè)計(jì)游戲;
2.生產(chǎn)的視覺和音頻資產(chǎn);
3.游戲編程。
作為一個(gè)網(wǎng)頁設(shè)計(jì)師,獲得經(jīng)驗(yàn)的最簡單的方法,是通過設(shè)計(jì)游戲本身。點(diǎn)2和3,代理通常已經(jīng)有指定的設(shè)計(jì)師和程序員的工作。如果你擅長藝術(shù)品,高度可達(dá)2。在本文中,我們討論的步驟1。我們從哪里開始?這里有10個(gè)步驟,每一 游戲設(shè)計(jì)師需要經(jīng)歷,贏得他們的條紋。


1) 玩休閑游戲很多
有一個(gè)iPhone或Android手機(jī)?去應(yīng)用商店,頭上免費(fèi)游戲。下載并在前20名單打每一場比賽。這樣做,至少每2周。
當(dāng)你玩的時(shí)候,要意識到每個(gè)游戲的設(shè)計(jì)。這動畫技術(shù)和力學(xué)是使用?做人物站出來嗎?它有一個(gè)故事嗎?什么游戲讓你有什么感覺?20–30場比賽之后,你會開始發(fā)現(xiàn)模式。

如何設(shè)計(jì)HTML5游戲

開發(fā)人員設(shè)計(jì)

你會注意到一些游戲的核心是對同一件事。Eg:Clash of Clans,Boom Beach和干草日建立,防守和攻擊。
你會發(fā)現(xiàn),簡單的游戲,如Flappy Bird或搖擺直升機(jī)集中真的很難挑戰(zhàn),可以重復(fù)無數(shù)次。
你會注意到一些游戲?qū)W⒂谝俗⒛康墓适潞途脑O(shè)計(jì)的特點(diǎn)。
你也會注意到一些奇怪的獨(dú)立游戲,這是徹頭徹尾的隨機(jī)但很有趣!
2) 勾畫…很多他們
做你喜歡的東西從你玩游戲的草圖。素描人物、地圖、菜單和用戶界面。有一定的人物你喜歡哪個(gè)?有一定的角度,使你激動的游戲嗎?
這里有一個(gè)角色叫“馬特。他是一個(gè)無聊的辦公室的人,粘在椅子上:

如何設(shè)計(jì)HTML5游戲

3)使流程圖
流程圖描述游戲一步一步的過程。他們描述的地步,用戶開始游戲,所有的重要事件,如一個(gè)勝利或失敗。從簡單的圖像這樣:

如何設(shè)計(jì)HTML5游戲

當(dāng)你獲得更多的信心,迭代您的流程簡單 做出更復(fù)雜的流。
4)編寫游戲設(shè)計(jì)文檔
用你從步驟1–3學(xué)會了什么,寫一個(gè)簡單的游戲設(shè)計(jì)文檔設(shè)計(jì)(GDD)。GDD基本上告訴讀者的游戲是什么。
例如:讓我們把自己的角色叫“Matt”,在步驟2中,我們說他是被困在一個(gè)無聊的辦公室工作。他想逃避。美中不足的是,他能做的只有從他的輪椅。我們已經(jīng)制作了一個(gè)游戲畫面的整潔的素描。它顯示了一個(gè)迷宮的辦公桌密謀阻止Matt的逃跑。

5)訓(xùn)練你的跨平臺的心態(tài)
HTML5游戲,很多都?xì)w結(jié)為能夠在不同尺寸的屏幕上運(yùn)行游戲,有效地。下面是我們在市場上有不同的設(shè)備:iPhone,iPad,iPod的觸摸,三星Galaxy Note3、三星Galaxy平板電腦,谷歌Nexus、LG、Xiaomi、Windows Phone、Windows筆記本電腦,MAC,等等…可笑嗎?然而,這就是大公司做。作為一個(gè)獨(dú)立的設(shè)計(jì)師,你如何設(shè)計(jì)一個(gè)游戲,適合不同的屏幕尺寸?
1. 修復(fù)游戲方向,設(shè)計(jì)你的游戲,它的作品無論是在肖像模式或風(fēng)景模式。
2. 發(fā)現(xiàn)最常見的游戲分辨率適合大多數(shù)設(shè)備保持縱橫比。然后,向上或向下擴(kuò)展,這取決于設(shè)備的分辨率。我們發(fā)現(xiàn)4的縱橫比(肖像),或4:3(景觀)最受歡迎的,有效的。
3. 設(shè)計(jì)輕便、休閑游戲。不要笨重,3D游戲。相反,去玩,光休閑體驗(yàn)。游戲可以打鼴鼠一樣簡單,或跳躍的平臺。天空下什么是公平的游戲(沒有雙關(guān)語意)。
4. 始終繪制高分辨率的作品。至少2048px寬基線。它更容易縮小而不是擴(kuò)大。
如何設(shè)計(jì)HTML5游戲
6)開始投球
請貴公司(或客戶)如果他們在任何游戲相關(guān)的項(xiàng)目感興趣。向他們展示你的設(shè)計(jì)。距你的心。他們步行穿過GDD。
你的第一個(gè)游戲理念距不會像鯊魚坦克,放心!很有可能,他們會安排一個(gè)小游戲的預(yù)算。如果沒有預(yù)算,繼續(xù)做更好的設(shè)計(jì),并達(dá)到了其他公司。如果你有資源,你自己的游戲項(xiàng)目對便宜的基金。
7)找到一個(gè)程序員
一旦你有了一個(gè)預(yù)算,開始尋找專門從事游戲開發(fā)的程序員。告訴他們你的設(shè)計(jì),分享預(yù)算,并告訴他們公司。大多數(shù)游戲開發(fā)者都是很有幫助的。你需要的是一個(gè)程序員,在HTML5游戲的精通。這個(gè)人知道如何編碼的東西,秤好各種形式的因素。與程序員討論“跨平臺”的思維模式。
如何設(shè)計(jì)HTML5游戲
8)GRIND
游戲本身的發(fā)展將需要數(shù)周,如果不是數(shù)月,最初。會有血,汗水和淚水,但這都是值得借鑒的經(jīng)驗(yàn)。這是非常重要的保持你的游戲設(shè)計(jì)的范圍非常非常小的,至少對你的第一個(gè)項(xiàng)目。
如何設(shè)計(jì)HTML5游戲
9)完成項(xiàng)目
這里的關(guān)鍵詞是“完成”的項(xiàng)目。通常情況下,作為設(shè)計(jì)師,我們想要一個(gè)好的游戲。零缺陷。設(shè)計(jì)精美的游戲藝術(shù),理想的規(guī)則。把這種心態(tài)窗外。去“足夠好”。發(fā)布游戲到野外。沒有說它像一個(gè)游戲的生活,在用戶手中。你總是可以提高游戲啟動后。完成比好更重要。
10)測量反饋
檢查用戶的反應(yīng),你的游戲。使用免費(fèi)的工具,如谷歌Analytics來追蹤你的游戲的看法,戲劇和事件。

深圳平安銀行網(wǎng)站制作

如何設(shè)計(jì)HTML5游戲

網(wǎng)站題目:如何設(shè)計(jì)HTML5游戲
本文URL:http://www.muchs.cn/news/19913.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)用戶體驗(yàn)、面包屑導(dǎo)航、標(biāo)簽優(yōu)化、做網(wǎng)站、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化