开发小游戏

‘壹’ 小游戏开发

小游戏开发分为两种：微信H5游戏和微信小程序游戏
小程序是一种应用，运行的环境是在微信上；H5是一种技术，依附的外壳是浏览器。
H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，因为小程序的开发过程中只用到一部分H5技术。
H5开发要比小程序开发简单得多，开发时间也快得多，而且小程序的成本要比H5贵很多
以上就是小游戏开发的两种简单说明，希望对你有一定的帮助

‘贰’ 如何快速开发小游戏

这个分类有点大了，页游还是手游还是PC游戏？
用什么语言开发？VC还是java还是C#。
如果你有程序基础，可以用开源的游戏开发引擎做游戏，比如着名的Unity引擎，独立游戏很多都是这个引擎做的，比如国产ARPG良心作：血雨前传 蜃楼
如果没有程序基础但是想开发个小游戏自己过把瘾的话，有个小软件推荐给你：rpg maker。
可以制作简单的游戏。不要求你有任何的程序基础，基本就是自己写个剧本，然后按照剧本使用这个软件把游戏做出来就行了。游戏是2d的，都是些贴图，所以不存在什么建模问题。开发速度会很快，但是做出来的基本就是FC的画质稍好一点，完全跟不上时代。
另外一个选择，你可以研究下地图编辑器，你可以想想大名鼎鼎的dota是怎么做出来的。魔兽争霸3的WorldEditor确实很强力，玩这个需要你有一定的程序基础，因为想要效率高，还是要写代码出来的，WE有内置的脚本语言。当然war3有点老了，你可以折腾暴雪的新作，星际争霸2，听说那个的地图编辑器的功能更强。

游戏开发对于个人来说工作量太大了，没有一个开发团队是很困难的，这个有程序基础的人都会很清楚，这根本就不是一个人能玩转的。

‘叁’ 如何开发一个简单的html5小游戏

创建画布
// 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里写一个<canvas>元素目的是要说明代码创建也是很方便的。有了画布后就可以获得它的上下文来进行绘图了。然后我们还设置了画布大小，最后将其添加到页面上。
准备图片
// 背景图片
var bgReady = false;
var bgImage = new Image();
bgImage.onload = function () {
bgReady = true;
};
bgImage.src = "images/background.png";

游戏嘛少不了图片的，所以我们先加载一些图片先。简便起见，这里仅创建简单的图片对象，而不是专门写一个类或者Helper来做图片加载。bgReady这个变量用来标识图片是否已经加载完成从而可以放心地使用了，因为如果在图片加载未完成情况下进行绘制是会报错的。
整个游戏中需要用到的三张图片：背景，英雄及怪物我们都用上面的方法来处理。
游戏对象
// 游戏对象
var hero = {
speed: 256, // 每秒移动的像素
x: 0,
y: 0
};
var monster = {
x: 0,
y: 0
};
var monstersCaught = 0;

现在定义一些对象将在后面用到。我们的英雄有一个speed属性用来控制他每秒移动多少像素。怪物游戏过程中不会移动，所以只有坐标属性就够了。monstersCaught则用来存储怪物被捉住的次数。
处理用户的输入
// 处理按键
var keysDown = {};

addEventListener("keydown", function (e) {
keysDown[e.keyCode] = true;
}, false);

addEventListener("keyup", function (e) {
delete keysDown[e.keyCode];
}, false);

现在开始处理用户的输入(对初次接触游戏开发的前端同学来说，这部分开始可能就需要一些脑力了)。在前端开发中，一般是用户触发了点击事件然后才去执行动画或发起异步请求之类的，但这里我们希望游戏的逻辑能够更加紧凑同时又要及时响应输入。所以我们就把用户的输入先保存下来而不是立即响应。
为此，我们用keysDown这个对象来保存用户按下的键值(keyCode)，如果按下的键值在这个对象里，那么我们就做相应处理。
开始一轮游戏
// 当用户抓住一只怪物后开始新一轮游戏
var reset = function () {
hero.x = canvas.width / 2;
hero.y = canvas.height / 2;

// 将新的怪物随机放置到界面上
monster.x = 32 + (Math.random() * (canvas.width - 64));
monster.y = 32 + (Math.random() * (canvas.height - 64));
};

reset方法用于开始新一轮和游戏，在这个方法里我们将英雄放回画布中心同时将怪物放到一个随机的地方。
更新对象
// 更新游戏对象的属性
var update = function (modifier) {
if (38 in keysDown) { // 用户按的是↑
hero.y -= hero.speed * modifier;
}
if (40 in keysDown) { // 用户按的是↓
hero.y += hero.speed * modifier;
}
if (37 in keysDown) { // 用户按的是←
hero.x -= hero.speed * modifier;
}
if (39 in keysDown) { // 用户按的是→
hero.x += hero.speed * modifier;
}

// 英雄与怪物碰到了么？
if (
hero.x <= (monster.x + 32)
&& monster.x <= (hero.x + 32)
&& hero.y <= (monster.y + 32)
&& monster.y <= (hero.y + 32)
) {
++monstersCaught;
reset();
}
};

这就是游戏中用于更新画面的update函数，会被规律地重复调用。首先它负责检查用户当前按住的是中方向键，然后将英雄往相应方向移动。
有点费脑力的或许是这个传入的modifier 变量。你可以在main 方法里看到它的来源，但这里还是有必要详细解释一下。它是基于1开始且随时间变化的一个因子。例如1秒过去了，它的值就是1，英雄的速度将会乘以1，也就是每秒移动256像素；如果半秒钟则它的值为0.5，英雄的速度就乘以0.5也就是说这半秒内英雄以正常速度一半的速度移动。理论上说因为这个update 方法被调用的非常快且频繁，所以modifier的值会很小，但有了这一因子后，不管我们的代码跑得快慢，都能够保证英雄的移动速度是恒定的。
现在英雄的移动已经是基于用户的输入了，接下来该检查移动过程中所触发的事件了，也就是英雄与怪物相遇。这就是本游戏的胜利点，monstersCaught +1然后重新开始新一轮。
渲染物体
// 画出所有物体
var render = function () {
if (bgReady) {
ctx.drawImage(bgImage, 0, 0);
}

if (heroReady) {
ctx.drawImage(heroImage, hero.x, hero.y);
}

if (monsterReady) {
ctx.drawImage(monsterImage, monster.x, monster.y);
}

// 计分
ctx.fillStyle = "rgb(250, 250, 250)";
ctx.font = "24px Helvetica";
ctx.textAlign = "left";
ctx.textBaseline = "top";
ctx.fillText("Monsterrs caught: " + monstersCaught, 32, 32);
};

之前的工作都是枯燥的，直到你把所有东西画出来之后。首先当然是把背景图画出来。然后如法炮制将英雄和怪物也画出来。这个过程中的顺序是有讲究的，因为后画的物体会覆盖之前的物体。
这之后我们改变了一下Canvas的绘图上下文的样式并调用fillText来绘制文字，也就是记分板那一部分。本游戏没有其他复杂的动画效果和打斗场面，绘制部分大功告成！
主循环函数
// 游戏主函数
var main = function () {
var now = Date.now();
var delta = now - then;

update(delta / 1000);
render();

then = now;

// 立即调用主函数
requestAnimationFrame(main);
};

上面的主函数控制了整个游戏的流程。先是拿到当前的时间用来计算时间差（距离上次主函数被调用时过了多少毫秒）。得到modifier后除以1000(也就是1秒中的毫秒数)再传入update函数。最后调用render 函数并且将本次的时间保存下来。
关于游戏中循环更新画面的讨论可参见“Onslaught! Arena Case Study”。
关于循环的进一步解释
// requestAnimationFrame 的浏览器兼容性处理
var w = window;
requestAnimationFrame = w.requestAnimationFrame || w.webkitRequestAnimationFrame || w.msRequestAnimationFrame || w.mozRequestAnimationFrame;

如果你不是完全理解上面的代码也没关系，我只是觉得拿出来解释一下总是极好的
为了循环地调用main函数，本游戏之前用的是setInterval。但现今已经有了更好的方法那就是requestAnimationFrame。使用新方法就不得不考虑浏览器兼容性。上面的垫片就是出于这样的考虑，它是Paul Irish 博客原版的一个简化版本。
启动游戏！
// 少年，开始游戏吧！
var then = Date.now();
reset();
main();

总算完成了，这是本游戏最后一段代码了。先是设置一个初始的时间变量then用于首先运行main函数使用。然后调用 reset 函数来开始新一轮游戏（如果你还记得的话，这个函数的作用是将英雄放到画面中间同时将怪物放到随机的地方以方便英雄去捉它）。
到此，相信你已经掌握了开发一个简单H5小游戏需要的基本功了。玩玩这个游戏或者下载代码自己研究研究吧 :)

Feel free to repost but keep the link to this page please!

‘肆’ 怎样开发制作一款游戏

你可以先去【绘学霸】网站找“游戏设计/游戏制作”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=307&zdhhr-11y17r-497042301975376052

想要系统的学习可以考虑报一个网络直播课，推荐CGWANG的网络课。老师讲得细，上完还可以回看，还有同类型录播课可以免费学（赠送终身VIP）。

自制能力相对较弱的话，建议还是去好点的培训机构，实力和规模在国内排名前几的大机构，推荐行业龙头：王氏教育。
王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.huixueba.com.cn/school/3dmodel?type=2&zdhhr-11y17r-497042301975376052

在“游戏设计/游戏制作”领域的培训机构里，【王氏教育】是国内的老大，且没有加盟分校，都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合基础差的学生。

大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html

‘伍’ h5小游戏开发是怎么做的简单吗

这个问题还真不好回答，
H5小游戏，其实就是 html5 + css3 + javascript 等原生技术开发的小游戏。至于简不简单，那得看你的学习能力和理解能力了。html5+css3+javascript 是前端开发的基础技术，但是也是最重要的技术。入门比较容易，但是要精通还真的不简单。
小游戏主要就是结合html5，使用canvas 和 css3的各种属性，然后结合 js来进行操作。学好这些技术，开发一个简单的小游戏并不难。

‘陆’ 专业小游戏开发平台有哪些

据我所知，目前行业里比较专业的，规模比较大的是TOM游戏开发平台，我好几个做推广的朋友都在用他们的游戏

‘柒’ 如何开发网页小游戏

游戏开发，首先得理解游戏的运行原理，网页游戏的话，看你的需求是什么，单机小游戏还是网络游戏，二者的开发复杂程度完全不一样。一般来说，如果只是单机小游戏，利用一些脚本语言来实现页面动画就可以做出来了，比如JS。或者用flash也可以实现。原理简单易学。
如果是网络游戏，那么在学习交互动画的基础上，还要去学会游戏的策划，以及数据库的架构，了解基本通信原理，服务器机制等等。。。有心学习的话，最好找一些demo和教程开始，先理解原理，再学技术。从安全角度来看，国内主流的web游戏开发首选flash，具体的 可以去 天地会论坛 看看，那里有不少的东西，稍微了解一点 确定你是否真的要朝着这方面发展，然后最好，去找个培训班，有老师带，效果完全不一样的。
以上回答你满意么？

‘捌’ 开发小游戏挣钱吗

开发小游戏挣钱，原因如下：

1、行业进入门槛提升。微信生态越来越健全，各项规范不断落实，裂变分享、红包机制、盒子等玩法受到各种限制。流量红利期的快速过渡让很多团队不适应，相比来看，只能说去年太好做了。今年无论是用户对产品，还是买量对数据的要求越来越苛刻。

2、整个流量市场大盘下跌，幅度不小。研发发行感知的会比较明显，具体数据不方便在文章中展示。不过我们更应该讨论的是“流量都去哪儿了”，其实关于这个问题早在2015、2016年手游行业的渠道们就曾讨论过，最后总结为：用户就在哪，有好产品就能激活。

换个角度看，国内的互联网红利期已经结束，战略争夺已经从用户数量向着用户时间转移，随着娱乐产品的丰富，用户可选择的时间消费品越来越多，游戏只是其中一个方面。此外微信小游戏激活了用户更碎片化的时间以及触达了更深层的用户。

‘玖’ 开发一个游戏小程序要多少钱

游戏微信小程序开发一种是模板开发，另外一种是定制开发，这两种开发方式和开发费用都不一样：

1、模板开发

小程序模板开发价格就相对较低，一般几千到一万左右。优点是价格便宜，操作简单，能快速上线。

2、定制开发

定制开发的小程序可以根据客户的实际所需功能量身定造，该类型开发，因为排版，功能需求，UI页面设计的复杂性，一般研发费用都在1万以上，当然，目前小程序的开发成本是与功能、页面的多少成正比关系的，如果需要开发的小程序功能并不多，那么开发成本自然就低，反之亦然。

在开发周期上，小程序的开发周期平均为4个星期，而一款iOS/Android双平台APP通常需要3个月的时间；在手机适配方面，小程序是一次开发，多种终端适配，APP则需要逐一调试；作为商家最为关心的开发费用，通常也不会超过5万元，而一款优秀APP的成本至少会超过十万元。

玩转h5营销活动，助力销售转化提升！点击这里获取实用的h5游戏制作工具：凡科互动