创建画布 // Create the canvas var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); canvas.width = 512; canvas.height = 480; document.body.appendChild(canvas); 首先我们需要创建一张画布作为游戏的舞台...

开发一个简单的HTML5 Canvas 小游戏步骤如下： 1创建画布 var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); canvas.width = 512; canvas.height = 480; document.body.appendChild(canvas); 2准备图片 var b...

可以参看一下这个例子 http://www.cnblogs.com/Wayou/p/how-to-make-a-simple-html5-canvas-game.html 可以快速上手快速上手HTML5 Canvas小游戏开发

现在h5游戏都用框架去开发，简单方便 你去网上搜一下h5游戏开发框架就可以了 什么白鹭，cocos2d-js之类的

没人能告诉你怎么来开发，首先你要掌握开发的基础知识，当然你可以上网找游戏开发的教程来跟这别人的来做一遍，推荐慕课网上的教程吧，感觉还行http://www.imooc.com/learn/639

推荐了解一下Babylonjs，是一个先进的开源html5游戏引擎。

1. 创建一个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)...

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

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

由简单到难，时间由远倒近，其实H5小游戏非常简单的，根本连canvas都用不到，学点html，css和js就可以了，可以先从山寨别人的游戏开始。