前段时间看到一个“熊来了”的HTML5跑酷游戏
2014-11-25 16:02
274 查看
前段时间看到一个“熊来了”的HTML5跑酷游戏,它是一个典型
4000
的正面2D跑酷游戏,这里借用它来介绍一下用Gamebuilder+CanTK开发正面跑酷游戏的基本方法。
var nut = this.find("ui-nut");
var win = this;
var totalScore = 0;
var nut, stone, man, bear, delta, total;
//左右移动人物
this.handlePointerMove = function(point) {
var x = Math.max(Math.min(point.x, win.w * 0.8), win.w * 0.2);
man.setPosition(x, man.y);
}
//处理人物与榛子和石头的碰撞事件
this.handleOnBeginContact = function(body) {
var el = body.element;
var score = el.name == "ui-nut" ? 1000 : -600;
var x = man.x + ((man.w - delta.w)>>1);
totalScore += score;
delta.setText(score).setVisible(true).setPosition(x, man.y);
var config = {yEnd: delta.y-100, opacityStart:1, opacityEnd:0.2, scaleStart:1, scaleEnd:0.2, duration:500,
onDone: function() {delta.setVisible(false);total.setText(totalScore);}};
el.play("dispear", 1, function() { el.setVisible(false).setPosition(0, 0).setV(0, 0);});
delta.animate(config);
}
//初始化游戏
this.initGame = function() {
totalScore = 0;
nut = this.find("ui-nut");
stone = this.find("ui-stone");
man = this.find("ui-man");
bear = this.find("ui-bear");
delta = this.find("ui-delta-score");
total = this.find("ui-total-score");
nut.setVisible(false);
stone.setVisible(false);
function generateObj() {
var random = Math.random();
var obj = random < 0.5 ? nut : stone; obj.setVisible(true).setPosition(win.w >>1, win.h).setV(0, -5).play("normal", 10000);
totalScore += 500;
setTimeout(generateObj, 1000);
}
generateObj();
}
this.initGame();
4000
的正面2D跑酷游戏,这里借用它来介绍一下用Gamebuilder+CanTK开发正面跑酷游戏的基本方法。
var nut = this.find("ui-nut");
var win = this;
var totalScore = 0;
var nut, stone, man, bear, delta, total;
//左右移动人物
this.handlePointerMove = function(point) {
var x = Math.max(Math.min(point.x, win.w * 0.8), win.w * 0.2);
man.setPosition(x, man.y);
}
//处理人物与榛子和石头的碰撞事件
this.handleOnBeginContact = function(body) {
var el = body.element;
var score = el.name == "ui-nut" ? 1000 : -600;
var x = man.x + ((man.w - delta.w)>>1);
totalScore += score;
delta.setText(score).setVisible(true).setPosition(x, man.y);
var config = {yEnd: delta.y-100, opacityStart:1, opacityEnd:0.2, scaleStart:1, scaleEnd:0.2, duration:500,
onDone: function() {delta.setVisible(false);total.setText(totalScore);}};
el.play("dispear", 1, function() { el.setVisible(false).setPosition(0, 0).setV(0, 0);});
delta.animate(config);
}
//初始化游戏
this.initGame = function() {
totalScore = 0;
nut = this.find("ui-nut");
stone = this.find("ui-stone");
man = this.find("ui-man");
bear = this.find("ui-bear");
delta = this.find("ui-delta-score");
total = this.find("ui-total-score");
nut.setVisible(false);
stone.setVisible(false);
function generateObj() {
var random = Math.random();
var obj = random < 0.5 ? nut : stone; obj.setVisible(true).setPosition(win.w >>1, win.h).setV(0, -5).play("normal", 10000);
totalScore += 500;
setTimeout(generateObj, 1000);
}
generateObj();
}
this.initGame();
相关文章推荐
- 前段时间看到的一个处理GIF图像的方法,记录一下
- 前段时间写的一个获取腾讯星座的函数
- 最近静不下来,要折腾,开始感觉时间又不够用了。其中一个就是想要把英语提升上去 幸好在我实施之前看到了这篇文章
- html5画布写的一个键盘游戏(2)
- 使用HTML5的drag&drop做一个数独游戏 推荐
- 从零开始,使用Cocos2d HTML5完成一个游戏——第一步
- 分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS
- 怎样用HTML5 Canvas制作一个简单的游戏
- 分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS
- 从零开始,使用Cocos2d HTML5完成一个游戏——第三步:连环反应
- 来预览一下我业余时间正在写的一个游戏(HGE+DX9+3DS+CN及输入+网络)[+MFC]
- 前段时间是Flash大战HTML5,现在是SliverLight“被遗弃”,我啊羡慕你们的热闹。
- 前段时间做的一个银行存取款系统的DFD图(仅供学习)
- Html5游戏开发-145行代码完成一个RPG小Demo
- 使用HTML5的drag&drop做一个数独游戏
- 前段时间的一个总结--荣新IT培训带给我的......(四) 推荐
- 我的一个全新html5游戏
- html5画布写的一个键盘游戏(1)
- [译]怎样用HTML5 Canvas制作一个简单的游戏
- 问:怎么才能关掉一个用任务管理器关不了的进程?我前段时间发现我的机子里多了一个进程,只要开机就在,我用任务管理器却怎么关也关不了