力学模拟+屏幕渲染+游戏进度管理,用的Actionscript,不难。源码在Github上的TCXX/CatsAdventure可以找到,毫无代码风格可言,能跑。
游戏设计
类似超级玛丽,取名《猫咪大作战》。方向键控制猫咪进行移动、跳跃、发射子弹,到达泡泡进入下一关。
屏幕顶端有个时间条,随着时间流逝慢慢向左缩短。当时间耗尽,猫咪的探险也就结束了。
猫有9条命,触碰狗或篝火减一条,直至为0。
一些关卡中会出现特效道具。
还有一些关卡会有移动的狗啦蜜蜂啦,可以用子弹打或者使劲跑。
关卡进度可保存。
游戏参数
- Flash主版本号:cs5
- Flash Player 最低版本号:10.0.2.13
- 屏幕分辨率:1024×768或更高
力学模拟
游戏引擎主要考虑以下几个力:摩擦力,拖拽力,空气阻力,重力,和支持力。
因为是二维世界的模拟,每个物体有x和y两个方向上的速度,vx和vy。渲染的时候,每个单位时间物体的新位置:
x’ = x + dx
y’ = y + dy
重力是每个时间单位自动叠加到速度上的。每个物体自带一个叫status的变量,标记当前是否腾空,用来判断一些操作比如跳跃是否有效。如果物体有地面支撑,会cancel重力效果。
如果猫咪从太高的地方下落,会有反弹效果。实现方式为:
dy’ = -c*dy (0<c<1)
猫紧贴墙壁的时候使用跳跃键,可以使猫咪顺墙而上。因为猫会爬树。
水平拖拽力是每时间单位增加,直到允许的最大拖拽速度。
if (_player.keyLeftPressed) {
_player.vx -= _player.dragForce;
}
if (_player.keyRightPressed) {
_player.vx += _player.dragForce;
}
if (_player.vx > 0) {
if (_player.vx > _player.friction) {
_player.vx -= _player.friction;
} else {
_player.vx = 0;
}
} else {
if (_player.vx < -_player.friction) {
_player.vx += _player.friction;
} else {
_player.vx = 0;
}
}
空气阻力同理,物品掉落过程中达到自由落体最高速度就不再增加。
if (_player.vy > _player.MAX_FALLING_SPEED) {
_player.vy = _player.MAX_FALLING_SPEED;
}
碰撞检测
最开始用的检测算法,被吐槽太多了只好又写了一个。代码略长,一共三百多行,不复制过来主要还是因为写得太烂了。描述一下大致思路:
- 根据player的坐标,确定player周围的九个格子,然后一个个看格子里有没有地面也就是砖块。此步得到地面的一个list。
- 把list里的每个砖块转换成一个正方形区域,把player转换成一个长方形区域。调用ActionScript自带的intersection函数,比较player和每个砖块的区域,看看返回的结果是否为空。
- 对于每个砖块,如果和player有重叠的区域,那么根据相对位置判断相撞方向,再根据该方向的当前速度,要么强制归零要么dy’ = -c*dy反弹。同时更新status变量。
反弹已经很友好了。像塞尔达这种游戏里,都是直接算摔死的。
屏幕渲染
首先是一些基本操作,比如在物体移动出了屏幕边界的时候就会被从画布上移除。
在计算游戏中物体的具体位置时,一种粗糙的处理方式是直接修改Flash元件在舞台上的显示坐标。这样做的缺点是,每次改动都会重新渲染屏幕,消耗不必要的时间和资源。所以先保存每个物体的理论位置,再统一渲染。甚至动用了神秘的名叫tempX和tempY的变量(误)。
尽管如此,子弹多的时候画面还是超级卡。
游戏进度
有剧情有鸡汤。除了判定是否重来、晋级下一关以外,还特地藏了个作弊键,一键到下一关。
番外:关卡地图编辑器
游戏地图用二维数组保存,1表示此处有墙,0表示此处无墙。由于手写数据非常不直观,还容易出错,于是用Visual Basic写了一个小工具,可以直观地编辑游戏地图,并生成对应的代码。
界面最上方设置数组名称、数组规模,下方的大块区域是A*B的方格,每个格子通过鼠标点击切换黑白颜色,对应有墙无墙两种状态。完成地图编辑后单击右上方的按钮“生成代码”,文本框里会出现自动生成的代码用于复制。
VB6年久失修,刚刚用虚拟机跑了一下发现中文显示不出来了。放个大致的界面你们感受一下就好。
Game LIFE 遊戲情報
https://gamelife.tw/portal.php
很棒的內容! 保持良好的工作!