Version 0.4.1
Added procedural level generation. Levels are now infinite pretty much. Added death animation. Only the visible part of the level is now drawn. Actors now drawn in front of level. Other minor changes.
This commit is contained in:
Markus Scully
parent
20bd7ea249
commit
ebee9b7931
2 changed files with 162 additions and 32 deletions
102
level.js
102
level.js
|
|
@ -57,10 +57,10 @@ function defineLevels(){
|
|||
,'........####......................................................................................................'
|
||||
,'........####......................................................................................................'
|
||||
,'##..............................................................................................................##'
|
||||
,'##...............###.............................................................###............................##'
|
||||
,'##...............###.......................#####.................................###............................##'
|
||||
,'##...............###............................................................................................##'
|
||||
,'##...............#######........................................................................................##'
|
||||
,'##################################################.....###########################################################'
|
||||
,'##################################################xxxxx###########################################################'
|
||||
,'##################################################################################################################'
|
||||
,'##################################################################################################################'
|
||||
,'##################################################################################################################'
|
||||
|
|
@ -69,6 +69,29 @@ function defineLevels(){
|
|||
];
|
||||
|
||||
levelparts = [
|
||||
[
|
||||
'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'##.................'
|
||||
,'#########..........'
|
||||
,'#########..........'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,false, '5n', 1, 1, 0 // What type of connection it has left, right, the minimum level it appears, the maximum, and the rarity
|
||||
],
|
||||
[
|
||||
'...................'
|
||||
,'...................'
|
||||
|
|
@ -125,8 +148,8 @@ function defineLevels(){
|
|||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'######.............'
|
||||
,'................##.'
|
||||
,'######..........##.'
|
||||
,'######.............'
|
||||
,'######....###......'
|
||||
,'##........###......'
|
||||
|
|
@ -149,7 +172,7 @@ function defineLevels(){
|
|||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'....................'
|
||||
,'...................'
|
||||
,'.........E.........'
|
||||
,'......#######......'
|
||||
,'......#######......'
|
||||
|
|
@ -160,6 +183,75 @@ function defineLevels(){
|
|||
,'###################'
|
||||
,'###################'
|
||||
,'5n', '5n', 2, 15, 4
|
||||
],
|
||||
[
|
||||
'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'....###............'
|
||||
,'....#####.....###..'
|
||||
,'....#####.....#####'
|
||||
,'..............#####'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'########....#######'
|
||||
,'########xxxx#######'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'5n', '5n', 2, 15, 5
|
||||
],
|
||||
[
|
||||
'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'...................'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'###################'
|
||||
,'5n', '5n', 2, 15, 2
|
||||
],
|
||||
[
|
||||
'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'......................................'
|
||||
,'..............#######...##############'
|
||||
,'..............###...........##.......#'
|
||||
,'.........########...........##.......#'
|
||||
,'.........##.........#####...####..####'
|
||||
,'.........##.........#####..........###'
|
||||
,'###########....##########..........###'
|
||||
,'###########....#######################'
|
||||
,'######################################'
|
||||
,'######################################'
|
||||
,'######################################'
|
||||
,'5n', '10n', 2, 15, 20
|
||||
]
|
||||
];
|
||||
}
|
||||
86
sint.js
86
sint.js
|
|
@ -40,13 +40,15 @@ function reset(){
|
|||
ais = [];
|
||||
keys = [];
|
||||
test = [];
|
||||
level = [];
|
||||
level = ['','','','','','','','','','','','','','','','','','','',''];
|
||||
partsInserted = [];
|
||||
optionvars = [50, 50];
|
||||
mouse = {
|
||||
x: 0,
|
||||
y: 0,
|
||||
down: false
|
||||
};
|
||||
slow = false;
|
||||
sound = {
|
||||
shoot1: new Audio('sfx.wav')
|
||||
}
|
||||
|
|
@ -76,11 +78,10 @@ function reset(){
|
|||
|
||||
//controllers[1] = new Controller(actors[2], [[39, 'moveRight'], [37, 'moveLeft'], [38, 'jump'], [88, 'camera'], [78, 'bounce', 100]]);
|
||||
|
||||
//ais[0] = new Ai(1, 'alphaBot');
|
||||
// type, affiliation, lifespan, xpos, ypos, xvel, yvel
|
||||
particles[0] = new Particle('mouse', 0, 10000000000, 0, 0, 0, 0);
|
||||
defineLevels(); // Call function to create level variables
|
||||
level = 2 // Set level
|
||||
//level = 2 // Set level
|
||||
spritesheet = new Image(); // Define spritesheet
|
||||
spritesheet.src = 'actors.png';
|
||||
document.addEventListener('keydown', keyDown, true); // Add key events
|
||||
|
|
@ -94,7 +95,8 @@ function play(){
|
|||
actors[0] = new Actor(0, 'player', 200, 3, 80, 80, 16, 16);
|
||||
controllers[0] = new Controller(actors[0], [[68, 'moveRight'], [65, 'moveLeft'], [87, 'jump'], [67, 'camera'], [77, 'dark', 100], [83, 'shoot']]);
|
||||
|
||||
//actors[1] = new Actor(6, 'all', 50, 3, 60, 80);
|
||||
//actors[1] = new Actor(6, 'all', 200, 3, 60, 80, 16, 16);
|
||||
//ais[0] = new Ai(1, 'alphaBot');
|
||||
|
||||
camera = [actors[0]]; // Set camera.
|
||||
}
|
||||
|
|
@ -342,13 +344,19 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
|
|||
this.box.yvel = this.yvel;
|
||||
this.box.x = this.x;
|
||||
this.box.y = this.y;
|
||||
this.box.health = this.health;
|
||||
this.box.run();
|
||||
this.x = this.box.x;
|
||||
this.y = this.box.y;
|
||||
this.xvel = this.box.xvel;
|
||||
this.yvel = this.box.yvel;
|
||||
this.health = this.box.health;
|
||||
if(this.health <= 0){
|
||||
this.health = 0;
|
||||
this.health = 200;
|
||||
for(i = 0; i < 64; i++){
|
||||
particles.push(new Particle(0, 0, 3000, this.x + ((i % 8) * 2), this.y - ((i % 8) * 2), (Math.random() - 0.5) * 4, (Math.random() - 0.8) * 3));
|
||||
}
|
||||
this.y = -500;
|
||||
}
|
||||
//this.xvel *= Math.pow(0.992, speed);
|
||||
}
|
||||
|
|
@ -403,8 +411,6 @@ function Particle(type, affiliation, lifespan, xpos, ypos, xvel, yvel){
|
|||
context.lineWidth = 1;
|
||||
context.strokeStyle = '#66b';
|
||||
context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 2, 2);
|
||||
context.strokeStyle = '#aaf';
|
||||
context.strokeRect(r(this.x - lookx) + 0.5, r(213 - (this.y - 216) - looky) + 0.5, 2, 2);
|
||||
break;
|
||||
case 1:
|
||||
context.globalAlpha = 1;
|
||||
|
|
@ -562,6 +568,7 @@ function Box(x, y, w, h, xvel, yvel, colgroup, gravity){
|
|||
this.up = false;
|
||||
this.down = false;
|
||||
this.gravity = gravity;
|
||||
this.health = 0;
|
||||
|
||||
this.reset = function(){
|
||||
this.right = false;
|
||||
|
|
@ -572,7 +579,7 @@ function Box(x, y, w, h, xvel, yvel, colgroup, gravity){
|
|||
|
||||
this.collide = function(){
|
||||
// Check for collision with level
|
||||
var lv = levels[level];
|
||||
var lv = level;
|
||||
var colareax = ((this.width - 2) >> 4) + 2;
|
||||
var colareay = ((this.height - 2) >> 4) + 2;
|
||||
var collision = false;
|
||||
|
|
@ -586,6 +593,8 @@ function Box(x, y, w, h, xvel, yvel, colgroup, gravity){
|
|||
if(xcol >= 0 && xcol < lv[ycol].length){
|
||||
if(lv[ycol - 1][xcol] == '#'){
|
||||
collision = true;
|
||||
}else if(lv[ycol - 1][xcol] == 'x'){
|
||||
this.health -= 0.01 * speed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -649,6 +658,34 @@ function loopGame(){
|
|||
context.clearRect(0, 0, 500, 350);
|
||||
lookx = looky = 0;
|
||||
looky = -0;
|
||||
var maxx = 0;
|
||||
for(i in actors){
|
||||
if(actors[i].x > maxx){
|
||||
maxx = actors[i].x;
|
||||
}
|
||||
}
|
||||
maxx += 200;
|
||||
while(level[0].length < maxx){
|
||||
partIndex = Math.floor(Math.random() * (levelparts.length - 1)) + 1;
|
||||
partFound = false;
|
||||
if(partsInserted.length == 0){
|
||||
var toInsert = levelparts[0];
|
||||
partsInserted.push([false, '5n', 1, 1, 0]);
|
||||
partFound = true;
|
||||
}else{
|
||||
thisPart = levelparts[partIndex];
|
||||
if(thisPart[20] == partsInserted[partsInserted.length - 1][1] && (Math.random() * thisPart[24]) < 1){
|
||||
partsInserted.push([thisPart[20], thisPart[21], thisPart[22], thisPart[23], thisPart[24]]);
|
||||
toInsert = thisPart;
|
||||
partFound = true;
|
||||
}
|
||||
}
|
||||
if(partFound){
|
||||
for(i = 0; i < 20; i++){
|
||||
level[i] += toInsert[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
for(i in controllers){
|
||||
controllers[i].checkKeys();
|
||||
}
|
||||
|
|
@ -661,9 +698,6 @@ function loopGame(){
|
|||
}
|
||||
lookx /= camera.length;
|
||||
looky /= camera.length;
|
||||
for(i in actors){
|
||||
actors[i].draw();
|
||||
}
|
||||
/*
|
||||
if( instanceof Array){
|
||||
lookx = camera[0];
|
||||
|
|
@ -675,20 +709,21 @@ function loopGame(){
|
|||
*/
|
||||
context.globalAlpha = 1;
|
||||
context.lineWidth = 1;
|
||||
for(i = 1; i < levels[level].length; i++){
|
||||
for(j = 1; j < levels[level][i].length; j++){
|
||||
if(levels[level][i][j] == '#' || levels[level][i][j] == 'x'){
|
||||
var lv = level;
|
||||
for(i = 0; i < lv.length; i++){
|
||||
for(j = (lookx > 300 ? r((lookx - 300) / 16) : 0); j < r((lookx + 600) / 16); j++){
|
||||
if(lv[i][j] == '#' || lv[i][j] == 'x'){
|
||||
//#efefef
|
||||
context.fillStyle = '#eee';
|
||||
if((j < levels[level][i].length && j > 0 && i < levels[level].length - 1 && i > 0)){
|
||||
if(levels[level][i][j + 1] != '#' || levels[level][i][j - 1] != '#'){
|
||||
if((j < lv[i].length && j > 0 && i < lv.length - 1 && i > 0)){
|
||||
if(lv[i][j + 1] != '#' || lv[i][j - 1] != '#'){
|
||||
context.fillStyle = '#ddd';
|
||||
}
|
||||
if(levels[level][i + 1][j] != '#' || levels[level][i - 1][j] != '#'){
|
||||
if(lv[i + 1][j] != '#' || lv[i - 1][j] != '#'){
|
||||
context.fillStyle = '#ddd';
|
||||
}
|
||||
}
|
||||
if(levels[level][i][j] == 'x'){
|
||||
if(lv[i][j] == 'x'){
|
||||
context.fillStyle = '#d77';
|
||||
}
|
||||
context.fillRect((j << 4) - r(lookx), i << 4, 16, 16);
|
||||
|
|
@ -699,12 +734,15 @@ function loopGame(){
|
|||
for(i in test){
|
||||
context.fillRect((test[i][0] << 4) - lookx, test[i][1] << 4, 16, 16);
|
||||
}
|
||||
for(i in actors){
|
||||
actors[i].draw();
|
||||
}
|
||||
context.globalAlpha = 1;
|
||||
context.fillStyle = "#444";
|
||||
context.font = "10pt Arial";
|
||||
context.textAlign = 'left';
|
||||
if(game == 'playing'){
|
||||
context.fillText('Health: ' + camera[0].health, 10, 290);
|
||||
context.fillText('Health: ' + r(camera[0].health), 10, 290);
|
||||
context.fillText('X: ' + r(camera[0].x), 10, 310);
|
||||
context.fillText('Y: ' + r(camera[0].y), 70, 310);
|
||||
}else{
|
||||
|
|
@ -715,7 +753,7 @@ function loopGame(){
|
|||
lastspeed = (new Date() % 10 == 0 ? r(1000 / speed) : lastspeed);
|
||||
context.fillText('FPS: ' + lastspeed, 10, 20);
|
||||
context.textAlign = 'right';
|
||||
context.fillText('Sint version α 0.4', 490, 310);
|
||||
context.fillText('Sint version α 0.4.1', 490, 310);
|
||||
context.fillText(test, 490, 290);
|
||||
if(game == 'playing'){
|
||||
context.fillText('Actors: ' + actors.length, 490, 20);
|
||||
|
|
@ -813,10 +851,10 @@ function loopGame(){
|
|||
context.fillRect(240 + optionaddx, 155 + (30 * i), 10, 10);
|
||||
if(ui.select == i){
|
||||
if(keys.indexOf(65) > -1 && optionvars[thisoption] > menu[ui.area][i][3]){
|
||||
optionvars[thisoption] -= 1;
|
||||
optionvars[thisoption] -= 0.05 * speed;
|
||||
}
|
||||
if(keys.indexOf(68) > -1 && optionvars[thisoption] < menu[ui.area][i][4]){
|
||||
optionvars[thisoption] += 1;
|
||||
optionvars[thisoption] += 0.05 * speed;
|
||||
}
|
||||
}
|
||||
}else{
|
||||
|
|
@ -830,9 +868,9 @@ function loopGame(){
|
|||
}
|
||||
}
|
||||
// Slow down game to test low framerates
|
||||
/*
|
||||
if(slow){
|
||||
for(var j=1; j < 10000000; j++){
|
||||
j = j;
|
||||
}
|
||||
*/
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue