怎么用html5开发游戏

首先我们需要创建一张画布作为游戏的舞台。这里通过JS代码而不是直接在HTML里写一个canvas元素目的是要说明代码创建也是很方便的。有了画布后就可以获得它的上下文来进行绘图了。然后我们还设置了画布大小，最后将其添加到页面上。

HTML5教程 主要学习HTML标签、属性和事件。CSS教程 主要学习使用CSS来控制网页的样式和布局。JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。HTML5其它的核心技术 做HTML5开发，可能会用到下面的技术。（1）WebWorker 可以在浏览器中运行多个JS脚本。

建立第一个项目，项目环境设置开发一个场景（页面）很不幸，许多游戏引擎还是native方式搭建界面的，比如cocos，需要你一步步指明界面控件的位置。

比如使用html5的画布标签canvas开发一个简单的类似qq游戏你画我猜的游戏：首先你要学会canvas标签的基本用法，画线，画笔大小，画笔，截图保存等，然后结合你的js功底在画布上要画出连续的平滑的线条，然后别人就可以根据画的图，猜词语了，猜中了就给分。然后排名什么的。

创建一个Canvas对象 [javascript] view plaincopy // Create the canvas var canvas = document.createElement（canvas）；var ctx = canvas.getContext（2d）；canvas.width = 512；canvas.height = 480；document.body.appendChild（canvas）；我们首先要做的是创建一个canvas对象。

html5游戏开发,需要学习什么技术?

特效管理与渲染（粒子系统，自然模拟（如水纹，植物等模拟），光照和材质处理，LOD（LevelObjectDetail）管理等，另外还有图形数据转换工具开发，这些工具主要用于把美工用DCC软件（如3DSMax，Maya，SoftXSI，SoftImage3D等）软件制作的模型和动作数据以及用Photoshop或painter等工具制作的贴图，转化成游戏程序中用的资源文件。

HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.● CSS3：CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。

学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用，完成页面UI设计。也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合；学习HTMLCSS响应式页面布局、微网站制作等开发移动互联网的应用。

游戏如何快速换皮,如何快速开发html5游戏

首先，游戏换皮需要有一个清晰明确的设计思路。游戏换皮并不是随意更改游戏的外观和界面，而是需要有一个完整的设计思路和方案。开发者需要考虑玩家的使用习惯和喜好，将最新的设计理念和时尚元素融入游戏中，打造一个与众不同的游戏外观和界面。其次，游戏换皮需要具有一定的技术支持。

第一步：确定换皮方案 在换皮之前，我们需要确定一个换皮方案。这个方案需要考虑到游戏的类型、风格、玩法等因素，同时还需要考虑到各个元素的搭配以及美术资源的可获得性等问题。只有在明确了换皮方案之后，才能够进入到下一步的实际操作中。

选择最适合的技术选型，目前推荐cocos和dom，语言当然是h5+js，Ide嘛，一般有游戏专用的ide，比如cocos的createor。不然就要使用通用ide了，比如dw。建立第一个项目，项目环境设置开发一个场景（页面）很不幸，许多游戏引擎还是native方式搭建界面的，比如cocos，需要你一步步指明界面控件的位置。

html5游戏开发，需要学习的技术：HTML5教程 主要学习HTML标签、属性和事件。CSS教程 主要学习使用CSS来控制网页的样式和布局。JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。HTML5其它的核心技术 做HTML5开发，可能会用到下面的技术。

html5游戏开发需要注意什么?

1、学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功。

2、现在开始处理用户的输入（对初次接触游戏开发的前端同学来说，这部分开始可能就需要一些脑力了）。在前端开发中，一般是用户触发了点击事件然后才去执行动画或发起异步请求之类的，但这里我们希望游戏的逻辑能够更加紧凑同时又要及时响应输入。所以我们就把用户的输入先保存下来而不是立即响应。

3、学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。

4、在北大青鸟Web前端开发课程第二阶段完全可以实现大家平常喜欢玩的2048游戏。（是不是感觉挺有意思）接着学习使用一些JavaScript库，比如Jquery是大部分Web开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。

如何快速开发html5游戏?

1、LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。

2、一般学习流程步骤如下了解相关游戏背景知识与专业术语（理解场景（页面），sprite（控件），时间轴（timer，定时器）等东东）了解具体语言以及ide，以及游戏引擎比如dom，cocos等 选择最适合的技术选型，目前推荐cocos和dom，语言当然是h5+js，Ide嘛，一般有游戏专用的ide，比如cocos的createor。

3、html5游戏开发，需要学习的技术：HTML5教程 主要学习HTML标签、属性和事件。CSS教程 主要学习使用CSS来控制网页的样式和布局。JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。HTML5其它的核心技术 做HTML5开发，可能会用到下面的技术。

4、Adobe Edge Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。

5、我先问下开发游戏是不是要什么引擎，好像有impac... 我现在会一点html5，因为刚刚开始学。会jquery，js，但不是非常精通的那种，用于一半网页处理倒是会的，现在想了解用html5开发游戏的。