一.官网http://www.pandajs.net/二.主要特性使用高速图形渲染 pixi.js使用粒子引擎(Particle engine)制作特效缓动(Tweening)物理引擎(Physics engine)定时器(Timer)移动端支持声效管理模块化(Modules)的方式组织你的源代码三...
分类:
Web程序 时间:
2015-08-27 12:40:35
阅读次数:
154
Phaser.js 是一款 HTML5 2D 游戏开发框架,掌握Phaser.js,可以快速地开发出自己的 HTML5 游戏。
分类:
Web程序 时间:
2015-08-21 15:06:18
阅读次数:
314
跟踪导弹
function(targetPosition){
// 让物体朝目标移动的方法
var speed = 5;
var targetPoint = targetPosition;
var thisPoint = cc.p(this.x, this.y);
//求两点的差值,其实就是两点的坐标相减
var delta = cc.pSub...
分类:
移动开发 时间:
2015-08-21 13:39:20
阅读次数:
234
功能特点(Features)易维护代码(Easy Asset Loading)Phaser可以加载图片,音频文件,数据文件,文本文件和自动解析精灵图和纹理地图集数据(出口纹理封隔器或Flash CS6)屏幕(Cameras)查看你的游戏窗口,你可以有多个摄像头,每个摄像头可以分为一个独特的大小区域,...
分类:
Web程序 时间:
2015-08-21 10:53:27
阅读次数:
210
之前写过一篇打地鼠的博客70行的代码实现打地鼠游戏,仔细思考过后,发现70行代码都有点多余了,应用tangide的控件特性,可以将代码量缩减到20行左右。
先show一下最终成果,点击试玩:打地鼠,或者扫描二维码:
如果你想在这个游戏上改进,点击这里。
开始讲解之前,打个广告,欢迎html5游戏开发爱好者扫描下方二维码或者搜群号223466431,加入开发者QQ群,我们...
分类:
Web程序 时间:
2015-08-18 14:12:16
阅读次数:
621
Cantk-Runtime是通用的HTML5 Canvas 2D游戏引擎运行库,让HTML5游戏的性能飞起来。Cantk-Runtime以PhoneGap插件的方式提供,从此结束PhoneGap低性能的恶名。本文介绍如何将cantk runtime嵌入到现有的APP中。...
分类:
移动开发 时间:
2015-08-03 14:46:16
阅读次数:
211
勇闯独木桥
var canvas = document.getElementById('canvas');
var cxt = canvas.getContext('2d');
// 定时器
var timer;
// 游戏结束控制开关
var iStop = false;...
分类:
微信 时间:
2015-08-01 06:25:33
阅读次数:
327
离屏canvas在大多数的情况下是应用到html5 游戏中,但是最近接触到的一个项目是运用到绘制大量的图形上。
譬如有以下的需求,在一个固定的背景图上面绘制一个动态的时间。拿到这个需求,大部分搞过html5 开发的坑定知道具体的步骤怎么做,下面我简单说一下:
1、先绘制背景。
2、将时间格式化绘制到背景上面。
3、清除canvas ,重复第一和第二步。
js文件如下:
$(docume...
分类:
Web程序 时间:
2015-07-27 16:23:16
阅读次数:
157
好久没有更新博客了,最近在努力修炼提升逼格,当然了还有个恶心的毕业论文...当然啦。。。在写这个论文的时候也就是为了提升下自身的技术,毕竟我的公司也不是游戏公司,SO 我决定开发个手机游戏。然后考虑到用户一般也就4种情况会玩手机,上下班,上厕所,睡觉前,上班没事干又不能用电脑玩的情况.....所以设...
分类:
Web程序 时间:
2015-07-03 10:27:50
阅读次数:
182
用TangIDE开发游戏的朋友都知道,你可以像编辑普通的窗口一样编辑资源加载窗口,加入各种丰富的控件和动画效果,但是进度条相对比较单调,现在进度条默认是两张小图,加载时按九宫格来绘制,如果你不想用九宫格,想用两张长途,那么你可以在资源加载窗口的onSystemInit事件下,重写进度条控件(UIProgressBar)的drawBgImageH方法(这里的H表示水平形状的进度条),改变图片的绘制方式...
分类:
其他好文 时间:
2015-06-26 15:03:11
阅读次数:
127