DDDgtal Media Weblog

Stage II

Ideation Sketches

Backbone Architecture

Prototype's Flow

The game's flow pretty much depends on the time limit as well as the score (amount of rubbles collected according to the game). If the player manage to collect all the rubbles required before "Time Out", then the player wins. Otherwise, he or she will lose. No high scores, no record track of previous player's achievements. It's either you collect 'em all or you don't. Simple enough? Ditto.

Rules & Logic

Player and Game Controls

As any platform game, Rubble Rumble 1.0 works just about the same :

- Player movements are based on arrow keys to move; up (jump), left and right (walk/climb).
- The scores indicate the amount of rubbles collected by the player. 1 score = 1 rubble.
- Stage contains rubbles (points/scores), ladders, walls, borders, and obstacles (enemies).
- Gravity force, so that the player can walk/fall like our normal ground.
- The player has about 15 minutes to collect all 'em rubbles.
- Enemies walk/fly freely on the stage, they can't shoot.

Working Scripts examples

detectKeys function (Arrow keys)

function detectKeys() {
var ob = _root.char;
var keyPressed = false;
if (Key.isDown(Key.RIGHT)) {
keyPressed=_root.moveChar(ob, 1, 0);
} else if (Key.isDown(Key.LEFT)) {
keyPressed=_root.moveChar(ob, -1, 0);
} else if (Key.isDown(Key.UP)) {
keyPressed=_root.moveChar(ob, 0, -1);
} else if (Key.isDown(Key.DOWN)) {

keyPressed=_root.moveChar(ob, 0, 1);
}
if (!keyPressed) {
ob.clip.char.gotoAndStop(1);
} else {
ob.clip.char.play();

}
}

getMyCorners function (Wall collision)

function getMyCorners (x, y, ob) {

ob.downY = Math.floor((y+ob.height-1)/game.tileH);
ob.upY = Math.floor((y-ob.height)/game.tileH);
ob.leftX = Math.floor((x-ob.width)/game.tileW);
ob.rightX = Math.floor((x+ob.width-1)/game.tileW);
//check if they are walls
ob.upleft = game["t_"+ob.upY+"_"+ob.leftX].walkable;

ob.downleft = game["t_"+ob.downY+"_"+ob.leftX].walkable;
ob.upright = game["t_"+ob.upY+"_"+ob.rightX].walkable;
ob.downright = game["t_"+ob.downY+"_"+ob.rightX].walkable;
}

Ladders

game.Tile4= function () {};
game.Tile4.prototype.walkable=false;
game.Tile4.prototype.frame=2;
game.Tile4.prototype.ladder=true;
game.Tile4.prototype.item="ladder";
game.Tile5= function () {};

game.Tile5.prototype.walkable=true;
game.Tile5.prototype.frame=1;
game.Tile5.prototype.ladder=true;
game.Tile5.prototype.item="ladder";

References

Cartoon Smart
Tile Based Game
Own downloaded tutorial .fla and .swf files
http://www.rcc.ryerson.ca/schools/rta/flowchart/harry.html
http://www.rcc.ryerson.ca/schools/rta/flowchart/ydkj1.html
http://www.rcc.ryerson.ca/schools/rta/flowchart/ydkj6.html
http://www.rcc.ryerson.ca/schools/rta/flowchart/landmines.html