tranfered files from website
This commit is contained in:
lilgreenland
275
js/index.js
Normal file
275
js/index.js
Normal file
@@ -0,0 +1,275 @@
|
||||
"use strict";
|
||||
/* TODO: *******************************************
|
||||
*****************************************************
|
||||
|
||||
run fast when shift is pressed
|
||||
drains fieldMeter
|
||||
|
||||
give mobs more animal-like behaviors
|
||||
like rainworld
|
||||
give mobs something to do when they don't see player
|
||||
explore map
|
||||
eat power ups
|
||||
drop power up (if killed after eating one)
|
||||
mobs some times aren't aggressive
|
||||
when low on life or after taking a large hit
|
||||
mobs can fight each other
|
||||
this might be hard to code
|
||||
when not near other mobs they try to group up.
|
||||
|
||||
gun power ups
|
||||
+explosion radius
|
||||
+dmg
|
||||
life steal
|
||||
+bullet size
|
||||
get bonus ammo / reduced ammo use
|
||||
bullets pass through walls
|
||||
unlimited ammo capacity
|
||||
add in a max ammo capacity
|
||||
|
||||
|
||||
|
||||
mutators (as a power up)
|
||||
infinite ammo
|
||||
or just more ammo from drops?
|
||||
or 50% chance to not use up a bullet?
|
||||
increased fire rate for guns
|
||||
how to make laser fire faster?
|
||||
orbiting orb fires at random targets
|
||||
missiles at random targets
|
||||
|
||||
low gravity
|
||||
double jumps
|
||||
higher horizontal run speed?
|
||||
|
||||
vampire damage
|
||||
shield (recharges fast, but only upto 10% of life)
|
||||
|
||||
Active use abilities (can get ideas from spacetime)
|
||||
blink (short distance teleport)
|
||||
would reverse if they end up in solid wall
|
||||
beacon teleport
|
||||
push (push blocks, mobs, and bullets away from player)
|
||||
invulnerability (force field that stops mobs and bullets)
|
||||
burst of speed
|
||||
intangible (can move through bodies, bullets, and mobs. Not map elements)
|
||||
|
||||
game mechanics
|
||||
mechanics that support the physics engine
|
||||
add rope/constraint
|
||||
store/spawn bodies in player (like the game Starfall)
|
||||
get ideas from game: limbo / inside
|
||||
environmental hazards
|
||||
laser
|
||||
lava
|
||||
button / switch
|
||||
door
|
||||
fizzler
|
||||
moving platform
|
||||
map zones
|
||||
water
|
||||
low friction ground
|
||||
bouncy ground
|
||||
|
||||
give each foot a sensor to check for ground collisions
|
||||
feet with not go into the ground even on slanted ground
|
||||
this might be not worth it, but it might look really cool
|
||||
|
||||
track foot positions with velocity better as the player walks/crouch/runs
|
||||
|
||||
add bullet on damage effects
|
||||
effects could:
|
||||
add to the array mod.do new mob behaviors
|
||||
add a damage over time
|
||||
add a freeze
|
||||
change mob traits
|
||||
mass
|
||||
friction
|
||||
damage done
|
||||
change things about the bullet
|
||||
bounce the bullet again in a new direction
|
||||
fire several bullets as shrapnel
|
||||
increase the bullet size to do AOE dmg?? (how)
|
||||
just run a for loop over all mobs, and do damage to the one that are close
|
||||
bullets return to player
|
||||
use a constraint? does bullet just start with a constraint or is it added on damage?
|
||||
change the player
|
||||
vampire bullets heal for the damage done
|
||||
or give the player a shield??
|
||||
or only heal if the mob dies (might be tricky)
|
||||
remove standing on player actions
|
||||
replace with check if player feet are in an area.
|
||||
|
||||
unused ideas
|
||||
passive: walk through blocks (difficult to implement)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//collision info:
|
||||
category mask
|
||||
powerUp: 0x 100000 0x 100001
|
||||
mobBull: 0x 010000 0x 001001
|
||||
player: 0x 001000 0x 010011
|
||||
bullet: 0x 000100 0x 000011
|
||||
mob: 0x 000010 0x 001101
|
||||
map: 0x 000001 0x 111111
|
||||
body: 0x 000001 0x 011111
|
||||
|
||||
? hold: 0x 000001 0x 000001
|
||||
|
||||
|
||||
*/
|
||||
|
||||
//set up canvas
|
||||
var canvas = document.getElementById("canvas");
|
||||
//using "const" causes problems in safari when an ID shares the same name.
|
||||
const ctx = canvas.getContext("2d");
|
||||
document.body.style.backgroundColor = "#fff";
|
||||
|
||||
//disable pop up menu on right click
|
||||
document.oncontextmenu = function () {
|
||||
return false;
|
||||
}
|
||||
|
||||
function setupCanvas() {
|
||||
canvas.width = window.innerWidth;
|
||||
canvas.height = window.innerHeight;
|
||||
canvas.width2 = canvas.width / 2; //precalculated because I use this often (in mouse look)
|
||||
canvas.height2 = canvas.height / 2;
|
||||
canvas.diagonal = Math.sqrt(canvas.width2 * canvas.width2 + canvas.height2 * canvas.height2);
|
||||
ctx.font = "15px Arial";
|
||||
ctx.lineJoin = "round";
|
||||
ctx.lineCap = "round";
|
||||
// ctx.lineCap='square';
|
||||
game.setZoom();
|
||||
}
|
||||
setupCanvas();
|
||||
window.onresize = () => {
|
||||
setupCanvas();
|
||||
};
|
||||
|
||||
//mouse move input
|
||||
document.body.addEventListener("mousemove", (e) => {
|
||||
game.mouse.x = e.clientX;
|
||||
game.mouse.y = e.clientY;
|
||||
});
|
||||
|
||||
document.body.addEventListener("mouseup", (e) => {
|
||||
// game.buildingUp(e); //uncomment when building levels
|
||||
game.mouseDown = false;
|
||||
// console.log(e)
|
||||
if (e.which === 3) {
|
||||
game.mouseDownRight = false;
|
||||
} else {
|
||||
game.mouseDown = false;
|
||||
}
|
||||
});
|
||||
|
||||
document.body.addEventListener("mousedown", (e) => {
|
||||
if (e.which === 3) {
|
||||
game.mouseDownRight = true;
|
||||
} else {
|
||||
game.mouseDown = true;
|
||||
}
|
||||
});
|
||||
|
||||
//keyboard input
|
||||
const keys = [];
|
||||
document.body.addEventListener("keydown", (e) => {
|
||||
keys[e.keyCode] = true;
|
||||
game.keyPress();
|
||||
});
|
||||
|
||||
document.body.addEventListener("keyup", (e) => {
|
||||
keys[e.keyCode] = false;
|
||||
});
|
||||
|
||||
document.body.addEventListener("wheel", (e) => {
|
||||
if (e.deltaY > 0) {
|
||||
game.nextGun();
|
||||
} else {
|
||||
game.previousGun();
|
||||
}
|
||||
}, {
|
||||
passive: true
|
||||
});
|
||||
|
||||
|
||||
// window.addEventListener("gamepadconnected", function (e) {
|
||||
// console.log("Gamepad connected at index %d: %s. %d buttons, %d axes.",
|
||||
// e.gamepad.index, e.gamepad.id,
|
||||
// e.gamepad.buttons.length, e.gamepad.axes.length);
|
||||
|
||||
// });
|
||||
|
||||
game.loop = game.mouseLoop;
|
||||
window.addEventListener("gamepadconnected", function (e) {
|
||||
console.log('gamepad connected')
|
||||
document.getElementById("gamepad").style.display = "inline";
|
||||
game.gamepad.connected = true;
|
||||
polGamepadCycle();
|
||||
game.loop = game.gamepadLoop;
|
||||
});
|
||||
window.addEventListener("gamepaddisconnected", function (e) {
|
||||
disconnectGamepad()
|
||||
});
|
||||
|
||||
function disconnectGamepad() {
|
||||
console.log('gamepad disconnected')
|
||||
document.getElementById("gamepad").style.display = "none";
|
||||
game.gamepad.connected = false;
|
||||
game.loop = game.mouseLoop;
|
||||
}
|
||||
|
||||
//this runs to get gamepad data even when paused
|
||||
function polGamepadCycle() {
|
||||
game.gamepad.cycle++
|
||||
if (game.gamepad.connected) requestAnimationFrame(polGamepadCycle);
|
||||
game.polGamepad()
|
||||
}
|
||||
|
||||
|
||||
// function playSound(id) {
|
||||
// //play sound
|
||||
// if (false) {
|
||||
// //sounds are turned off for now
|
||||
// // if (document.getElementById(id)) {
|
||||
// var sound = document.getElementById(id); //setup audio
|
||||
// sound.currentTime = 0; //reset position of playback to zero //sound.load();
|
||||
// sound.play();
|
||||
// }
|
||||
// }
|
||||
|
||||
function shuffle(array) {
|
||||
var currentIndex = array.length,
|
||||
temporaryValue,
|
||||
randomIndex;
|
||||
// While there remain elements to shuffle...
|
||||
while (0 !== currentIndex) {
|
||||
// Pick a remaining element...
|
||||
randomIndex = Math.floor(Math.random() * currentIndex);
|
||||
currentIndex -= 1;
|
||||
// And swap it with the current element.
|
||||
temporaryValue = array[currentIndex];
|
||||
array[currentIndex] = array[randomIndex];
|
||||
array[randomIndex] = temporaryValue;
|
||||
}
|
||||
return array;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//main loop ************************************************************
|
||||
//**********************************************************************
|
||||
function cycle() {
|
||||
if (!game.paused) requestAnimationFrame(cycle);
|
||||
const now = Date.now();
|
||||
const elapsed = now - game.then; // calc elapsed time since last loop
|
||||
if (elapsed > game.fpsInterval) { // if enough time has elapsed, draw the next frame
|
||||
game.then = now - (elapsed % game.fpsInterval); // Get ready for next frame by setting then=now. Also, adjust for fpsInterval not being multiple of 16.67
|
||||
game.loop();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user