如何设计HTML5游戏

2014-05-03    分类: 网站建设

HTML5和“跨平台”的术语,并有很好的理由。该技术为智能手机、平板电脑、笔记本电脑和台式机。机构的爱的概念,因为任何网页设计师谁知道HTML,了解HTML5。这是什么意思的,网页设计师?
•更多的项目涉及HTML5
•更多的项目围绕交互性
•创建用户交互体验
在这一互动体验的心,是休闲游戏。在这篇文章中,我会告诉你如何得到一些令人垂涎的游戏设计经验。目标?“你的Ré和éHTML5游戏设计”。


我玩游戏,但…
这是 网页设计,游戏设计是一种专业技能中的常见谬误。你不需要参加学校的游戏设计,游戏设计。任何人都可以设计游戏。首先,让我们打破这一部分。创建一个游戏 需要3个主要步骤:
1.设计游戏;
2.生产的视觉和音频资产;
3.游戏编程。
作为一个网页设计师,获得经验的最简单的方法,是通过设计游戏本身。点2和3,代理通常已经有指定的设计师和程序员的工作。如果你擅长艺术品,高度可达2。在本文中,我们讨论的步骤1。我们从哪里开始?这里有10个步骤,每一 游戏设计师需要经历,赢得他们的条纹。


1) 玩休闲游戏很多
有一个iPhone或Android手机?去应用商店,头上免费游戏。下载并在前20名单打每一场比赛。这样做,至少每2周。
当你玩的时候,要意识到每个游戏的设计。这动画技术和力学是使用?做人物站出来吗?它有一个故事吗?什么游戏让你有什么感觉?20–30场比赛之后,你会开始发现模式。

如何设计HTML5游戏

开发人员设计

你会注意到一些游戏的核心是对同一件事。Eg:Clash of Clans,Boom Beach和干草日建立,防守和攻击。
你会发现,简单的游戏,如Flappy Bird或摇摆直升机集中真的很难挑战,可以重复无数次。
你会注意到一些游戏专注于引人注目的故事和精心设计的特点。
你也会注意到一些奇怪的独立游戏,这是彻头彻尾的随机但很有趣!
2) 勾画…很多他们
做你喜欢的东西从你玩游戏的草图。素描人物、地图、菜单和用户界面。有一定的人物你喜欢哪个?有一定的角度,使你激动的游戏吗?
这里有一个角色叫“马特。他是一个无聊的办公室的人,粘在椅子上:

如何设计HTML5游戏

3)使流程图
流程图描述游戏一步一步的过程。他们描述的地步,用户开始游戏,所有的重要事件,如一个胜利或失败。从简单的图像这样:

如何设计HTML5游戏

当你获得更多的信心,迭代您的流程简单 做出更复杂的流。
4)编写游戏设计文档
用你从步骤1–3学会了什么,写一个简单的游戏设计文档设计(GDD)。GDD基本上告诉读者的游戏是什么。
例如:让我们把自己的角色叫“Matt”,在步骤2中,我们说他是被困在一个无聊的办公室工作。他想逃避。美中不足的是,他能做的只有从他的轮椅。我们已经制作了一个游戏画面的整洁的素描。它显示了一个迷宫的办公桌密谋阻止Matt的逃跑。

5)训练你的跨平台的心态
HTML5游戏,很多都归结为能够在不同尺寸的屏幕上运行游戏,有效地。下面是我们在市场上有不同的设备:iPhone,iPad,iPod的触摸,三星Galaxy Note3、三星Galaxy平板电脑,谷歌Nexus、LG、Xiaomi、Windows Phone、Windows笔记本电脑,MAC,等等…可笑吗?然而,这就是大公司做。作为一个独立的设计师,你如何设计一个游戏,适合不同的屏幕尺寸?
1. 修复游戏方向,设计你的游戏,它的作品无论是在肖像模式或风景模式。
2. 发现最常见的游戏分辨率适合大多数设备保持纵横比。然后,向上或向下扩展,这取决于设备的分辨率。我们发现4的纵横比(肖像),或4:3(景观)最受欢迎的,有效的。
3. 设计轻便、休闲游戏。不要笨重,3D游戏。相反,去玩,光休闲体验。游戏可以打鼹鼠一样简单,或跳跃的平台。天空下什么是公平的游戏(没有双关语意)。
4. 始终绘制高分辨率的作品。至少2048px宽基线。它更容易缩小而不是扩大。
如何设计HTML5游戏
6)开始投球
请贵公司(或客户)如果他们在任何游戏相关的项目感兴趣。向他们展示你的设计。距你的心。他们步行穿过GDD。
你的第一个游戏理念距不会像鲨鱼坦克,放心!很有可能,他们会安排一个小游戏的预算。如果没有预算,继续做更好的设计,并达到了其他公司。如果你有资源,你自己的游戏项目对便宜的基金。
7)找到一个程序员
一旦你有了一个预算,开始寻找专门从事游戏开发的程序员。告诉他们你的设计,分享预算,并告诉他们公司。大多数游戏开发者都是很有帮助的。你需要的是一个程序员,在HTML5游戏的精通。这个人知道如何编码的东西,秤好各种形式的因素。与程序员讨论“跨平台”的思维模式。
如何设计HTML5游戏
8)GRIND
游戏本身的发展将需要数周,如果不是数月,最初。会有血,汗水和泪水,但这都是值得借鉴的经验。这是非常重要的保持你的游戏设计的范围非常非常小的,至少对你的第一个项目。
如何设计HTML5游戏
9)完成项目
这里的关键词是“完成”的项目。通常情况下,作为设计师,我们想要一个好的游戏。零缺陷。设计精美的游戏艺术,理想的规则。把这种心态窗外。去“足够好”。发布游戏到野外。没有说它像一个游戏的生活,在用户手中。你总是可以提高游戏启动后。完成比好更重要。
10)测量反馈
检查用户的反应,你的游戏。使用免费的工具,如谷歌Analytics来追踪你的游戏的看法,戏剧和事件。

深圳平安银行网站制作

如何设计HTML5游戏

网站题目:如何设计HTML5游戏
本文URL:/news/19913.html

成都网站建设公司_创新互联,为您提供网站维护用户体验面包屑导航标签优化做网站外贸建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都seo排名网站优化