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
}
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么