mascully/Sint
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Version 0.3.1

Browse source 
Changed terrain to grass and blue skies. Added seed function. Other
minor changes too.
This commit is contained in:
Markus Scully 2013-07-06 13:09:50 +01:00
parent b063eecfff
commit a6fc88ec52
1 changed files with 70 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

107
sint.js
View file

@ -1,4 +1,4 @@
window.onload = function(){ window.onload = function(){
canvas = document.getElementById('game'); canvas = document.getElementById('game');
context = canvas.getContext('2d'); context = canvas.getContext('2d');
imagesLoading = 0; imagesLoading = 0;
@ -35,6 +35,7 @@ function reset(){
particles = []; particles = [];
ais = []; ais = [];
keys = []; keys = [];
test = [];
mouse = { mouse = {
x: 0, x: 0,
y: 0, y: 0,
@ -44,23 +45,24 @@ function reset(){
shoot1: new Audio('sfx.wav') shoot1: new Audio('sfx.wav')
} }
game = 'menu'; game = 'menu';
lastspeed = 0;
// Create 2 actors // Create 2 actors
actors[0] = new Actor(0, 'player', 200, 3, 48, 16); actors[0] = new Actor(0, 'player', 200, 3, 80, 80);
//actors[1] = new Actor(1, 'player', 200, 3, 50, 5); //actors[1] = new Actor(1, 'player', 200, 3, 50, 5);
actors[1] = new Actor(6, 'all', 50, 3, 70, 16); //actors[1] = new Actor(6, 'all', 50, 3, 70, 80);
// Create player key controllers. // Create player key controllers.
controllers[0] = new Controller(actors[0], [[68, 'moveRight'], [65, 'moveLeft'], [87, 'jump'], [67, 'camera'], [77, 'dark', 100], [83, 'shoot']]); controllers[0] = new Controller(actors[0], [[68, 'moveRight'], [65, 'moveLeft'], [87, 'jump'], [67, 'camera'], [77, 'dark', 100], [83, 'shoot']]);
//controllers[1] = new Controller(actors[1], [[39, 'moveRight'], [37, 'moveLeft'], [38, 'jump'], [88, 'camera'], [78, 'bounce', 100]]); //controllers[1] = new Controller(actors[1], [[39, 'moveRight'], [37, 'moveLeft'], [38, 'jump'], [88, 'camera'], [78, 'bounce', 100]]);
ais[0] = new Ai(1, 'still'); //ais[0] = new Ai(1, 'alphaBot');
// type, affiliation, lifespan, xpos, ypos, xvel, yvel // type, affiliation, lifespan, xpos, ypos, xvel, yvel
particles[0] = new Particle('mouse', 0, 10000000000, 0, 0, 0, 0); particles[0] = new Particle('mouse', 0, 10000000000, 0, 0, 0, 0);
camera = [actors[0]]; // Set camera. camera = [actors[0]]; // Set camera.
canvas.style.background = '#fff'; // Set canvas style. canvas.style.background = '#ddf'; // Set canvas style.
level = 0 // Set level level = 0 // Set level
canvas.style.display = 'block'; // Set up canvas canvas.style.display = 'block'; // Set up canvas
canvas.style.border = '1px solid #ddd'; canvas.style.border = '1px solid #ddd';
@ -75,26 +77,26 @@ function reset(){
// Define the level. // Define the level.
levels = [ levels = [
[ [
'.....................' '################################################'
,'.....................' ,'################################################'
,'.....................' ,'##............................................##'
,'.....................' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##............................................##'
,'#...................#' ,'##..###..##........####..............###########'
,'#...................#' ,'###########........#############################'
,'##############.....##' ,'################################################'
,'##############.....##' ,'################################################'
,'#####################' ,'################################################'
,'#####################' ,'################################################'
,'#####################' ,'################################################'
,'#####################' ,'################################################'
,'#####################' ,'################################################'
] ]
] ]
@ -108,6 +110,11 @@ function r(num){
return Math.round(num); return Math.round(num);
} }
// Generate random number from seed
function seed(num){
return ((num * 467 + ((num * 6) % 9)) % 1000) / 1000;
}
// Add key pressed to key list. // Add key pressed to key list.
function keyDown(e){ function keyDown(e){
var keyPress; var keyPress;
@ -215,7 +222,8 @@ function Actor(image, type, health, power, xpos, ypos){
this.yvel = 0; this.yvel = 0;
this.xvel = 0; this.xvel = 0;
this.imageLoad = 2; this.imageLoad = 2;
this.right = this.left = this.up = this.down = false; this.right = this.up = this.down = false;
this.left = false;
this.x = xpos; this.x = xpos;
this.y = ypos; this.y = ypos;
this.box = new Box(this.x, this.y, 16, 16, this.xvel, this.yvel, ['player', 'pacer']); // Set physics class for this actor this.box = new Box(this.x, this.y, 16, 16, this.xvel, this.yvel, ['player', 'pacer']); // Set physics class for this actor
@ -241,6 +249,7 @@ function Actor(image, type, health, power, xpos, ypos){
this.xvel += (0.08 * speed); this.xvel += (0.08 * speed);
break; break;
case 'jump': case 'jump':
this.yvel = -10;
if(this.box.down){ if(this.box.down){
this.yvel = -4 - this.power; this.yvel = -4 - this.power;
this.y -= 3; this.y -= 3;
@ -263,7 +272,7 @@ function Actor(image, type, health, power, xpos, ypos){
particles.push(new Particle(2, 0, 100000, this.x, this.y - 16, this.xvel * 4 + ((Math.random() - 0.5) * 10), -10)); particles.push(new Particle(2, 0, 100000, this.x, this.y - 16, this.xvel * 4 + ((Math.random() - 0.5) * 10), -10));
break; break;
case 'dark': case 'dark':
particles.push(new Particle(3, this.index, 3000, this.x, this.y, this.xvel, this.yvel)); particles.push(new Particle(3, this.index, 3000, this.x + (Math.random() * 16), this.y - (Math.random() * 16), this.xvel, this.yvel));
this.vars = [false, false, false] this.vars = [false, false, false]
break; break;
case 'shoot': case 'shoot':
@ -293,13 +302,13 @@ function Actor(image, type, health, power, xpos, ypos){
var drawy = 200; var drawy = 200;
context.drawImage(spritesheet, this.image * 16, 16, 16, 16, drawx, r(this.y - 16 - looky), 16, 16); context.drawImage(spritesheet, this.image * 16, 16, 16, 16, drawx, r(this.y - 16 - looky), 16, 16);
context.globalAlpha = 1; context.globalAlpha = 1;
context.drawImage(spritesheet, this.image * 16, 16, 16, 16, drawx, r((216 - (this.y - 216)) - looky), 16, 16); //context.drawImage(spritesheet, this.image * 16, 16, 16, 16, drawx, r((216 - (this.y - 216)) - looky), 16, 16);
// StartX, StartY, EndX, EndY // StartX, StartY, EndX, EndY
var gradient = context.createLinearGradient(drawx, r((216 - this.y + 216) - looky - 5), drawx, r((214 - (this.y - 216)) - looky) + 16); var gradient = context.createLinearGradient(drawx, r((216 - this.y + 216) - looky - 5), drawx, r((214 - (this.y - 216)) - looky) + 16);
gradient.addColorStop(0.1, 'rgba(255, 255, 255, ' + (this.y < 120 ? 1 : ((200 - this.y) / 35) + 0.2) +')'); gradient.addColorStop(0.1, 'rgba(255, 255, 255, ' + (this.y < 120 ? 1 : ((200 - this.y) / 35) + 0.2) +')');
gradient.addColorStop(0.9, 'rgba(255, 255, 255, 1)'); gradient.addColorStop(0.9, 'rgba(255, 255, 255, 1)');
context.fillStyle = gradient; context.fillStyle = gradient;
context.fillRect(drawx, r((216 - (this.y - 216)) - looky), 16, 16); //context.fillRect(drawx, r((216 - (this.y - 216)) - looky), 16, 16);
} }
} }
@ -478,7 +487,8 @@ function Box(x, y, w, h, xvel, yvel, colgroup){
this.width = w; this.width = w;
this.height = h; this.height = h;
this.col = colgroup; this.col = colgroup;
this.left = this.right = this.up = this.down = false; this.right = this.up = this.down = false;
this.left = false;
this.reset = function(){ this.reset = function(){
this.down = this.up = this.left = this.right = false; this.down = this.up = this.left = this.right = false;
@ -491,11 +501,13 @@ function Box(x, y, w, h, xvel, yvel, colgroup){
var colareay = ((this.height - 2) >> 4) + 2; var colareay = ((this.height - 2) >> 4) + 2;
var collision = false; var collision = false;
var type = 'level'; var type = 'level';
this.left = 'lo';
test = [r(this.x)];
for(var hr = 0; hr < colareax; hr++){ for(var hr = 0; hr < colareax; hr++){
for(var vr = 0; vr < colareay; vr++){ for(var vr = 0; vr < colareay; vr++){
test.push([vr, hr]);
var xcol = ((this.x - (hr == colareax - 1 ? 1 : 0)) >> 4 + hr); var xcol = ((this.x - (hr == colareax - 1 ? 1 : 0)) >> 4 + hr);
var ycol = ((this.y - (vr == colareay - 1 ? 1 : 0)) >> 4 + vr); var ycol = ((this.y - (vr == colareay - 1 ? 1 : 0)) >> 4 + vr);
this.left
if(lv[ycol][xcol] == '#'){ if(lv[ycol][xcol] == '#'){
collision = true; collision = true;
} }
@ -536,9 +548,9 @@ function Box(x, y, w, h, xvel, yvel, colgroup){
} }
this.run = function(){ this.run = function(){
this.move();
this.yvel += 0.5; this.yvel += 0.5;
this.xvel *= Math.pow(0.99, speed); this.xvel *= Math.pow(0.99, speed);
this.move();
} }
} }
@ -578,16 +590,32 @@ function loopGame(){
actors[i].simulate(); actors[i].simulate();
actors[i].draw(); actors[i].draw();
} }
context.globalAlpha = 1;
context.lineWidth = 1;
for(i in levels[level]){ for(i in levels[level]){
for(j in levels[level][i]){ for(j in levels[level][i]){
context.globalAlpha = 1;
context.lineWidth = 1;
context.fillStyle = '#eee';
if(levels[level][i][j] == '#'){ if(levels[level][i][j] == '#'){
context.fillRect((j << 4) - lookx, i << 4, 16, 16); //context.fillStyle = ['#aaa', '#bbb', '#ccc', '#ddd', '#eee', '#fff'][Math.floor(Math.random() * 6)];
context.fillStyle = '#7a7';
if(i > 0){
if(levels[level][i - 1][j] == '#'){
context.fillStyle = '#ca4';
}
}
context.fillRect((j << 4) - r(lookx) + 16, i << 4, 16, 16);
if(context.fillStyle == '#ccaa44'){
context.fillStyle = '#b93';
for(k = 1; k <= 3; k++){
context.fillRect((j << 4) - r(lookx) + 16 + (seed(j * i + k) * 14), (i << 4) + (seed(j * i / k) * 14), 2, 2);
}
}
} }
} }
} }
context.fillStyle = '#fee';
for(i in test){
context.fillRect((test[i][0] << 4) - lookx, test[i][1] << 4, 16, 16);
}
context.globalAlpha = 1; context.globalAlpha = 1;
context.fillStyle = "#444"; context.fillStyle = "#444";
context.font = "10pt Arial"; context.font = "10pt Arial";
@ -595,8 +623,13 @@ function loopGame(){
context.fillText('Health: ' + actors[0].health, 10, 290); context.fillText('Health: ' + actors[0].health, 10, 290);
context.fillText('X: ' + r(actors[0].x), 10, 310); context.fillText('X: ' + r(actors[0].x), 10, 310);
context.fillText('Y: ' + r(actors[0].y), 70, 310); context.fillText('Y: ' + r(actors[0].y), 70, 310);
lastspeed = (new Date() % 10 == 0 ? r(1000 / speed) : lastspeed);
context.fillText('FPS: ' + lastspeed, 10, 20);
context.textAlign = 'right'; context.textAlign = 'right';
context.fillText('Sint version 0.3 Alpha', 490, 310); context.fillText('Sint version α 0.3.1', 490, 310);
context.fillText(test, 490, 290);
context.fillText('Actors: ' + actors.length, 490, 20);
context.fillText('Particles: ' + particles.length, 490, 40);
for(i in ais){ for(i in ais){
ais[i].run(); ais[i].run();
} }