很久以前就想着做一个游戏，但什么都不会又不知道从哪里开始，胡乱找来一些书籍和资料结果太深奥看不懂，无奈只能放弃。这一弃就是十多年，倥偬半生，眼看垂垂老矣，还是没能有什么成果。 近年来游戏引擎越来越多，相关资料也愈加丰富，使得游戏开发的门槛不再那么高了。特别是HTML5游戏，只需要一个支持HTML5的 ...
分类：
Web程序 时间：
2016-09-24 16:02:16
阅读次数：
413
Yorhom|2013-09-26 10:30|次浏览| 游戏开发(4)HTML5(124)游戏引擎(33)Lufylegend.js(1) Html5游戏开发最近受到很多开发者的关注。但是html5本身不是为游戏开发而量身定造的，所以开发起来十分麻烦。因此挑选好的引擎对游戏开发十分有帮助。 在游戏 ...
分类：
Web程序 时间：
2016-09-17 13:29:55
阅读次数：
234
矩形包围盒算法：检测2个矩形是否重叠，在这样情况下要判断2个矩形是否碰撞只需要比较两个矩形顶点的坐标即可。假设矩形A用(x1,y1)表示左上角，(x2,y2)表示右下角，矩形B用(x3,y3)表示左上角，(x4,y4)表示右下角，则满足下列条件则表示没有碰撞，反之则碰撞。没碰撞：x1>x4或者x2< ...
分类：
编程语言 时间：
2016-08-29 17:34:51
阅读次数：
223
追踪算法的原理：目标位置 - 当前位置 / 速度，即： dx = targetX - currentX / speed, dy = targetY - currentY / speed ...
分类：
编程语言 时间：
2016-08-29 17:28:37
阅读次数：
128
转自：https://segmentfault.com/a/1190000002416071 前言 前段时间无聊或有聊地做了几个移动端的HTML5游戏。放在不同的移动端平台上进行测试后有了诡异的发现，有些手机的动画会“快”一点，有些手机的动画会“慢”一点，有些慢得还不是一两点。 通过查找资料发现，基 ...
分类：
编程语言 时间：
2016-07-19 09:25:46
阅读次数：
179
在阅读一本HTML5游戏开发相关书籍时发现一个很好的例子，通过这个例子可以对面向对象的开发进行更深入的理解。这个对象要实现的是：将一个CSS sprite中的图像绘制到canvas中。首先创建一个SpriteSheet对象，代码如下：
var SpriteSheet = new function(){
this.map = { };
this.load = function(sprite...
分类：
Web程序 时间：
2016-07-16 16:32:22
阅读次数：
165
LayaAir是LayaBox推出的Html5游戏引擎，支持 ActionScript3、TypeScript、JavaScript，开源，并且商用免费。 LayaAir IDE 是一款使用LayaAir 引擎来开发应用，游戏的集成开发环境。 LayaAir IDE 下载地址： http://pan ...
分类：
其他好文 时间：
2016-07-12 14:03:02
阅读次数：
349
一般在HTML5游戏开发中，基础的Tag都用在标题，段落以及分行上，下面就来讲解下几种最常用的Tag。当然最好用的HTML5学习方式就是跟随示例，今天我们的HTML5游戏开发教程也从实例开始。首先来看一下标题中的Tag应用。在HTML5游戏开发中，我们用从h1至h6的几个Tag来定义文章的标..
分类：
Web程序 时间：
2016-06-16 08:10:04
阅读次数：
249
一般在HTML5游戏开发中，基础的Tag都用在标题，段落以及分行上，下面就来讲解下几种最常用的Tag。当然最好用的HTML5学习方式就是跟随示例，今天我们的HTML5游戏开发教程也从实例开始。首先来看一下标题中的Tag应用。在HTML5游戏开发中，我们用从h1至h6的几个Tag来定义文章的标..
分类：
Web程序 时间：
2016-06-16 08:09:02
阅读次数：
211
简介 创建画布 游戏循环 Hello world 创建player 键盘控制 a:使用jQuery Hotkeys b:移动player 添加更多游戏元素 炮弹 敌人 使用图片 碰撞检测 声音 简介 你想使用HTML5的Canvas制作一款游戏吗？跟着这个教程，你将立刻上道儿。 阅读该教程需要至少熟 ...
分类：
Web程序 时间：
2016-05-20 08:37:40
阅读次数：
273
