html5(熊与蘑菇)一步一步学做游戏 第七回:熊碰到奖品处理
2012-05-30 15:28
1216 查看
第七回主要讲 熊 撞到奖品之后,奖品消失 预期达到的效果: http://www.html5china.com/html5games/mogu/index6.html 简单说下原理: 给奖品加上一个存是否被撞过的属性hit,默认值为false。当奖品撞…
第七回主要讲熊撞到奖品之后,奖品消失
预期达到的效果:http://www.html5china.com/html5games/mogu/index6.html
简单说下原理:
给奖品加上一个存是否被撞过的属性hit,默认值为false。当奖品撞到的时候。改变hit的值为true。描绘奖品的时候判断hit值是否有没撞到,被撞到的话就不描绘
一、给奖品加hit属性
JavaScript Code复制内容到剪贴板
//定义奖品数组Prizes和对象Prize,继承游戏对象GameObject
var prizes = new Array();
function Prize() {};
Prize.prototype = new GameObject();//继承游戏对象GameObject
Prize.prototype.row = 0;//奖品行位置
Prize.prototype.col = 0;//奖品列位置
Prize.prototype.hit = false;//是否被撞过
二、熊撞到奖品事件
JavaScript Code复制内容到剪贴板
//撞到奖品
function HasAnimalHitPrize()
{
//取出所有奖品
for(var x=0; x<prizes.length; x++)
{
var prize = prizes[x];
//假如没有碰撞过
if(!prize.hit)
{
//判断碰撞
if(CheckIntersect(prize, animal, 0))
{
prize.hit = true;
//熊反弹下沉
verticalSpeed = speed;
}
}
}
}
三、在描绘奖品函数中加如判断是否有被碰撞 if(!prize.hit) ,没被撞过,则描绘出来
JavaScript Code复制内容到剪贴板
//撞到奖品
function HasAnimalHitPrize()
{
//取出所有奖品
for(var x=0; x<prizes.length; x++)
{
var prize = prizes[x];
//假如没有碰撞过,则描绘在画布上
if(!prize.hit)
{
//判断碰撞
if(CheckIntersect(prize, animal, 0))
{
prize.hit = true;
//熊反弹下沉
verticalSpeed = speed;
}
}
}
}
到此第七回的完整代码如下:
展开XML/HTML Code复制内容到剪贴板
第七回讲完,整个游戏功能的大概框架已经出来了,成功就在眼前~
后面我们的任务就是去完善这个简陋的游戏,比如说加开始按钮、熊的生命数、显示得分、奖品被碰到后旋转再消失、蘑菇被碰到后颤抖几下、音乐等等
讲到这了,相信大家已经对整个游戏的功能、流程差不多了解了。后面的回合就不讲那么详细了,浪费大家的时间是吧~
第八回,开始完善游戏,加开始按钮、生命数、现实得分
大家有什么建议的话,可以到论坛留言讨论交流:http://bbs.html5china.com/read.php?tid=2
希望大家在其他地方引用的时候,注明引用来自html5中文网
--作者:深邃老马
第七回主要讲熊撞到奖品之后,奖品消失
预期达到的效果:http://www.html5china.com/html5games/mogu/index6.html
简单说下原理:
给奖品加上一个存是否被撞过的属性hit,默认值为false。当奖品撞到的时候。改变hit的值为true。描绘奖品的时候判断hit值是否有没撞到,被撞到的话就不描绘
一、给奖品加hit属性
JavaScript Code复制内容到剪贴板
//定义奖品数组Prizes和对象Prize,继承游戏对象GameObject
var prizes = new Array();
function Prize() {};
Prize.prototype = new GameObject();//继承游戏对象GameObject
Prize.prototype.row = 0;//奖品行位置
Prize.prototype.col = 0;//奖品列位置
Prize.prototype.hit = false;//是否被撞过
二、熊撞到奖品事件
JavaScript Code复制内容到剪贴板
//撞到奖品
function HasAnimalHitPrize()
{
//取出所有奖品
for(var x=0; x<prizes.length; x++)
{
var prize = prizes[x];
//假如没有碰撞过
if(!prize.hit)
{
//判断碰撞
if(CheckIntersect(prize, animal, 0))
{
prize.hit = true;
//熊反弹下沉
verticalSpeed = speed;
}
}
}
}
三、在描绘奖品函数中加如判断是否有被碰撞 if(!prize.hit) ,没被撞过,则描绘出来
JavaScript Code复制内容到剪贴板
//撞到奖品
function HasAnimalHitPrize()
{
//取出所有奖品
for(var x=0; x<prizes.length; x++)
{
var prize = prizes[x];
//假如没有碰撞过,则描绘在画布上
if(!prize.hit)
{
//判断碰撞
if(CheckIntersect(prize, animal, 0))
{
prize.hit = true;
//熊反弹下沉
verticalSpeed = speed;
}
}
}
}
到此第七回的完整代码如下:
展开XML/HTML Code复制内容到剪贴板
第七回讲完,整个游戏功能的大概框架已经出来了,成功就在眼前~
后面我们的任务就是去完善这个简陋的游戏,比如说加开始按钮、熊的生命数、显示得分、奖品被碰到后旋转再消失、蘑菇被碰到后颤抖几下、音乐等等
讲到这了,相信大家已经对整个游戏的功能、流程差不多了解了。后面的回合就不讲那么详细了,浪费大家的时间是吧~
第八回,开始完善游戏,加开始按钮、生命数、现实得分
大家有什么建议的话,可以到论坛留言讨论交流:http://bbs.html5china.com/read.php?tid=2
希望大家在其他地方引用的时候,注明引用来自html5中文网
--作者:深邃老马
相关文章推荐
- 一步一步学做游戏 第七回:熊碰到奖品处理
- html5(熊与蘑菇)一步一步学做游戏 第四回:熊碰撞边界处理
- html5(熊与蘑菇)一步一步学做游戏 第五回:熊碰撞蘑菇处理
- html5(熊与蘑菇)一步一步学做游戏 第六回:绘制奖品
- html5(熊与蘑菇)一步一步学做游戏 第八回:完善游戏
- 一步一步学做游戏 第五回:熊碰撞蘑菇处理
- html5(熊与蘑菇)一步一步学做游戏 第一回:游戏分析
- html5(熊与蘑菇)一步一步学做游戏 第二回:让蘑菇随鼠标动起来
- html5(熊与蘑菇)一步一步学做游戏 第三回:让熊动起来
- 一步一步学做游戏 第二回:让蘑菇随鼠标动起来
- 使用Ant一步一步压缩混淆Cocos2d-html5游戏
- 一步一步学做游戏 第二回:让蘑菇随鼠标动起来
- 一步一步学做游戏 第四回:熊碰撞边界处理
- [Cocos2d-html5] 使用Ant一步一步压缩混淆Cocos2d-html5游戏
- 一步一步学做游戏 第六回:绘制奖品
- 一步一步学Cocos2d-html5做游戏教程(入门篇)
- 一步一步学Jquery+HTML5做游戏教程讨论
- 如何使用Createjs来编写HTML5游戏(二)使用EaselJS处理图片
- Html5 Egret游戏开发 成语大挑战(八)一般性二级页面处理
- cocos2d-html5游戏学习之绘画蘑菇