603 lines
15 KiB
JavaScript
603 lines
15 KiB
JavaScript
"use strict";
|
|
|
|
(function()
|
|
{
|
|
function loadState(game, state)
|
|
{
|
|
if(state === 0xbaffbeff)
|
|
{
|
|
//throw "todo";
|
|
game.posX = 350;
|
|
game.posY = 577;
|
|
game.removeObjectById("saveState1");
|
|
}
|
|
else
|
|
{
|
|
console.log("invalid state: " + state);
|
|
}
|
|
}
|
|
|
|
function saveState1(game)
|
|
{
|
|
game.saveState(0xbaffbeff);
|
|
game.removeObject(this);
|
|
}
|
|
|
|
|
|
function saveState2(game)
|
|
{
|
|
game.saveState(0xf0f0b33f);
|
|
game.removeObject(this);
|
|
}
|
|
|
|
function movePlatform(game)
|
|
{
|
|
if(this.backward)
|
|
{
|
|
if(this.y <= 300)
|
|
{
|
|
this.backward = false;
|
|
this.forward = true;
|
|
}
|
|
else
|
|
{
|
|
game.moveObjectDown(this, -1);
|
|
}
|
|
}
|
|
|
|
if(this.forward)
|
|
{
|
|
game.moveObjectDown(this, 4);
|
|
|
|
if(this.y === 460)
|
|
{
|
|
this.backward = false;
|
|
this.forward = false;
|
|
}
|
|
else if(this.y > 588)
|
|
{
|
|
this.backward = true;
|
|
this.forward = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
function moveSpike(length, speed)
|
|
{
|
|
return function(game)
|
|
{
|
|
if(this.start === undefined)
|
|
{
|
|
this.start = this.x;
|
|
}
|
|
|
|
if(this.backward)
|
|
{
|
|
if(this.x === this.start)
|
|
{
|
|
this.backward = false;
|
|
this.forward = false;
|
|
}
|
|
else
|
|
{
|
|
this.x -= speed;
|
|
}
|
|
}
|
|
|
|
if(this.forward)
|
|
{
|
|
if(Math.abs(this.x - this.start) >= length)
|
|
{
|
|
this.backward = true;
|
|
this.forward = false;
|
|
}
|
|
else
|
|
{
|
|
this.x += speed;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function moveSpikeLaby1(game)
|
|
{
|
|
if(this.forward)
|
|
{
|
|
if(this.x > 395)
|
|
{
|
|
this.x -= 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
function moveSpikeLaby2(game)
|
|
{
|
|
this.x -= Math.rectangle(150)(game.tickCount);
|
|
}
|
|
|
|
function startObject(id)
|
|
{
|
|
return function(game)
|
|
{
|
|
if(!game.dead)
|
|
{
|
|
var obj = game.objectMap[id] || id;
|
|
|
|
obj.forward = true;
|
|
obj.backward = false;
|
|
}
|
|
};
|
|
}
|
|
|
|
function tickFunction(game)
|
|
{
|
|
game.viewportX = Math.min(350, Math.max(0, game.posX - 200) * .4 | 0);
|
|
}
|
|
|
|
// the spikes in the first part of the game
|
|
function MovingSpike(posX, posY, triggerY, moveLength, speed)
|
|
{
|
|
this.position = { x: posX, y: posY };
|
|
this.image = speed < 0 ? "spikesLeft" : "spikesRight";
|
|
this.killing = true;
|
|
this.tickFunction = moveSpike(moveLength, speed);
|
|
this.dynamic = true;
|
|
|
|
this.init = function(game)
|
|
{
|
|
game.addObject({
|
|
x: 0,
|
|
y: triggerY,
|
|
shape: new Rectangle(300, 100),
|
|
trigger: startObject(this),
|
|
});
|
|
};
|
|
}
|
|
|
|
|
|
return {
|
|
|
|
resourceDir: "res/original/",
|
|
musicDir : "res/music/",
|
|
|
|
startPosition: { x: 3, y: 575 },
|
|
startViewport: { x: 0, y: 0 },
|
|
|
|
width: 1200,
|
|
height: 600,
|
|
|
|
characterWidth : 25,
|
|
characterHeight: 21,
|
|
|
|
backgroundMusic : "Fire_Man_Stage.ogg",
|
|
deathMusic : "28.ogg",
|
|
|
|
jumpMusic1 : "jump1.ogg",
|
|
jumpMusic2 : "jump2.ogg",
|
|
|
|
loadState: loadState,
|
|
|
|
init : function(game)
|
|
{
|
|
var canvas = document.createElement("canvas"),
|
|
context;
|
|
|
|
canvas.width = game.width;
|
|
canvas.height = game.height;
|
|
context = canvas.getContext("2d");
|
|
|
|
game.addDrawHook(function(game)
|
|
{
|
|
return;
|
|
var renderer = game.renderer,
|
|
x = game.posX + game.level.characterWidth / 2 - game.viewportX | 0,
|
|
y = game.posY + game.level.characterHeight / 2 - game.viewportY | 0;
|
|
|
|
context.clearRect(0, 0, game.width, game.height);
|
|
|
|
var g = context.createRadialGradient(x, y, 0, x, y, 200);
|
|
g.addColorStop(1, 'rgba(0,0,0,.95)');
|
|
g.addColorStop(0, 'rgba(0,0,0,0)');
|
|
|
|
context.fillStyle = g;
|
|
context.fillRect(0, 0, game.width, game.height);
|
|
|
|
renderer.context.drawImage(canvas, 0, 0);
|
|
});
|
|
|
|
},
|
|
|
|
|
|
physics : {
|
|
jumpInitialSpeed : -5,
|
|
jumpGravity : .15,
|
|
jumpTicks : 100,
|
|
|
|
fallSpeedCap : 4.5,
|
|
fallGravity : 0.3,
|
|
|
|
moveSpeed : 2,
|
|
|
|
timePerTick : 12,
|
|
},
|
|
|
|
|
|
backgroundColor : "#211",
|
|
|
|
images : {
|
|
"gameOver" : "309.png",
|
|
|
|
"platform" : "black_platform.png",
|
|
"wall": "1686.png",
|
|
|
|
"spikesLeft": "spikes_left.png",
|
|
"spikesRight": "spikes_right.png",
|
|
"spikesUp": "spikes_up.png",
|
|
"spikesDown": "spikes_down.png",
|
|
|
|
"yellowGradientLeft": "left_gradient_yellow.png",
|
|
"yellowGradientRight": "right_gradient_yellow.png",
|
|
"yellowGradientTop": "top_gradient_yellow.png",
|
|
|
|
"charR1": "1.png",
|
|
"charR2": "2.png",
|
|
"charR3": "3.png",
|
|
"charR4": "4.png",
|
|
"charL1": "18.png",
|
|
"charL2": "19.png",
|
|
"charL3": "20.png",
|
|
"charL4": "21.png",
|
|
|
|
"charMR1": "250.png",
|
|
"charMR2": "247.png",
|
|
"charMR3": "251.png",
|
|
"charMR4": "249.png",
|
|
"charMR5": "252.png",
|
|
"charMR6": "250.png",
|
|
|
|
"charML1": "255.png",
|
|
"charML2": "248.png",
|
|
"charML3": "256.png",
|
|
"charML4": "248.png",
|
|
"charML5": "257.png",
|
|
"charML6": "255.png",
|
|
|
|
"charFR1": "14.png",
|
|
"charFR2": "15.png",
|
|
"charFL1": "17.png",
|
|
"charFL2": "16.png",
|
|
|
|
"charJumpingLeft" : "7.png",
|
|
"charJumpingRight" : "12.png",
|
|
|
|
"charHitmap": "char_hitmap.png",
|
|
|
|
"spikeUp": "small_spike_up.png",
|
|
"spikeLeft": "small_spike_left.png",
|
|
"spikeRight": "small_spike_right.png",
|
|
"spikeDown": "small_spike_down.png",
|
|
|
|
|
|
"jumpOrb": "844.png",
|
|
"redOrb": "red_orb.png",
|
|
"blueOrb": "blue_orb.png",
|
|
},
|
|
|
|
animations : {
|
|
|
|
"charFallingLeft" : {
|
|
time : 2,
|
|
images : ["charFL1", "charFL2"],
|
|
},
|
|
"charFallingRight" : {
|
|
time : 2,
|
|
images : ["charFR1", "charFR2"],
|
|
},
|
|
|
|
"charRight" : {
|
|
time : 6,
|
|
images : ["charR1", "charR2", "charR3", "charR4"],
|
|
},
|
|
"charLeft" : {
|
|
time : 6,
|
|
images : ["charL1", "charL2", "charL3"],
|
|
},
|
|
|
|
"charMovingRight" : {
|
|
time : 2,
|
|
images : ["charMR1", "charMR2", "charMR3", "charMR4", "charMR5", "charMR6"],
|
|
},
|
|
"charMovingLeft" : {
|
|
time : 2,
|
|
images : ["charML1", "charML2", "charML3", "charML4", "charML5", "charML6"],
|
|
},
|
|
},
|
|
|
|
tickFunction : tickFunction,
|
|
|
|
objects : [
|
|
|
|
{
|
|
blocking: true,
|
|
image: "wall",
|
|
position: [
|
|
{ x: 0, y: range(184, 568, 32) },
|
|
{ x: 280, y: range(184, 600, 32) },
|
|
{ x: 352, y: range(184, 568, 32) },
|
|
|
|
{ x: 704, y: range(184, 600, 32) },
|
|
|
|
{ x: range(448, 608, 32), y: 536 },
|
|
{ x: 640, y: 536 },
|
|
{ x: range(384, 660, 32), y: 504 },
|
|
|
|
{ x: range(416, 480, 32), y: 440 },
|
|
{ x: range(608, 692, 32), y: 440 },
|
|
|
|
{ x: range(416, 692, 32), y: 408 },
|
|
|
|
{ x: range(384, 672, 32), y: 314 },
|
|
{ x: range(384, 576, 32), y: 314 },
|
|
{ x: range(384, 448, 32), y: 346 },
|
|
{ x: range(576, 672, 32), y: 346 },
|
|
|
|
{ x: range(416, 692, 32), y: 250 },
|
|
{ x: range(384, 660, 32), y: 184 },
|
|
|
|
{ x: 768, y: range(184, 280, 32) },
|
|
|
|
{ x: 768, y: 568 },
|
|
|
|
{ x: range(800, 1200, 32), y: 248 },
|
|
|
|
{ x: range(768, 1088, 32), y: [344, 376] },
|
|
{ x: range(768, 1000, 32), y: [472, 504] },
|
|
|
|
{ x: 1024, y: range(472, 600, 32) },
|
|
{ x: 1088, y: range(344, 600, 32) },
|
|
|
|
]
|
|
},
|
|
|
|
|
|
{
|
|
image: "yellowGradientRight",
|
|
position: { x: 0, y: 568 },
|
|
},
|
|
|
|
{
|
|
image: "yellowGradientTop",
|
|
position: { x: 1120, y: 568 },
|
|
},
|
|
|
|
{
|
|
shape: new Line(0, 0, 0, 350),
|
|
position: { x: 1150, y: 250 },
|
|
blocking: true,
|
|
},
|
|
|
|
{
|
|
image: "spikesUp",
|
|
position: [
|
|
{ x: 736, y: 587 },
|
|
{ x: 704, y: 172 },
|
|
{ x: 768, y: 172 },
|
|
|
|
{ x: 501, y: 492 },
|
|
{ x: 522, y: 492 },
|
|
|
|
{ x: range(1024, 1300, 32), y: 236 },
|
|
|
|
{ x: range(800, 1000, 32), y: 588 },
|
|
|
|
{ x: 1056, y: 588 },
|
|
|
|
],
|
|
killing: true,
|
|
},
|
|
|
|
{
|
|
image: "spikesUp",
|
|
position: [
|
|
{ x: 554, y: 492 },
|
|
],
|
|
id: "movingSpikesLaby1",
|
|
tickFunction: moveSpikeLaby1,
|
|
killing: true,
|
|
},
|
|
{
|
|
position: { x: 460, y: 490 },
|
|
shape: new Line(0, 0, 1, 0),
|
|
trigger: startObject("movingSpikesLaby1"),
|
|
},
|
|
|
|
{
|
|
image: "spikesUp",
|
|
position: [
|
|
{ x: 524, y: 396 },
|
|
],
|
|
id: "movingSpikesLaby2-1",
|
|
tickFunction: moveSpikeLaby2,
|
|
killing: true,
|
|
},
|
|
|
|
{
|
|
image: "spikeUp",
|
|
position: [
|
|
{ x: 621, y: 591 },
|
|
],
|
|
killing: true,
|
|
},
|
|
{
|
|
image: "spikeDown",
|
|
position: [
|
|
{ x: 393, y: 215 },
|
|
],
|
|
killing: true,
|
|
},
|
|
{
|
|
image: "spikeLeft",
|
|
position: [
|
|
{ x: 406, y: 264 },
|
|
],
|
|
killing: true,
|
|
},
|
|
|
|
{
|
|
image: "spikeUp",
|
|
position: [
|
|
{ x: 619, y: 238 },
|
|
],
|
|
blocking: true,
|
|
},
|
|
|
|
|
|
{
|
|
position: [
|
|
{ x: range(418, 672, 32), y: 279 },
|
|
],
|
|
image: "spikesDown",
|
|
killing: true,
|
|
},
|
|
|
|
{
|
|
position: [
|
|
{ x: 692, y: range(474, 596, 32) },
|
|
{ x: 692, y: range(282, 404, 32) },
|
|
],
|
|
image: "spikesLeft",
|
|
killing: true,
|
|
},
|
|
|
|
{
|
|
position: [
|
|
{ x: 384, y: range(378, 500, 32) },
|
|
],
|
|
image: "spikesRight",
|
|
killing: true,
|
|
},
|
|
|
|
{
|
|
position: { x: -200, y: 600 },
|
|
shape: new Line(0, 0, 1400, 0),
|
|
blocking: true,
|
|
},
|
|
|
|
{
|
|
position: { x: -150, y: 400 },
|
|
shape: new Line(0, 0, 0, 400),
|
|
killing: true,
|
|
},
|
|
|
|
|
|
{
|
|
id: "saveState1",
|
|
position: { x: 406, y: 550 },
|
|
image: "blueOrb",
|
|
trigger: saveState1,
|
|
},
|
|
|
|
|
|
{
|
|
id: "saveState2",
|
|
position: { x: 406, y: 550 },
|
|
image: "blueOrb",
|
|
trigger: saveState1,
|
|
},
|
|
|
|
|
|
// platform
|
|
{
|
|
id: "movingPlatform",
|
|
position: { x: 140, y: 430 },
|
|
image: "platform",
|
|
tickFunction: movePlatform,
|
|
blocking: true,
|
|
},
|
|
{
|
|
position: [
|
|
{ x: 100, y: 599 },
|
|
{ x: 150, y: 599 },
|
|
],
|
|
shape: new Line(0, 0, 1, 0),
|
|
trigger: startObject("movingPlatform"),
|
|
},
|
|
|
|
|
|
// spikes on the left
|
|
{
|
|
position: [
|
|
{ x: 270, y: 184 },
|
|
{ x: 270, y: 216 },
|
|
{ x: 270, y: 568 },
|
|
{ x: 270, y: 536 },
|
|
],
|
|
image: "spikesLeft",
|
|
killing: true,
|
|
},
|
|
|
|
|
|
new MovingSpike(270, 248, 210, 110, -1),
|
|
new MovingSpike(270, 280, 230, 110, -2),
|
|
new MovingSpike(270, 312, 240, 110, -3),
|
|
new MovingSpike(270, 344, 270, 70, -1),
|
|
new MovingSpike(270, 376, 270, 130, -3),
|
|
new MovingSpike(270, 408, 380, 130, -3),
|
|
new MovingSpike(270, 440, 370, 130, -3),
|
|
new MovingSpike(270, 472, 390, 130, -2),
|
|
new MovingSpike(270, 504, 450, 130, -3),
|
|
|
|
|
|
// spikes on the right
|
|
{
|
|
position: [
|
|
{ x: 32, y: 184 },
|
|
{ x: 32, y: 216 },
|
|
{ x: 32, y: 536 },
|
|
{ x: 32, y: 504 },
|
|
{ x: 32, y: 440 },
|
|
],
|
|
image: "spikesRight",
|
|
killing: true,
|
|
},
|
|
|
|
|
|
new MovingSpike(32, 248, 310, 90, 3),
|
|
new MovingSpike(32, 280, 330, 140, 2),
|
|
new MovingSpike(32, 312, 330, 170, 1),
|
|
new MovingSpike(32, 344, 370, 70, 2),
|
|
//new MovingSpike(32, 376, 340, 130, 2),
|
|
//new MovingSpike(32, 408, 400, 90, 5),
|
|
//new MovingSpike(32, 472, 450, 130, 3),
|
|
|
|
// tunnel
|
|
{
|
|
position: { x: 312, y: range(184, 600, 32) },
|
|
image: "spikesRight",
|
|
killing: true,
|
|
},
|
|
{
|
|
position: { x: 342, y: range(184, 568, 32) },
|
|
image: "spikesLeft",
|
|
killing: true,
|
|
},
|
|
|
|
|
|
{
|
|
position: { x: range(352, 660, 32), y: 171 },
|
|
image: "spikesUp",
|
|
killing: true,
|
|
},
|
|
{
|
|
position: { x: 402, y: 588 },
|
|
image: "spikesUp",
|
|
killing: true,
|
|
},
|
|
|
|
|
|
],
|
|
};
|
|
|
|
})();
|
|
|