flash小游戏相信很网友都玩过,有没有想过自己制作一个呢?本教程教用Flash工具设计开发一个青蛙跳荷叶的小游戏,作者提供了制作的思路,还有步骤效果的源代码,对我们的学习很有利,希望大家能喜欢~
先看看游戏的最终效果:
预览效果
制作步骤:
一、青蛙跳动起来。
二、来回移动的荷叶。
三、修改“来回移动的荷叶”。
四、跳上荷叶。
五、背景的移动。
六、更像是跳到荷叶上。
七、加上开始,结束。
八、增加游戏的可玩性(吃小虫)。
九、添加平面,效果。
一、青蛙跳动起来
先完成的当然就是青蛙的跳动了,因为我们是以俯视的的角度,所以高低的状态就是尺寸的大小,移动就是y坐标的减。效果及源代码下载:
效果1
代码及相关注释:
//游戏的最大深度,后面会用的,要设一下最大的尝试,因为我们用到一个鼠标拖动。
var numMaxDepth:Number = 1000;
//跳动的过程############################
//青蛙mc名称
var mcPlayer:MovieClip;
//移动
function playerMove() {
//这是自定义的一个从初使值到最高值,再以同样的增量回到初值的类,要结合onEnterFrame循环来移动。
//new casUpTopDown(10) 移动次数
mcPlayer.objUpTopDown = new casUpTopDown(10);
//速度
mcPlayer.numSD = 10;
//什么时候开始
mcPlayer.numStar = 100;
//青蛙移动的速度
mcPlayer.numMoveSd=4
//循环来移动
mcPlayer.onEnterFrame = function() {
if (this.objUpTopDown.run() != 0) {
this._xscale = this._yscale=(this.numStar+this.objUpTopDown.run()*this.numSD);
this._y-=this.numMoveSd
} else {
//释放资源
delete (this.onEnterFrame);
delete (this.objUpTopDown);
delete (this.numSD);
delete (this.numStar);
delete (this.numMoveSd);
}
};
}
//
//鼠标#############################
//mouseStyle, 鼠标样式
_root.attachMovie("mouse", "mouseStyle", numMaxDepth);
var objMouse:Object = new Object();
// onMouseDown、onMouseMove、onMouseUp 和 onMouseWheel
objMouse.onMouseDown = function() {
//trace("按下");
};
objMouse.onMouseMove = function() {
//trace("移动");
_root.mouseStyle._x = _xmouse;
_root.mouseStyle._y = _ymouse;
};
objMouse.onMouseUp = function() {
//trace("松开");
playerMove();
};
Mouse.hide();
Mouse.addListener(objMouse);
casUpTopDown.as
class casUpTopDown {
//
var numV:Number = 0;
//最大次数
var numMax:Number;
//
var numFx:Number = 1;
//是否反方向
var isFx:Boolean = false;
//
function casUpTopDown(numMax:Number){
this.numMax=numMax
}
//
function run() {
if (numV+1 numV++;
return numV
} else {
if (numV-1>0) {
isFx = true;
numV--;
return numV
}else{
return 0
}
}
}//end fun
}
二、来回移动的荷叶
版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明!