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

Version 0.4.2

Browse source 
Fixed level rendering at edges. Fixed clipping through tiles at high
speeds. Added more levels. Fixed particle collisions. Added mouse click
detection. Added particle spawning on mouse click. Added water. Added
death with animation. Particles and actors now only render when on
screen and only run when within 2000 pixels. Added speed multiplier to
movement, you can now play with a low frame rate. Added sound with
option for it in main menu. Particles get pushed away if you go near
them. Added enemy that goes back and forth and spawns with the level.
Added xvel and yvel monitors. Added blur to menu title. Changed credits.
Removed loader. Other minor changes.
This commit is contained in:
Markus Scully 2013-08-11 12:44:22 +01:00
parent ebee9b7931
commit e20e535802
7 changed files with 411 additions and 310 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
Funk.mp3 Normal file
View file

Binary file not shown.

4
index.html
View file

@ -5,8 +5,8 @@
<title> <title>
Sint Sint
</title> </title>
<script src="loader.js"> <script src="sint.js"></script>
</script> <script src="level.js"></script>
<link rel="icon" type="image/png" href="favicon.png"> <link rel="icon" type="image/png" href="favicon.png">
<style> <style>
body{ body{

278
level.js
View file

@ -1,95 +1,26 @@
function defineLevels(){ function defineLevels(){
levels = [
[
'################################################'
,'################################################'
,'##..............................................'
,'##..............................................'
,'##.............................##########.....##'
,'##.............................##########.....##'
,'##...................####.....................##'
,'##...................####.....................##'
,'##...........................####.............##'
,'##...........................####.............##'
,'##............................................##'
,'##..###..##........####..............###########'
,'###########........#############################'
,'################################################'
,'################################################'
,'################################################'
,'################################################'
,'################################################'
,'################################################'
,'################################################'
],
[
'#################################################'
,'#################################################'
,'#..............................................##'
,'#..............................................##'
,'##################.............................##'
,'##################....#######..................##'
,'#.....................#######..................##'
,'#................................#####.........##'
,'#................................#####.........##'
,'#.....................########.................##'
,'#.....................########.................##'
,'#............######............................##'
,'#............######............................##'
,'#......###.....................................##'
,'#.....####.....................................##'
,'#....#####.....................................##'
,'#...######xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx##'
,'#..#######xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx##'
,'#################################################'
,'#################################################'
],
[
'..................................................................................................................'
,'..................................................................................................................'
,'..................................................................................................................'
,'..................................................................................................................'
,'..................................................................................................................'
,'..................................................................................................................'
,'..................................................................................................................'
,'..................................................................................................................'
,'........####......................................................................................................'
,'........####......................................................................................................'
,'........####......................................................................................................'
,'##..............................................................................................................##'
,'##...............###.......................#####.................................###............................##'
,'##...............###............................................................................................##'
,'##...............#######........................................................................................##'
,'##################################################xxxxx###########################################################'
,'##################################################################################################################'
,'##################################################################################################################'
,'##################################################################################################################'
,'##################################################################################################################'
]
];
levelparts = [ levelparts = [
[ [
'...................' '.....................'
,'...................' ,'.....................'
,'...................' ,'.....................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'##.................' ,'.###.................'
,'#########..........' ,'.##########..........'
,'#########..........' ,'.##########..........'
,'###################' ,'.####################'
,'###################' ,'.####################'
,'###################' ,'.####################'
,'###################' ,'.####################'
,'###################' ,'.####################'
,false, '5n', 1, 1, 0 // What type of connection it has left, right, the minimum level it appears, the maximum, and the rarity ,false, '5n', 1, 1, 0 // What type of connection it has left, right, the minimum level it appears, the maximum, and the rarity
], ],
[ [
@ -161,6 +92,121 @@ function defineLevels(){
,'###################' ,'###################'
,'10n', '5n', 2, 15, 7 ,'10n', '5n', 2, 15, 7
], ],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'###################'
,'###################'
,'###################'
,'##.................'
,'##.................'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'10n', '10g3', 2, 15, 5
],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'###.......#########'
,'#####.....#########'
,'#######...#########'
,'................###'
,'................###'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'10g3', '10n', 2, 15, 15
],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'###................'
,'###................'
,'#######............'
,'###................'
,'###................'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'10n', '5n', 2, 15, 6
],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'10n', '10n', 2, 15, 3
],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'####wwwwwwwwww#####'
,'####wwwwwwwwww#####'
,'#######wwwwwww#####'
,'#######wwwwwww#####'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'10n', '10n', 2, 15, 10
],
[ [
'...................' '...................'
,'...................' ,'...................'
@ -194,10 +240,33 @@ function defineLevels(){
,'...................' ,'...................'
,'...................' ,'...................'
,'...................' ,'...................'
,'....###............' ,'...................'
,'....#####.....###..' ,'...................'
,'...................'
,'...................'
,'....###########....'
,'....###########....'
,'###################'
,'###################'
,'###################'
,'###################'
,'###################'
,'5n', '5n', 2, 15, 6
],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'....###.......###..'
,'....#####.....#####' ,'....#####.....#####'
,'..............#####' ,'....#####.....#####'
,'...................'
,'...................' ,'...................'
,'...................' ,'...................'
,'########....#######' ,'########....#######'
@ -228,7 +297,30 @@ function defineLevels(){
,'###################' ,'###################'
,'###################' ,'###################'
,'###################' ,'###################'
,'5n', '5n', 2, 15, 2 ,'5n', '5n', 2, 15, 3
],
[
'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'...................'
,'######xxxxxxx######'
,'###################'
,'###################'
,'###################'
,'###################'
,'5n', '5n', 2, 15, 10
], ],
[ [
'......................................' '......................................'

6
loader.js
View file

@ -1,3 +1,9 @@
/*
This was an attempt to create a loading bar type thing to load files 1-by-1.
Mainly for when the game had lots of sounds that took a while to load.
Didn't work properly and is now obsolete as of version Alpha 0.4.2
*/
window.onload = function(){ window.onload = function(){
canvas = document.getElementById('game'); canvas = document.getElementById('game');
context = canvas.getContext('2d'); context = canvas.getContext('2d');

BIN
lol.mp3 Normal file
View file

Binary file not shown.

BIN
newsprites.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.2 KiB

433
sint.js
View file

@ -1,4 +1,14 @@
window.requestAnimFrame = (function(){ window.onload = function(){
canvas = document.getElementById('game');
context = canvas.getContext('2d');
canvas.style.display = 'block'; // Set up canvas
canvas.style.border = '1px solid #ddd';
canvas.style.background = '#fff'; // Set canvas style
canvas.style.margin = (window.innerHeight > 360 ? window.innerHeight / 2 - 180 + 'px auto' : '10px auto');
start();
};
window.requestAnimFrame = (function(){
return window.requestAnimationFrame || return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame || window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame || window.mozRequestAnimationFrame ||
@ -9,14 +19,7 @@
}; };
})(); })();
window.onload = function(){
start();
};
function start(){ function start(){
canvas = document.getElementById('game');
context = canvas.getContext('2d');
imagesLoading = 0;
reset(); reset();
} }
@ -46,11 +49,14 @@ function reset(){
mouse = { mouse = {
x: 0, x: 0,
y: 0, y: 0,
down: false down: false,
click: false
}; };
slow = false; slow = false;
sound = { sound = {
shoot1: new Audio('sfx.wav') shoot1: new Audio('sfx.wav'),
jump: new Audio('Funk.mp3'),
lol: new Audio('lol.mp3')
} }
game = 'menu'; game = 'menu';
ui = { ui = {
@ -71,7 +77,7 @@ function reset(){
], ],
['r', 'play'], ['r', 'play'],
['r', 'play'], ['r', 'play'],
['t', 'Sint', '', 'Programming and graphics by Asraelite', 'Music created in FL Studio by Asraelite'] ['t', 'Sint', '', 'Programming and graphics by Asraelite', 'Sound from a source that does not deserve credit']
] ]
lastspeed = 0; lastspeed = 0;
@ -86,17 +92,19 @@ function reset(){
spritesheet.src = 'actors.png'; spritesheet.src = 'actors.png';
document.addEventListener('keydown', keyDown, true); // Add key events document.addEventListener('keydown', keyDown, true); // Add key events
document.addEventListener('keyup', keyUp, true); document.addEventListener('keyup', keyUp, true);
document.addEventListener('mousemove', function(evt){mouse = getMouse(evt)}, false); document.addEventListener('mousemove', function(evt){mouse.x = getMouse(evt).x; mouse.y = getMouse(evt).y}, false);
document.addEventListener('mousedown', function(evt){mouse.down = true}, false);
document.addEventListener('mouseup', function(evt){mouse.down = false}, false);
animate(); animate();
} }
function play(){ function play(){
// Create player and its key controller // Create player and its key controller
actors[0] = new Actor(0, 'player', 200, 3, 80, 80, 16, 16); actors[0] = new Actor(0, 'player', 200, 3, 128, 64, 16, 16);
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'], /*[69, 'stream', 100]*/, [81, 'suicide']]);
//actors[1] = new Actor(6, 'all', 200, 3, 60, 80, 16, 16); actors[1] = new Actor(6, 'all', 200, 3, 256, 64, 16, 16);
//ais[0] = new Ai(1, 'alphaBot'); ais[0] = new Ai(1, 'pace');
camera = [actors[0]]; // Set camera. camera = [actors[0]]; // Set camera.
} }
@ -127,42 +135,19 @@ function getAsText(readFile) {
reader.onerror = errorHandler; reader.onerror = errorHandler;
} }
function updateProgress(evt) {
if (evt.lengthComputable) {
// evt.loaded and evt.total are ProgressEvent properties
var loaded = (evt.loaded / evt.total);
if (loaded < 1) {
// Increase the prog bar length
// style.width = (loaded * 200) + "px";
}
}
}
function loaded(evt) {
// Obtain the read file data
var fileString = evt.target.result;
// Handle UTF-16 file dump
if(utils.regexp.isChinese(fileString)) {
//Chinese Characters + Name validation
}
else {
// run other charset test
}
// xhr.send(fileString)
}
function errorHandler(evt) {
if(evt.target.error.name == "NotReadableError") {
// The file could not be read
}
}
// Round a number. // Round a number.
function r(num){ function r(num){
return Math.round(num); return Math.round(num);
} }
// Generate random number from seed function setStrChar(string , index, letter) {
if(index > string.length-1){
return string;
}
return string.substr(0, index) + letter + string.substr(index + 1);
}
// Generate random number from seed (not used)
function seed(num){ function seed(num){
return ((num * 467 + ((num * 6) % 9)) % 1000) / 1000; return ((num * 467 + ((num * 6) % 9)) % 1000) / 1000;
} }
@ -200,12 +185,16 @@ function Controller(object, actions){
if(keys.indexOf(actions[i][0]) > -1){ if(keys.indexOf(actions[i][0]) > -1){
this.actor.action(actions[i][1]); this.actor.action(actions[i][1]);
} }
if(mouse.click && actions[i][0] == 'c'){
this.actor.action(actions[i][1]);
}
} }
this.actor.refreshActions(); this.actor.refreshActions();
} }
} }
function Ai(index, ai){ function Ai(index, ai){
this.index = index;
this.actor = actors[index]; this.actor = actors[index];
this.aivars = [0, 0, 0]; this.aivars = [0, 0, 0];
this.action = function(act){ this.action = function(act){
@ -253,17 +242,17 @@ function Ai(index, ai){
actors[index].vars = [false, false, false]; actors[index].vars = [false, false, false];
} }
break; break;
case 'pace': // Test AI case 'pace': // Walking back and forth
if(this.aivars[0] == 0 || this.actor.x < -300 || this.actor.x > 300){ if(this.actor.xvel == 0){
this.aivars[0] = (this.actor.x > 0 ? -1 : 1); this.aivars[0] = (1 - this.aivars[0]);
} }
if(this.xvel == 0){ this.action(this.aivars[0] == 0 ? 'moveRight' : 'moveLeft');
this.action('jump');
}
this.action(this.aivars[0] == 1 ? 'moveRight' : 'moveLeft');
break; break;
case 'still': case 'still':
break; break;
case 'test': // Jumping AI
this.action('jump');
break;
} }
} }
} }
@ -283,7 +272,8 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
this.y = ypos; this.y = ypos;
this.w = width; this.w = width;
this.h = height; this.h = height;
this.box = new Box(this.x, this.y, this.w, this.h, this.xvel, this.yvel, ['player', 'pacer'], true); // Set physics class for this actor //this.box = new Box(this.x, this.y, this.w, this.h, this.xvel, this.yvel, ['player', 'pacer'], true); // Set physics class for this actor
this.box = new Box(this.x, this.y, this.w, this.h, this.xvel, this.yvel, [], true);
this.oneactions = []; this.oneactions = [];
this.actionsturn = []; this.actionsturn = [];
this.index = actors.length; this.index = actors.length;
@ -307,8 +297,13 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
break; break;
case 'jump': case 'jump':
this.box.y += 1; this.box.y += 1;
if(this.box.collide()){ if(this.box.collide() || this.box.inlava){
this.yvel = -4 - this.power; this.yvel = (-4 - this.power) * (this.box.inlava ? 0.2 : 1);
distanceToSound = Math.abs(this.x - lookx - 250);
if(Math.abs(this.x - lookx) < 300){
sound.jump.volume = r(((optionvars[1]) / 100) / (distanceToSound < 100 ? 1 : distanceToSound / 50));
sound.jump.play();
}
} }
this.box.y -= 1; this.box.y -= 1;
break; break;
@ -319,11 +314,13 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
camera = [this]; camera = [this];
break; break;
case 'stream': case 'stream':
particles.push(new Particle(0, 0, 60000, this.x, this.y - 1, this.xvel + ((this.x - (lookx + 250)) + (mouse.x - 250)) / 30, -3 + this.yvel * 3)); var angle = Math.atan2((this.y) - mouse.y, mouse.x - (this.x - lookx));
particles.push(new Particle(0, 0, 9000, this.x + 8, this.y - 8, Math.sin(angle) * 15, Math.cos(angle) * 15));
sound.shoot1.volume = r(optionvars[1]) / 100;
sound.shoot1.play(); sound.shoot1.play();
break; break;
case 'bounce': case 'bounce':
particles.push(new Particle(1, 0, 5000, this.x, this.y - 1, this.xvel * 2 + ((Math.random() - 0.5) * 5), -5 + this.yvel * 3)); particles.push(new Particle(1, 0, 5000, this.x, this.y - 1, this.xvel * 2 + ((Math.random() - 0.5) * 5), 1));
break; break;
case 'flo': case 'flo':
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));
@ -335,6 +332,9 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
case 'shoot': case 'shoot':
this.vars = [true, this.vars[1], this.vars[2]]; this.vars = [true, this.vars[1], this.vars[2]];
break; break;
case 'suicide':
this.health = (this.y > -50 ? 0 : this.health);
break;
} }
this.actionsturn.push(type); this.actionsturn.push(type);
} }
@ -354,7 +354,7 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
if(this.health <= 0){ if(this.health <= 0){
this.health = 200; this.health = 200;
for(i = 0; i < 64; i++){ 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)); particles.push(new Particle(0, 0, Math.random() * 500 + 2500, this.x + ((i % 8) * 2), this.y - ((i % 8) * 2), (Math.random() - 0.5) * 10, (Math.random() - 0.8) * 10));
} }
this.y = -500; this.y = -500;
} }
@ -377,7 +377,8 @@ function Actor(image, type, health, power, xpos, ypos, width, height){
} }
} }
function Particle(type, affiliation, lifespan, xpos, ypos, xvel, yvel){ function Particle(type, affiliation, lifespan, xpos, ypos, xvel, yvel, gravity){
this.gravity = typeof gravty !== 'undefined' ? gravity : true;
this.x = xpos; this.x = xpos;
this.y = ypos; this.y = ypos;
this.xvel = xvel; this.xvel = xvel;
@ -393,52 +394,45 @@ function Particle(type, affiliation, lifespan, xpos, ypos, xvel, yvel){
var angle = Math.random() * 360; var angle = Math.random() * 360;
this.addx = Math.sin(angle) * ((particles.length + 200) / 5); this.addx = Math.sin(angle) * ((particles.length + 200) / 5);
this.addy = Math.cos(angle) * ((particles.length + 200) / 10); this.addy = Math.cos(angle) * ((particles.length + 200) / 10);
this.box = new Box(this.x, this.y, this.size, this.size, this.xvel, this.yvel, [], false); this.box = new Box(this.x, this.y, this.size, this.size, this.xvel, this.yvel, [], gravity);
this.box.unstuck();
this.draw = function(){ this.draw = function(){
//context.beginPath(); //context.beginPath();
//context.rect(this.x, this.y, 3, 3); //context.rect(this.x, this.y, 3, 3);
switch(this.type){ if(this.x > lookx - 50 && this.x < lookx + 550 && this.y < 300 && this.y > -50){
case 'mouse': switch(this.type){
context.globalAlpha = 0.7; case 'mouse':
context.lineWidth = 2; context.globalAlpha = 0.7;
context.strokeStyle = '#33d'; context.lineWidth = 2;
context.strokeRect(mouse.x - this.vars[0] / 2, mouse.y - this.vars[0] / 2, this.vars[0], this.vars[0]); context.strokeStyle = '#33d';
context.globalAlpha = 1; context.strokeRect(mouse.x - this.vars[0] / 2, mouse.y - this.vars[0] / 2, this.vars[0], this.vars[0]);
break; break;
case 0: case 0:
context.globalAlpha = 1; context.globalAlpha = 1;
context.lineWidth = 1; context.lineWidth = 1;
context.strokeStyle = '#66b'; context.strokeStyle = '#66b';
context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 2, 2); context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 2, 2);
break; break;
case 1: case 1:
context.globalAlpha = 1; context.globalAlpha = 1;
context.lineWidth = 2; context.lineWidth = 2;
context.strokeStyle = '#b79'; context.strokeStyle = '#b79';
context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 4, 4); context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 4, 4);
context.strokeStyle = '#fbd'; break;
context.strokeRect(r(this.x - lookx) + 0.5, r(213 - (this.y - 216) - looky) + 0.5, 4, 4); case 2:
break; context.globalAlpha = 0.2;
case 2: context.lineWidth = 1;
context.globalAlpha = 0.2; context.strokeStyle = '#363';
context.lineWidth = 1; context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 5, 5);
context.strokeStyle = '#363'; break;
context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 5, 5); case 3:
context.strokeStyle = '#9c9'; context.globalAlpha = 0.5;
context.strokeRect(r(this.x - lookx) + 0.5, r(213 - (this.y - 216) - looky) + 0.5, 5, 5); context.lineWidth = 1;
context.globalAlpha = 1; context.strokeStyle = '#000';
break; context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 4, 4);ha = 1;
case 3: }
context.globalAlpha = 0.5; context.globalAlpha = 1;
context.lineWidth = 1;
context.strokeStyle = '#000';
context.strokeRect(r(this.x - lookx) + 0.5, r(this.y - looky) + 0.5, 4, 4);
/*
context.strokeStyle = '#aaa';
context.strokeRect(r(this.x - lookx) + 0.5, r(213 - (this.y - 216) - looky) + 0.5, 4, 4);
context.globalAlpha = 1;
*/
} }
} }
@ -464,82 +458,19 @@ function Particle(type, affiliation, lifespan, xpos, ypos, xvel, yvel){
this.vars[1] = true; this.vars[1] = true;
} }
} }
break; this.x = lookx;
case 0: if(mouse.down){
this.yvel += (this.onGround() ? 0 : 0.01 * speed); particles.push(new Particle(0, 0, 9000, lookx + mouse.x, mouse.y, (Math.random() - 0.5) * 5, (Math.random() - 0.5) * 5));
this.xvel *= Math.pow(0.998, speed);;
this.x += this.xvel;
this.y += this.yvel;
if(this.onGround()){
this.y = 216 - this.size;
this.yvel = 0;
} }
break; break;
case 1: default:
this.yvel += (this.onGround() ? 0 : 0.007 * speed); for(j in actors){
this.xvel *= Math.pow(0.999, speed); if(Math.abs(this.x - (actors[j].x + 8)) < 20 && Math.abs(this.y - (actors[j].y + 8)) < 20){
this.x += this.xvel; this.xvel += (20 - Math.abs(this.x - (actors[j].x + 8))) / (this.x > (actors[j].x + 8) ? 5 : -5);
this.y += this.yvel; this.yvel += (20 - Math.abs(this.y - (actors[j].y + 8))) / (this.y > (actors[j].y + 8) ? 5 : -5);
if(this.onGround()){
this.y = 216 - this.size;
this.yvel = (this.yvel > 2 ? this.yvel * -0.7 : 0);
}
break;
case 2:
this.yvel *= Math.pow(0.996, speed);
this.xvel *= Math.pow(0.996, speed);
this.x += this.xvel;
this.y += this.yvel;
if(this.onGround()){
this.y = 216 - this.size;
this.yvel = 0;
}
for(j in camera){
var distance = Math.sqrt(Math.pow(camera[j].x - this.x, 2) + Math.pow(camera[j].y - this.y, 2));
var xmov = camera[j].x - ((this.addx / (distance / 10)) + 8) - this.x;
var ymov = camera[j].y - ((this.addy / (distance / 10)) + 0) - this.y;
this.xvel += (xmov > 0 ? 1 : -1) / (((distance + 10) / 5) / Math.abs(xmov / 10)) + (Math.random() - 0.5) * 0.4;
this.yvel += (ymov > 0 ? 1 : -1) / (((distance + 10) / 5) / Math.abs(ymov / 10)) + (Math.random() - 0.5) * 0.4;
if(distance < 35 && this.y < camera[j].y && camera[j].yvel > -1){
camera[j].yvel -= (this.y < 50 ? this.y / 3000 : 0.05)
} }
} }
break; break;
case 3:
this.yvel *= Math.pow(0.996, speed);
this.xvel *= Math.pow(0.996, speed);
this.x += this.xvel;
this.y += this.yvel;
var parent = actors[this.aff];
if(typeof this.orbit === 'undefined'){
var angle = Math.random() * 360;
this.orbit = {
cube: this.affiliation,
x: 9 * Math.cos(angle * Math.PI / 180),
y: 9 * Math.sin(angle * Math.PI / 180)
}
}
if(parent.vars[0] == false && this.vars[0] == false){
this.xvel += (this.orbit.x + parent.x + 6 - this.x) / 10;
this.yvel += (this.orbit.y + parent.y - 20 - this.y) / 10;
}else{
if(this.vars[0] == false){
this.xvel = parent.vars[1] + (Math.random() - 0.5) * 1.5;
this.yvel = parent.vars[2] + (Math.random() - 0.5) * 1.5;
this.vars[0] = true;
}
for(j in actors){
if(this.x > actors[j].x && this.x < actors[j].x + 16 && this.y > actors[j].y - 16 && this.y < actors[j].y + 16 && true && actors[j] != parent){
actors[j].health -= 1;
this.deleteme = true;
}
}
}
if(this.onGround()){
this.y = 216 - this.size;
this.yvel = 0;
}
break;
} }
if(thisLoop > this.timeup){ if(thisLoop > this.timeup){
this.deleteme = true; this.deleteme = true;
@ -569,12 +500,15 @@ function Box(x, y, w, h, xvel, yvel, colgroup, gravity){
this.down = false; this.down = false;
this.gravity = gravity; this.gravity = gravity;
this.health = 0; this.health = 0;
this.inlava = false;
this.reset = function(){ this.reset = function(){
this.right = false; this.right = false;
this.left = false; this.left = false;
this.up = false; this.up = false;
this.down = false; if(!this.inlava){
this.down = false;
}
} }
this.collide = function(){ this.collide = function(){
@ -584,6 +518,7 @@ function Box(x, y, w, h, xvel, yvel, colgroup, gravity){
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.inlava = false;
test = []; test = [];
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++){
@ -595,51 +530,106 @@ function Box(x, y, w, h, xvel, yvel, colgroup, gravity){
collision = true; collision = true;
}else if(lv[ycol - 1][xcol] == 'x'){ }else if(lv[ycol - 1][xcol] == 'x'){
this.health -= 0.01 * speed; this.health -= 0.01 * speed;
this.inlava = true;
this.xvel *= Math.pow(0.997, speed);
this.yvel *= Math.pow(0.997, speed);
}else if(lv[ycol - 1][xcol] == 'w'){
this.inlava = true;
this.xvel *= Math.pow(0.999, speed);
this.yvel *= Math.pow(0.999, speed);
} }
} }
} }
} }
} }
// Check for collision with other boxes in same collision group
/*
for(j in actors){ for(j in actors){
var obj = actors[j].box; var obj = actors[j];
if(this.y < obj.y + 16 && this.y + 16 > obj.y && this.x + 16 > obj.x && this.x < obj.x + 16){ if(this.y < obj.y + obj.h && this.y + obj.h > obj.y && this.x + obj.w > obj.x && this.x < obj.x + obj.w && obj.box != this){
collision = true; collision = true;
type = 'cube';
} }
} }
*/
return collision; return collision;
} }
this.move = function(){ this.move = function(){
this.down = false; if(!this.inlava){
this.x += this.xvel; this.down = false;
if(this.collide() && Math.abs(this.xvel) > 0){
this.x = ((this.x >> 4) << 4) + (this.xvel > 0 ? 16 - (((this.width - 1) % 16) + 1) : 16);
this.xvel = 0;
} }
this.y += this.yvel; var apparentVel = (this.xvel * speed) / (1000 / 60);
if(this.collide()){ var velToKill = Math.abs(apparentVel)
this.y = ((this.y >> 4) << 4) + (this.yvel > 0 ? 16 - (((this.height - 1) % 16) + 1) : 16); var maxMove = Math.floor(this.width / 2);
if(this.yvel < 0){ while(velToKill > 0){ // If velocity is more than half the box size, only move in increments of half box size to prevent clipping
this.down = true; if(velToKill > maxMove){
this.x += (this.xvel > 0 ? maxMove : -maxMove);
velToKill -= maxMove;
}else{
this.x += (this.xvel > 0 ? velToKill : -velToKill);
velToKill = 0;
}
if(this.collide() && Math.abs(this.xvel) > 0){
this.x = ((this.x >> 4) << 4) + (this.xvel > 0 ? 16 - (((this.width - 1) % 16) + 1) : 16);
this.xvel = 0;
velToKill = 0;
} }
this.yvel = 0;
} }
var apparentVel = (this.yvel * speed) / (1000 / 60);
var velToKill = Math.abs(apparentVel);
var maxMove = Math.floor(this.height / 2);
while(velToKill > 0){
if(velToKill > maxMove){
this.y += (this.yvel > 0 ? maxMove : -maxMove);
velToKill -= maxMove;
}else{
this.y += (this.yvel > 0 ? velToKill : velToKill * -1);
velToKill = 0;
}
if(this.collide()){
this.y = ((this.y >> 4) << 4) + (this.yvel > 0 ? 16 - (((this.height - 1) % 16) + 1) : 16);
if(this.yvel < 0){
this.down = true;
}
this.yvel = 0;
velToKill = 0;
}
}
if(this.collide()){
this.unstuck(5000);
}
this.reset(); this.reset();
} }
this.unstuck = function(limit){
var j = 0;
var originalx = this.x;
var originaly = this.y;
while(this.collide() && j < limit){
this.x = r(originalx + (Math.sin(Math.PI * 2 * ((j % 16) / 16)) * (j / 4)));
this.y = r(originaly + (Math.cos(Math.PI * 2 * ((j % 16) / 16)) * (j / 4)));
j++;
}
if(j >= limit){
this.x = originalx;
this.y = originaly;
}
}
this.run = function(){ this.run = function(){
this.y += 1; this.y += 1;
if(this.collide() == false && this.gravity){ if(this.collide() == false && this.gravity){
this.yvel += 0.5; this.yvel += 0.025 * speed;
} }
this.y -= 1; this.y -= 1;
this.xvel *= Math.pow(0.99, speed); this.xvel *= Math.pow(0.99, speed);
if(!this.gravity){
this.yvel *= Math.pow(0.99, speed);
}
this.move(); this.move();
} }
} }
@ -664,7 +654,7 @@ function loopGame(){
maxx = actors[i].x; maxx = actors[i].x;
} }
} }
maxx += 200; maxx += 1;
while(level[0].length < maxx){ while(level[0].length < maxx){
partIndex = Math.floor(Math.random() * (levelparts.length - 1)) + 1; partIndex = Math.floor(Math.random() * (levelparts.length - 1)) + 1;
partFound = false; partFound = false;
@ -698,35 +688,39 @@ function loopGame(){
} }
lookx /= camera.length; lookx /= camera.length;
looky /= camera.length; looky /= camera.length;
/*
if( instanceof Array){
lookx = camera[0];
looky = camera[1];
}else{
lookx = camera.x - 250 + camera.xvel * 5;
looky = 0;
}
*/
context.globalAlpha = 1; context.globalAlpha = 1;
context.lineWidth = 1; context.lineWidth = 1;
var lv = level; var lv = level;
for(i = 0; i < lv.length; i++){ for(i = 0; i < lv.length; i++){ // Draw level
for(j = (lookx > 300 ? r((lookx - 300) / 16) : 0); j < r((lookx + 600) / 16); j++){ for(j = (lookx > 300 ? r((lookx - 300) / 16) : 0); j < r((lookx + 600) / 16); j++){
if(lv[i][j] == '#' || lv[i][j] == 'x'){ if(lv[i][j] == '#' || lv[i][j] == 'x' || lv[i][j] == 'w'){
//#efefef //#efefef
context.fillStyle = '#eee'; var edgeTile = false;
if((j < lv[i].length && j > 0 && i < lv.length - 1 && i > 0)){ if((j < lv[i].length && j > 0 && i < lv.length - 1 && i > 0)){
if(lv[i][j + 1] != '#' || lv[i][j - 1] != '#'){ var edgeChecks = [[-1, 1], [0, 1], [1, 1], [1, 0], [1, -1], [0, -1], [-1, -1], [-1, 0]];
context.fillStyle = '#ddd'; for(k in edgeChecks){
if(lv[i + edgeChecks[k][0]][j + edgeChecks[k][1]] != '#'){
edgeTile = true;
}
} }
if(lv[i + 1][j] != '#' || lv[i - 1][j] != '#'){ if(edgeTile){
context.fillStyle = '#ddd'; context.fillStyle = '#ddd';
}else{
context.fillStyle = '#eee';
} }
} }
if(lv[i][j] == 'x'){ if(lv[i][j] == 'x'){
context.fillStyle = '#d77'; context.fillStyle = '#d77';
} }
if(lv[i][j] == 'w'){
context.fillStyle = '#47d';
}
context.fillRect((j << 4) - r(lookx), i << 4, 16, 16); context.fillRect((j << 4) - r(lookx), i << 4, 16, 16);
}else if(lv[i][j] == 'E'){
actors[actors.length] = new Actor(6, 'all', 200, 3, j << 4, i << 4, 16, 16);
ais[ais.length] = new Ai(actors.length - 1, 'pace');
level[i] = setStrChar(level[i], j, '.');
} }
} }
} }
@ -735,16 +729,20 @@ function loopGame(){
context.fillRect((test[i][0] << 4) - lookx, test[i][1] << 4, 16, 16); context.fillRect((test[i][0] << 4) - lookx, test[i][1] << 4, 16, 16);
} }
for(i in actors){ for(i in actors){
actors[i].draw(); if(actors[i].x < lookx + 550 && actors[i].x > lookx - 50){
actors[i].draw();
}
} }
context.globalAlpha = 1; context.globalAlpha = 1;
context.fillStyle = "#444"; context.fillStyle = "#444";
context.font = "10pt Arial"; context.font = "10pt Arial";
context.textAlign = 'left'; context.textAlign = 'left';
if(game == 'playing'){ if(game == 'playing'){
context.fillText('Health: ' + r(camera[0].health), 10, 290); context.fillText('Health: ' + r(camera[0].health), 10, 270);
context.fillText('X: ' + r(camera[0].x), 10, 310); context.fillText('X: ' + r(camera[0].x), 10, 290);
context.fillText('Y: ' + r(camera[0].y), 70, 310); context.fillText('Y: ' + r(camera[0].y), 70, 290);
context.fillText('Xvel: ' + r(camera[0].xvel * 10) / 10, 10, 310);
context.fillText('Yvel: ' + r(camera[0].yvel * 10) / 10, 70, 310);
}else{ }else{
context.fillText('W and S to move', 10, 270); context.fillText('W and S to move', 10, 270);
context.fillText('Enter to select', 10, 290); context.fillText('Enter to select', 10, 290);
@ -753,14 +751,16 @@ function loopGame(){
lastspeed = (new Date() % 10 == 0 ? r(1000 / speed) : lastspeed); lastspeed = (new Date() % 10 == 0 ? r(1000 / speed) : lastspeed);
context.fillText('FPS: ' + lastspeed, 10, 20); context.fillText('FPS: ' + lastspeed, 10, 20);
context.textAlign = 'right'; context.textAlign = 'right';
context.fillText('Sint version α 0.4.1', 490, 310); context.fillText('Sint version α 0.4.2', 490, 310);
context.fillText(test, 490, 290); context.fillText(test, 490, 290);
if(game == 'playing'){ if(game == 'playing'){
context.fillText('Actors: ' + actors.length, 490, 20); context.fillText('Actors: ' + actors.length, 490, 20);
context.fillText('Particles: ' + particles.length, 490, 40); context.fillText('Particles: ' + particles.length, 490, 40);
} }
for(i in ais){ for(i in ais){
ais[i].run(); if(Math.abs(ais[i].actor.x - lookx) < 2000){
ais[i].run();
}
} }
for(i in particles){ for(i in particles){
particles[i].simulate() particles[i].simulate()
@ -805,7 +805,10 @@ function loopGame(){
context.fillStyle = '69d'; context.fillStyle = '69d';
context.font = '40pt Helvetica'; context.font = '40pt Helvetica';
context.textAlign = 'center'; context.textAlign = 'center';
context.shadowColor = '69d';
context.shadowBlur = 10;
context.fillText('Sint', 250, 100); context.fillText('Sint', 250, 100);
context.shadowBlur = 0;
// Main menu // Main menu
if(menu[ui.area][0] == 'r'){ if(menu[ui.area][0] == 'r'){
switch(menu[ui.area][1]){ switch(menu[ui.area][1]){