html5游戏开发

html5游戏开发，需要学习什么技术？~

html5游戏开发，需要学习的技术：
1、HTML5教程
主要学习HTML标签、属性和事件。
2、CSS教程
主要学习使用CSS来控制网页的样式和布局。
3、JavaScript教程
做HTML5开发，主要使用JS语言。所以要学习JS语言。
4、HTML5其它的核心技术
做HTML5开发，可能会用到下面的技术。
（1）WebWorker
可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。
（2）WebSocket
浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。

扩展资料：
HTML5的优点：
新一代网络标准能够让程序通过Web浏览器，消费者从而能够从包括个人电脑、笔记本电脑、智能手机或平板电脑在内的任意终端访问相同的程序和基于云端的信息。
HTML5允许程序通过Web浏览器运行，并且将视频等目前需要插件和其它平台才能使用的多媒体内容也纳入其中，这将使浏览器成为一种通用的平台，用户通过浏览器就能完成任务。此外，消费者还可以访问以远程方式存储在“云”中的各种内容，不受位置和设备的限制。
缺点：
1、开放性带来的困扰
在从前网络平台上存在大量的专利产品，想要实现HTML5技术的大量应用首先就需要将这些专利性的产品变为开放式的产品，由于各种原因，当前面对这一问题还存在许多争议。
以视频格式为例，两大阵营对于视频格式的设置存在争议，一大阵营以苹果为代表，另一大阵营则以Opera、火狐、谷歌为代表。
WPEG阵营是苹果所属阵营，由于其自身全部使用的是这一种格式，所以坚持认为应当将此格式作为标准，而WebM阵营则认为由于WPEG格式的专利依然没有解除，对于HTML5技术要求的开放性没有达标，所以不同意将其作为标准格式。
2、发展的速度有待提升
在HTML5中提出了一些从前HTML技术中不具有的新技术，但是有许多主流浏览器在长时间的发展过程中已经完成了此种技术的开发，在自身浏览器中实现了此种功能，就这一情况来说HTML5的发展速度方面存在一定的问题。
同时由于HTML5的不成熟，当前关于HTML5的相关技术标准还没有完全确定，所以在短时间想要将其投入大规模应用还比较困难。
参考资料：百度百科-html5

个人赶脚学html5（无论是不是游戏开发方面）不用买书，在网上就可以学，网上有很多资料
游戏开发和html5本身相关的主要是canvas和一些js库呗……

个人又赶脚之所以看书是因为可以比较系统的学习，遇到疑问可以立即在书中查找。但google的答案或许比书中要好得多，你可能会遇到的问题很可能早已有人遇到过而且可以在网上找到满意的答案。

一个用于互联网的东西，我们利用互联网来学习它~

对标签什么的有疑惑了，可以在这几个网站查找：
HTML5中文手册 （html5）
HTML 系列教程 （html和css）
CSS3 Properties 在线手册(css3.0手册) （css3）

这是一个翻译的类似打砖块的游戏教程：
蘑菇与熊游戏开发第一回（游戏分析）
英文原文：
HTML5 Writing a game: Step 1

再来一个教程：
HTML5 2D 游戏开发: Snail Bait 简介
这个教程我没来得及实现，不知道有没有bug，但看作者写的挺有诚意就贴上来了

这是CSDN上的一个专栏：
专栏：HTML5游戏开发
虽然需要那个作者（lufy）开发的引擎，但也能学到很多东西

比较好的学习途径还有读代码，看demo：
js1k.com （著名的js1k。1k长度的代码实现各种风骚的效果。1k是编译后的长度，网站上只有部分demo给出了原始代码）
Román Cortés （这位大牛js写的不止是风骚了）

似乎有些答非所问，但鄙人真的觉得没有必要买书

1、创意管理：第一步，是召开会议，在会议中最常见的方法就是采取“头脑风暴法”。每个人都必须拿出自己的建议和想法，之后大家一起进行讨论。另外在会场内，会有专人进行会议记录。而在项目开发的前期则会有市场调查。
　　2、撰写草案：第二步，撰写策划草案，也叫意向书。撰写策划草案的目的在于，使得小组内每个成员对即将开发的项目有一个大体的认识，并且对目标进行明确。
　　3、市场分析：第三步，市场分析，决定了是否需要开发这个游戏。
　　1）、目标客户：最重要的一点是确定目标客户。即该游戏是面向核心玩家，还是普通的大众玩家。如果是面向核心玩家所开发的游戏，则需要游戏的难度更大一些；反之，如果是面向大众玩家开发的游戏，则需要游戏的难度简单一些。最好的方法是允许玩家自定义游戏的难度。
　　2）、成本估算：以网游为例，包括以下几个方面：
　　服务器：运行网络游戏所需花费的硬件方面的成本。成本中的大头，大约占到总成本的40％左右。
　　客服：属于人力成本的范畴。网络游戏不同于单机游戏的部分在于，其不同于单机游戏的“售后不理”的销售模式。用户在玩这个游戏之后，运营商需要不断的提供更新和各种在线服务。
　　社区关系专员：同上，属于人力成本的范畴。同其它方面的花销相比，这方面几乎可以忽略不计。
　　开发团队：人力成本，这方面花费的真正大头在核心成员和天才制作人的薪资上。
　　管理：管理方面花费的成本，这方面成本较少。
　　用户帐号管理：发行成本的一部分，但也属于运营的范畴。至于成本几乎可以忽略不计。
　　办公室、电脑、家具：这方面是大头，不过这次花费之后，开发下部游戏时基本上花费就不需要或者很少花费了。
　　带宽：发行成本的一部分，但也属于运营的范畴。成本也是极高的，当然各地可能都不一样。
　　网管：发行成本的一部分，同样属于运营成本的范畴。
　　其它杂费：杂七杂八的一些费用，包括水电费、燃气费、可能还会包括买咖啡和茶叶的钱。
　　宣传、广告和推广的费用：属于运营成本。应该说最好的宣传方法就是广告，但各种广告在花费上都不尽相同，这个就不细说了。
　　客户端：制作游戏客户端、点卡、充值卡、印制游戏说明书、游戏包装、游戏赠品一类的成本。
　　4、需求分析
　　第四步，撰写需求分析书。这包括以下三个方面：
　　1）、美工需求：撰写美工需求分析书，内容包括需求图、工作量等。其中工作量需要以天来计。内容具体如下：
　　场景：包括游戏地图、小场景等方面。
　　人物：包括玩家角色、重要NPC（玩家队友、提供任务的NPC、主线剧情NPC等）、次要NPC（路人、村民等）、怪物、BOSS等。
　　动画：动画方面估计每个公司的需求都不尽相同。如果公司能力有限，动画的制作可以考虑外包的方式。
　　道具：主要需要考虑是否采取纸娃娃系统。
　　全身像：人物的全身像方面。
　　静画&CG：游戏中可能出现的静画和CG的需求。没有则不需要写。
　　人物头像：人物的头像制作需求，其中包括人物的表情方面，包括喜、怒、哀、乐、悲等多种表情。
　　界面：界面的需求，包括主界面、各项子界面、屏幕界面、开头界面、END界面、保存和载入界面等方面。
　　动态物件：包括游戏中可能出现的火把、光影等方面。
　　卷轴：又称为滚动条。根据游戏的情况来定具体的需求。
　　招式图：根据游戏开发的具体情况决定是否有此需求。
　　编辑器图素：各种编辑器的图素需求，例如关卡编辑器、地图编辑器等方面。
　　粒子特效：3D粒子特效的需求。
　　宣传画；包括游戏的宣传画、海报等方面的制作需求。
　　游戏包装：游戏客户端的封面包装的制作。
　　说明书插图：游戏说明书内附插图的制作需求。
　　盘片图鉴：游戏客户端盘片上的图鉴的制作需求。
　　官方网站：游戏官方网站的制作需求。
　　2）、程序需求：撰写程序需求分析书，内容具体如下：
　　地图编辑器：包括编辑器的功能需求、各种数据的需求等。
　　粒子编辑器：关于粒子编辑器的需求。
　　内镶小游戏：包括游戏内部各种小游戏的需求。
　　功能函数：包括游戏中可能会出现的各种程序功能、技术参数、数据、碰撞检测、AI等方面的需求。
　　系统需求：包括升级系统、道具系统、招式系统等系统导入器的需求。
　　 3）、策划需求
　　策划的分工：包括剧本、数值、界面、执行等方面。
　　进度控制：要时刻注意时间和开发进度的控制，需要写一个专门的项目进度表。
　　例会：项目会以里程碑的形式呈现。当完成一个里程碑后，或者到达固定日期时，需要召开例行会议，除了成员彼此交流外，还需讨论开发中遇到的困难，进度是否有拖延等问题。确定日程：确定游戏开发的日程和进度安排。包括以下几个方面：
　　1）Demo版本阶段
　　前期策划：前期策划和项目的规划。
　　关卡设计：关卡设计阶段。
　　前期美工：前期的美工制作。
　　后期美工：后期的美工制作。
　　程序实现：程序的实现，包括编码等。
　　 2）Alpha版本阶段
　　内部测试：主要是测试和完善各项功能，看一看是否有重大BUG。
　　3）Beta版本阶段
　　外部测试：进一步测试和完善各项功能，并预备游戏的发行。
　　4）Release版本阶段
　　游戏发行：项目完成阶段，开始正式的发行游戏。
　　5）Gold Release版本阶段
　　开发补丁：开发游戏的补丁包、升级版本，以及 各种官方插件等。
　　2、确定人员：确定各个项目所需的人员。包括策划、程序、美工、测试、音乐、运营等方面。
　　3、分配任务：分配各个人员的具体的开发任务。
　　4、撰写策划书：正式撰写游戏策划书。
　　三、项目开发阶段
　　作为策划来说，此阶段主要需做到同各方面保持顺畅的沟通，并处理各种游戏制作中的突发事件。其中需要做到与同事的沟通、同主管的沟通、同领导和老板的沟通等。四、项目控制阶段
　　1、时间
　　1）成本控制：需要注意到开发成本的控制，包括服务器、客服、场租、人工（社区关系专员、开发团队、管理）、设备（办公室、电脑、家具等）、带宽、网管、宣传、广告和推广的费用等方面。
　　2）市场变化：需要注意市场的因素。
　　发行档期：需要注意发行档期，要赶在暑假和寒假之前发行。
　　盗版因素：必须时刻注意盗版、私服等因素对游戏发行的影响。
　　3）竞争对手的因素：需要时刻注意竞争对手的情况。毕竟，知己知彼，才能百战不殆。
　　2、品质
　　由于开发人员的水平大都参差不齐，所以必须根据制作人员的总体水平，决定作品的品质。既不能要求太高，亦不能要求太低，需要折中考虑。
　　3、突发事件
　　例如，老板的突击检查、项目投资人的突然撤资等，这些都必须全盘考虑。
　　游戏美术的简单分类
　　从游戏表现的形式大体可以分为3D游戏美术和2D游戏美术。两种游戏美术的制作方法，制作流程，表现效果差异都比较大。现在国际上越来越多的游戏采用了3D技术制作，而国内主要还是2D表现形式多一些。 其实无论2D，3D都是为游戏服务的，从最终的结果来看因该都是一样的，就是满足玩家视觉需要。2D游戏中包括有各种类型的游戏，比如即时战略，RPG、ARPG、格斗游戏等。这里着重介绍一下2D ARPG游戏的美术制作。其实不同游戏的制作方法既有差别又是共通的，掌握了其中一种，其余的也将迎刃而解。
　　游戏美术的分工
　　玩过游戏的人都知道，游戏中有几大部分，包括：地图，人物，界面，动画。另外还有肖像，图标，道具等相关因素。因为东西很多，就必须做一定的分工，保证各有专攻，并且能提高工作效率。同时合理的分组能够使每个人的能力得到最大的提升。游戏工作组一般会分为地图组、人物组、平面组、动画组及特效组，每个组的人数不一样，一般来说地图组和人物组的人数会多一些，毕竟一个游戏的制作里面地图和人物占了绝大部分。
　　另外平面组也是最重要的组成部分，而像动画组，特效组则有些比较小的游戏工作组里面一般都是由这3个组里面的人来做。每个小组都必须有个组长，这个组长除了技术不错之外，还必须有较强的流程控制和组协调能力，以及对企划思想的了解，有个比较形象的说法就是，宁愿要5个80分，不要3个100分加上2个60分。要尽量做到让玩游戏的人感觉不到图像是由很多人做出来的。
　　游戏美术的各个分工
　　这是游戏美术最重要的一个部分。上面讲过，游戏美术非常讲究合作，这种合作不只是和企划，程序之间的合作，更是美术各个部分之间的合作。在开始制作前，美术就要和企划协调好，确定好整体风格，确定好俯视角度。一般有30度、45度、60度3种，其中45度又是最常用的。还有一些比较特殊的，比如横版（如街霸）及一些不是很固定的视角（比如《轩辕剑3》），确认角度包括地图的角度和人物的角度。
　　确认完角度下来就是调节灯光，因为人物是在地图行走的，如果两者的明暗对比差别过大，会给玩家很怪的感觉，所以要调节好两者的关系。还要确定好人物和建筑的比例，是写实的还是Q版的，还是混合型的，大体的东西确认好以后才能进入美术的制作。
　　地图部分
　　地图制作按制作方法又可以分为图素拼图和整图制作。图素拼图指的是做出多块8方连续的各种小块的图，通过地图编辑器拼成一种大的地图，比如《帝国时代》、《剑侠情缘2》等，这种方法做出来的地图相对比较平淡，但是比较节省系统资源；整图制作，就是一个场景一次性建模渲染出来，比如《月影传说》《轩辕剑3》等，这种制作方法做出来的图相对丰富， 真实漂亮，但是受机器的影响不能做太大的图。
　　无论采用哪种做法，首先由原画按照企划的要求画出地图原画，最好在每张原画上注明各个细节，标明主要事件点和各个路口，以及战斗的地方，如果是ARPG更是要注明战场在哪里，然后就可以交给3D组建模渲染了。因为一般原画画起来比较快，所以企划必须在原画的时候就确定好。等到制作出来以后基本上就不会有大改动了。
　　关于地图的制作，还有一个很重要的问题要注意就是两张地图的衔接问题，一般我们游戏中行走地图都是一个接一个的，相邻的两个地图之间要有一定的过渡，一种方法就是两张相邻的地图的连接路口要使用一样或接近的材质。另外一种是专门制作一张过渡地图，这主要是在表现地图差异比较大的情况下，比如从某个城市去天山之类的。有了这样的图，玩家在走地图的时候才会有真实的感觉。其实游戏的宗旨就是给人一个虚拟的现实。大家如果仔细看地图的话，会发现地图里的建筑物都是没有透视的，这就是2D游戏的特征。学过美术的，做过效果图的人可能会很不习惯，可是你在玩游戏的时候就不会有不习惯的感觉，原因是游戏中人物一般都是保持大小不变的，所以往前走往后走都是一个高度，不会产生透视效果，如果地图上有透视反而会出现错误。所以一般渲染的时候是在USER视窗，如果是CAMERA视窗的话一定要记得把透视关掉。如果这些问题都考虑好了，一个有较好的3D基础的人，基本上只要经过一定的培训，很快就能参与到地图的制作中来了。当然，地图最后变成程序 能够使用的地图必须经过地图编辑器进行编辑，因为每个游戏的编辑器基本都不一样，所以在这里也不做介绍。
　　人物部分
　　这里指的人物是指游戏中的人物，一般称为主角和NPC，NPC又分为剧情NPC和路人NPC。如果游戏中有怪物，召唤兽之类的也列入这里。
　　人物的制作流程和地图的制作流程差不多，不过因为人物（包括怪兽）的动作是非常重要的组成部分，这是跟地图差异比较大的地方。制作前的准备相对地图的制作会多一点，比如要确定好灯光、人物大小、阴影透明度等，确定后才能进行制作。记住，在这里多花点时间多花点精力是绝对必要的，否则到了后期发现不理想，对工作的影响巨大。人物制作首先是建模，也就是原画根据企划的要求做出人物设定。如果是主角的话最好是上色，并表明一些细节，然后3D制作人员根据原画用3D软件进行建模。
　　细致的人物社定会包括人物的高度、正面、侧面、反面，以及身上的细节。这个大家可以参照一些日本的原画设定，我个人认为如果是做游戏用的人物没有多大必要，如果做CG动画则是非常的需要。
　　建模之后就是调动作。一般一个地图中的人物会有行走，站立，特殊站立（指站着做个小动作，比如女孩子抹一下头发之类的），攻击、被击、死亡等几个动作。如果是主角，动作还会更多，会有跳跃、跑步、攻击又有远程攻击、近身攻击、普通攻击和必杀攻击等，有的还有补血动作等，具体看企划的设定，调动作需要注意的有几点：
　　1、帧数不能太多。一般一个攻击动作也就15桢以内，大家看到的像拳皇里面华丽的招式其实一般也就十几桢。桢数少主要是为了节省资源，在有限的资源里达到效果就行了。
　　2、注意动作的循环。像行走、站立、跑步等一定要循环，就是保证第一桢的动作跟最后一桢的动作是连贯的。如果是用MAX的CS调动作就要记得把第一桢的动作拷贝给最后一桢，这样才能保证行走的时候不会有停滞的感觉，对于攻击动作，如果是很普通的攻击最好也是做到循环，才能像DIABLO里面的勇士一样，很顺畅的一刀一刀砍人。
　　3、 动作之间的连接。各个动作之间要做到动作之间切换的时候自然流畅，比如站立和特殊站立，两个动作连接在一起要看不出跳跃。一般的做法就是两个动作连着做，保持两个动作的头尾桢都一样。还有攻击及被击，死亡和攻击，站立和攻击等等。
　　4、 最后是渲染，因为RPG游戏中的人物一般都有4个方向或者8个方向，所以渲染出来的人物也必须有这么多的方向，而且要保持灯光一致，就是说无论人物转到哪个方向，他受到的灯光都是一样的，比如都是画面的左上方。为了达到这种效果，有两种方法，一种是旋转人物，一种是旋转灯光和摄影机，看个人的习惯，但是一个小组最好采取统一的方式。
　　平面
　　地图，人物都需要平面原画。其实还不止这些，还有道具、海报、图标、肖像等，都是属于平面组负责的范围。对于有心致力于游戏设计的人，有个重要的要求就是对游戏的爱好，因为只有这样才能把企划案上的文字准确的变为原画设定。同时很多时候，风格的统一在原画上就形成了。由于平面涉及很多东西，所以一个优秀的平面设计师必须是多能的。
　　国内 的游戏制作分工还不是非常细，这就要求一个人能完成几样相对接近的工作。如要会原画，会上色画肖像，会画海报等。一个好的平面设计师要懂一些3D软件的使用，那样会极大的提高工作效率，而且能做出很多单纯平面做不出的感觉。
　　界面和肖像也是平面美术的一个重要工作。其中界面是和企划，程序紧密相连的东西。一般的流程就是由企划定出各项功能需求以及大概的按纽分布，然后美术和程序确定好按纽的大小和具体的功能，如动画桢数，坐标等，才进行最终的制作。到最后给玩家的，就是一张精美的界面图了。
　　其它
　　一个完整的游戏当然还缺不了道具、法术效果、地图动画、过场动画等，还有一个重量级的组成部分就是片头片尾的CG动画，用一句话来说就是缺一不可。

html5一般是用canvas绘图来实现，你说的引擎其实就是函数库，封装了一些常用的函数，至于哪个好一些，这个得根据具体情况选择

---

资溪县17775469480： HTML5游戏开发 - 搜狗百科？
第采典泰： 如果初学者的话,看书可能像坐灰机!! 可能看视频教学更直观吧 这里告诉你一个能在线教室,有不懂的,你可以问他!当然完全是免费的. 地址在天翼空间应用工厂里 你自己百度下:“天翼工厂专家讲”坛 就出来了. 一般人我不告诉他 哈哈哈

资溪县17775469480： 我想了解html5游戏开发?求大神急 - ？
第采典泰： 楼主想问的是html5游戏开发是什么吧?H5游戏开发,是在网页上运行的游戏,相比传统的Flash开发,H5有很大的优势,其中最明显的就是运行效率高,而且能在ios上运行.也就是说你用H5开发的游戏可以在微信朋友圈分享和运行~说道H5游戏开发,就不得不提一下Cocos游戏引擎了.作为最热门的游戏引擎之一,Cocos对H5有这极其好的支持.同时还可以跨平台的开发桌面端和移动端,楼主如果对H5开发感兴趣,我推荐从Cocos入手.

资溪县17775469480： 如何开发一个简单的HTML5 Canvas 小游戏 - ？
第采典泰： canvas主要是用js在网页上绘制图形的,所以要想用canvas开发小游戏,就要先掌握好js. canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法.对这些你都要有一定的了解,之后就相当于有了制作游戏的零件,接下来就是组装...

资溪县17775469480： html5游戏开发工具常用的有哪几款 - ？
第采典泰： 为大家推荐12款经常会用到的html5开发工具.1、Adobe Dreamweaver CS6 Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件.由于Dreamweaver支持代码、拆...

资溪县17775469480： 用HTML5做手游开发好吗,有什么优缺点? - ？
第采典泰： HTML5做手游开发优缺点如下:优点:1. 玩家不需要额外安装插件2. 可以直接在 iphone/ipad/android 上使用(但真的会有人想在行动装置浏览器上玩游戏吗?) 缺点:1. 没有好用的开发工具(有的话请推荐一下)2. 开发/维护耗费的时程比 FLASH 长(是吗?)2. 安全性不好,容易破解(但 FLASH 不是也这样吗?)3. 市场占有率比 FLASH 低(要怎么查这方面的资料?)

资溪县17775469480： 如何用HTML5写一个游戏 - ？
第采典泰： 文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言. 网页的本质就是HTML,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页.因而,HTML是Web编程的基础,也就是说万维网是建立在超文本基础之上的 ==================================================== 上面是在百度百科找的.说明javascript属于其他web技术.其实flash也是属于其他web技术.6楼的兄弟估计以为只要是浏览器的东西就是HTML的.

资溪县17775469480： 目前有哪些比较成熟的 HTML5 游戏引擎 - ？
第采典泰： 目前比较成熟的 HTML5 游戏引擎如下:1、cocos2d-js Cocos引擎是由触控科技推出的一站式游戏开发引擎.Cocos易学易用,性能卓越,是html5游戏开发,Android游戏开发工具的首选,为开发者提供了全套的游戏开发解决方案 cocos2d-js是...

资溪县17775469480： 如何用 HTML5 技术开发 MMO 游戏?需要注意哪些方面? - ？
第采典泰： 1. HTML5 不适合做游戏,更别提MMO游戏.2. HTML5是一个开放的业界标准,其特征就是要让更多的人去使用.游戏对于源代码,图像资源的保护要求非常高.而HTML5作为一种业界标准,不可能符合游戏对于源代码保护,图像资源保护的需求.3. 如何利用HTML5开发MMO游戏:可以利用开源的HTML5 3D引擎.网络模块可以使用websocket.需要自己解决资源的异步加载.

资溪县17775469480： 请问如何从头开始学习制作一款HTML5小游戏? - ？
第采典泰： 因为HTML5是HTML和XHTML的升级,所以简单的HTML语言先要弄明白,并且会写.之后在基础上学习视频的现实 ,最后在学习小游戏的制作,现在最权威的平台是W3C,推荐去那里或者html5培训、html5开发吧学习.