1183 lines
43 KiB
JavaScript
1183 lines
43 KiB
JavaScript
// game Object ********************************************************
|
|
//*********************************************************************
|
|
const game = {
|
|
loop() {}, //main game loop, gets se tto normal or testing loop
|
|
testingLoop() {
|
|
game.gravity();
|
|
Engine.update(engine, game.delta);
|
|
game.wipe();
|
|
game.textLog();
|
|
mech.keyMove();
|
|
level.checkZones();
|
|
level.checkQuery();
|
|
mech.move();
|
|
mech.look();
|
|
game.checks();
|
|
ctx.save();
|
|
game.camera();
|
|
mech.draw();
|
|
game.draw.wireFrame();
|
|
game.draw.cons();
|
|
game.draw.testing();
|
|
game.drawCircle();
|
|
ctx.restore();
|
|
game.testingOutput();
|
|
game.drawCursor();
|
|
},
|
|
normalLoop() {
|
|
game.gravity();
|
|
Engine.update(engine, game.delta);
|
|
game.wipe();
|
|
game.textLog();
|
|
mech.keyMove();
|
|
level.checkZones();
|
|
level.checkQuery();
|
|
mech.move();
|
|
mech.look();
|
|
game.checks();
|
|
ctx.save();
|
|
game.camera();
|
|
level.drawFillBGs();
|
|
level.exit.draw();
|
|
level.enter.draw();
|
|
game.draw.powerUp();
|
|
mobs.draw();
|
|
game.draw.cons();
|
|
game.draw.body();
|
|
mobs.loop();
|
|
mobs.healthBar();
|
|
mech.draw();
|
|
mech.hold();
|
|
level.drawFills();
|
|
game.draw.drawMapPath();
|
|
b.fire();
|
|
b.bulletRemove();
|
|
b.bulletDraw();
|
|
b.bulletDo();
|
|
game.drawCircle();
|
|
ctx.restore();
|
|
game.drawCursor();
|
|
},
|
|
isTimeSkipping: false,
|
|
timeSkip(cycles = 60) {
|
|
game.isTimeSkipping = true;
|
|
for (let i = 0; i < cycles; i++) {
|
|
game.cycle++;
|
|
mech.cycle++;
|
|
game.gravity();
|
|
Engine.update(engine, game.delta);
|
|
level.checkZones();
|
|
level.checkQuery();
|
|
mech.move();
|
|
game.checks();
|
|
mobs.loop();
|
|
// mech.draw();
|
|
mech.walk_cycle += mech.flipLegs * mech.Vx;
|
|
|
|
mech.hold();
|
|
b.fire();
|
|
b.bulletRemove();
|
|
b.bulletDo();
|
|
}
|
|
game.isTimeSkipping = false;
|
|
},
|
|
mouse: {
|
|
x: canvas.width / 2,
|
|
y: canvas.height / 2
|
|
},
|
|
mouseInGame: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
g: 0.001,
|
|
onTitlePage: true,
|
|
paused: false,
|
|
isChoosing: false,
|
|
testing: false, //testing mode: shows wire frame and some variables
|
|
cycle: 0, //total cycles, 60 per second
|
|
fpsCap: null, //limits frames per second to 144/2=72, on most monitors the fps is capped at 60fps by the hardware
|
|
fpsCapDefault: 72, //use to change fpsCap back to normal after a hit from a mob
|
|
isEasyToAimMode: true, //removes power ups that don't work well with a track pad
|
|
isCommunityMaps: false,
|
|
cyclePaused: 0,
|
|
fallHeight: 3000, //below this y position the player dies
|
|
lastTimeStamp: 0, //tracks time stamps for measuring delta
|
|
delta: 1000 / 60, //speed of game engine //looks like it has to be 16 to match player input
|
|
buttonCD: 0,
|
|
isBodyDamage: true,
|
|
levelsCleared: 0,
|
|
difficultyMode: 1,
|
|
isEasyMode: false,
|
|
difficulty: 0,
|
|
dmgScale: null, //set in levels.setDifficulty
|
|
healScale: 1,
|
|
accelScale: null, //set in levels.setDifficulty
|
|
CDScale: null, //set in levels.setDifficulty
|
|
lookFreqScale: null, //set in levels.setDifficulty
|
|
mouseDown: false,
|
|
// dropFPS(cap = 40, time = 15) {
|
|
// game.fpsCap = cap
|
|
// game.fpsInterval = 1000 / game.fpsCap;
|
|
// game.defaultFPSCycle = game.cycle + time
|
|
// const normalFPS = function () {
|
|
// if (game.defaultFPSCycle < game.cycle) {
|
|
// game.fpsCap = 72
|
|
// game.fpsInterval = 1000 / game.fpsCap;
|
|
// } else {
|
|
// requestAnimationFrame(normalFPS);
|
|
// }
|
|
// };
|
|
// requestAnimationFrame(normalFPS);
|
|
// },
|
|
drawCursor() {
|
|
const size = 10;
|
|
ctx.beginPath();
|
|
ctx.moveTo(game.mouse.x - size, game.mouse.y);
|
|
ctx.lineTo(game.mouse.x + size, game.mouse.y);
|
|
ctx.moveTo(game.mouse.x, game.mouse.y - size);
|
|
ctx.lineTo(game.mouse.x, game.mouse.y + size);
|
|
ctx.lineWidth = 2;
|
|
ctx.strokeStyle = "#000"; //'rgba(0,0,0,0.4)'
|
|
ctx.stroke(); // Draw it
|
|
},
|
|
drawList: [], //so you can draw a first frame of explosions.. I know this is bad
|
|
drawTime: 8, //how long circles are drawn. use to push into drawlist.time
|
|
mobDmgColor: "rgba(255,0,0,0.7)", //used top push into drawList.color
|
|
playerDmgColor: "rgba(0,0,0,0.7)", //used top push into drawList.color
|
|
drawCircle() {
|
|
//draws a circle for two cycles, used for showing damage mostly
|
|
let i = game.drawList.length;
|
|
while (i--) {
|
|
ctx.beginPath(); //draw circle
|
|
ctx.arc(game.drawList[i].x, game.drawList[i].y, game.drawList[i].radius, 0, 2 * Math.PI);
|
|
ctx.fillStyle = game.drawList[i].color;
|
|
ctx.fill();
|
|
if (game.drawList[i].time) {
|
|
//remove when timer runs out
|
|
game.drawList[i].time--;
|
|
} else {
|
|
game.drawList.splice(i, 1);
|
|
}
|
|
}
|
|
},
|
|
lastLogTime: 0,
|
|
lastLogTimeBig: 0,
|
|
boldActiveGunHUD() {
|
|
if (b.inventory.length > 0) {
|
|
for (let i = 0, len = b.inventory.length; i < len; ++i) {
|
|
// document.getElementById(b.inventory[i]).style.fontSize = "25px";
|
|
document.getElementById(b.inventory[i]).style.opacity = "0.3";
|
|
}
|
|
// document.getElementById(b.activeGun).style.fontSize = "30px";
|
|
if (document.getElementById(b.activeGun)) document.getElementById(b.activeGun).style.opacity = "1";
|
|
}
|
|
|
|
if (b.isModEntanglement && document.getElementById("mod-entanglement")) {
|
|
if (b.inventory[0] === b.activeGun) {
|
|
let lessDamage = 1
|
|
for (let i = 0, len = b.inventory.length; i < len; i++) {
|
|
lessDamage *= 0.84 // 1 - 0.16
|
|
}
|
|
document.getElementById("mod-entanglement").innerHTML = " " + ((1 - lessDamage) * 100).toFixed(0) + "%"
|
|
} else {
|
|
document.getElementById("mod-entanglement").innerHTML = " 0%"
|
|
}
|
|
}
|
|
},
|
|
updateGunHUD() {
|
|
for (let i = 0, len = b.inventory.length; i < len; ++i) {
|
|
document.getElementById(b.inventory[i]).innerHTML = b.guns[b.inventory[i]].name + " - " + b.guns[b.inventory[i]].ammo;
|
|
}
|
|
},
|
|
makeGunHUD() {
|
|
//remove all nodes
|
|
const myNode = document.getElementById("guns");
|
|
while (myNode.firstChild) {
|
|
myNode.removeChild(myNode.firstChild);
|
|
}
|
|
//add nodes
|
|
for (let i = 0, len = b.inventory.length; i < len; ++i) {
|
|
const node = document.createElement("div");
|
|
node.setAttribute("id", b.inventory[i]);
|
|
let textnode = document.createTextNode(b.guns[b.inventory[i]].name + " - " + b.guns[b.inventory[i]].ammo);
|
|
node.appendChild(textnode);
|
|
document.getElementById("guns").appendChild(node);
|
|
}
|
|
game.boldActiveGunHUD();
|
|
},
|
|
updateModHUD() {
|
|
let text = ""
|
|
for (let i = 0, len = b.mods.length; i < len; i++) { //add mods
|
|
if (b.mods[i].count > 0) {
|
|
if (text) text += "<br>" //add a new line, but not on the first line
|
|
text += b.mods[i].name
|
|
if (b.mods[i].nameInfo) text += b.mods[i].nameInfo
|
|
if (b.mods[i].count > 1) text += ` (${b.mods[i].count}x)`
|
|
}
|
|
}
|
|
document.getElementById("mods").innerHTML = text
|
|
b.modOnHealthChange()
|
|
},
|
|
replaceTextLog: true,
|
|
// <!-- <path d="M832.41,106.64 V323.55 H651.57 V256.64 c0-82.5,67.5-150,150-150 Z" fill="#789" stroke="none" />
|
|
// <path d="M827,112 h30 a140,140,0,0,1,140,140 v68 h-167 z" fill="#7ce" stroke="none" /> -->
|
|
SVGleftMouse: '<svg viewBox="750 0 200 765" class="mouse-icon" width="40px" height = "60px" stroke-linecap="round" stroke-linejoin="round" stroke-width="25px" stroke="#000" fill="none"> <path fill="#fff" stroke="none" d="M827,112 h30 a140,140,0,0,1,140,140 v268 a140,140,0,0,1-140,140 h-60 a140,140,0,0,1-140-140v-268 a140,140,0,0,1,140-140h60" /> <path d="M832.41,106.64 V323.55 H651.57 V256.64 c0-82.5,67.5-150,150-150 Z" fill="#149" stroke="none" /> <path fill="none" d="M827,112 h30 a140,140,0,0,1,140,140 v268 a140,140,0,0,1-140,140 h-60 a140,140,0,0,1-140-140v-268 a140,140,0,0,1,140-140h60" /> <path d="M657 317 h 340 h-170 v-207" /> <ellipse fill="#fff" cx="827.57" cy="218.64" rx="29" ry="68" /> </svg>',
|
|
SVGrightMouse: '<svg viewBox="750 0 200 765" class="mouse-icon" width="40px" height = "60px" stroke-linecap="round" stroke-linejoin="round" stroke-width="25px" stroke="#000" fill="none"> <path fill="#fff" stroke="none" d="M827,112 h30 a140,140,0,0,1,140,140 v268 a140,140,0,0,1-140,140 h-60 a140,140,0,0,1-140-140v-268 a140,140,0,0,1,140-140h60" /> <path d="M827,112 h30 a140,140,0,0,1,140,140 v68 h-167 z" fill="#0cf" stroke="none" /> <path fill="none" d="M827,112 h30 a140,140,0,0,1,140,140 v268 a140,140,0,0,1-140,140 h-60 a140,140,0,0,1-140-140v-268 a140,140,0,0,1,140-140h60" /> <path d="M657 317 h 340 h-170 v-207" /> <ellipse fill="#fff" cx="827.57" cy="218.64" rx="29" ry="68" /> </svg>',
|
|
makeTextLog(text, time = 180) {
|
|
if (game.replaceTextLog) {
|
|
document.getElementById("text-log").innerHTML = text;
|
|
document.getElementById("text-log").style.opacity = 1;
|
|
game.lastLogTime = mech.cycle + time;
|
|
}
|
|
},
|
|
textLog() {
|
|
if (game.lastLogTime && game.lastLogTime < mech.cycle) {
|
|
game.lastLogTime = 0;
|
|
game.replaceTextLog = true
|
|
// document.getElementById("text-log").innerHTML = " ";
|
|
document.getElementById("text-log").style.opacity = 0;
|
|
}
|
|
},
|
|
nextGun() {
|
|
if (b.inventory.length > 0) {
|
|
b.inventoryGun++;
|
|
if (b.inventoryGun > b.inventory.length - 1) b.inventoryGun = 0;
|
|
game.switchGun();
|
|
}
|
|
},
|
|
previousGun() {
|
|
if (b.inventory.length > 0) {
|
|
b.inventoryGun--;
|
|
if (b.inventoryGun < 0) b.inventoryGun = b.inventory.length - 1;
|
|
game.switchGun();
|
|
}
|
|
},
|
|
switchGun() {
|
|
if (b.modNoAmmo) b.modNoAmmo = 1 //this prevents hacking the mod by switching guns
|
|
b.activeGun = b.inventory[b.inventoryGun];
|
|
game.updateGunHUD();
|
|
game.boldActiveGunHUD();
|
|
// mech.drop();
|
|
},
|
|
keyPress() { //runs on key down event
|
|
if (keys[189]) {
|
|
// - key
|
|
game.isAutoZoom = false;
|
|
game.zoomScale /= 0.9;
|
|
game.setZoom();
|
|
} else if (keys[187]) {
|
|
// = key
|
|
game.isAutoZoom = false;
|
|
game.zoomScale *= 0.9;
|
|
game.setZoom();
|
|
}
|
|
|
|
//full screen toggle
|
|
// if (keys[13]) {
|
|
// //enter key
|
|
// var doc = window.document;
|
|
// var docEl = doc.documentElement;
|
|
|
|
// var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
|
|
// var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
|
|
|
|
// if (!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement) {
|
|
// requestFullScreen.call(docEl);
|
|
// } else {
|
|
// cancelFullScreen.call(doc);
|
|
// }
|
|
// setupCanvas();
|
|
// }
|
|
|
|
|
|
if (keys[69]) {
|
|
// e swap to next active gun
|
|
game.nextGun();
|
|
} else if (keys[81]) {
|
|
//q swap to previous active gun
|
|
game.previousGun();
|
|
}
|
|
|
|
if (keys[80] && !game.isChoosing) { //p for pause
|
|
if (game.paused) {
|
|
build.unPauseGrid()
|
|
game.paused = false;
|
|
level.levelAnnounce();
|
|
document.body.style.cursor = "none";
|
|
requestAnimationFrame(cycle);
|
|
} else {
|
|
game.paused = true;
|
|
game.replaceTextLog = true;
|
|
// game.makeTextLog("<h1>PAUSED</h1>", 1);
|
|
//display grid
|
|
// document.title = "PAUSED: press P to resume";
|
|
build.pauseGrid()
|
|
document.body.style.cursor = "auto";
|
|
}
|
|
}
|
|
|
|
//toggle testing mode
|
|
if (keys[84]) {
|
|
// 84 = t
|
|
if (game.testing) {
|
|
game.testing = false;
|
|
game.loop = game.normalLoop
|
|
} else {
|
|
game.testing = true;
|
|
game.loop = game.testingLoop
|
|
}
|
|
}
|
|
//in testing mode
|
|
if (game.testing) {
|
|
if (keys[49]) { // give power ups with 1
|
|
powerUps.spawn(game.mouseInGame.x, game.mouseInGame.y, "heal");
|
|
} else if (keys[50]) { // 2
|
|
powerUps.spawn(game.mouseInGame.x, game.mouseInGame.y, "ammo");
|
|
} else if (keys[51]) { // 3
|
|
powerUps.spawn(game.mouseInGame.x, game.mouseInGame.y, "gun");
|
|
} else if (keys[52]) { // 4
|
|
powerUps.spawn(game.mouseInGame.x, game.mouseInGame.y, "field");
|
|
} else if (keys[53]) { // 5
|
|
powerUps.spawn(game.mouseInGame.x, game.mouseInGame.y, "mod");
|
|
} else if (keys[54]) { // 6 spawn mob
|
|
const pick = spawn.fullPickList[Math.floor(Math.random() * spawn.fullPickList.length)];
|
|
spawn.allowShields = false;
|
|
spawn[pick](game.mouseInGame.x, game.mouseInGame.y);
|
|
spawn.allowShields = true;
|
|
} else if (keys[55]) { // 7 spawn body
|
|
index = body.length
|
|
spawn.bodyRect(game.mouseInGame.x, game.mouseInGame.y, 50, 50);
|
|
body[index].collisionFilter.category = cat.body;
|
|
body[index].collisionFilter.mask = cat.player | cat.map | cat.body | cat.bullet | cat.mob | cat.mobBullet
|
|
body[index].classType = "body";
|
|
World.add(engine.world, body[index]); //add to world
|
|
} else if (keys[70]) { //cycle fields with F
|
|
const mode = (mech.fieldMode === mech.fieldUpgrades.length - 1) ? 0 : mech.fieldMode + 1
|
|
mech.setField(mode)
|
|
} else if (keys[71]) { // give all guns with G
|
|
b.giveGuns("all", 1000)
|
|
} else if (keys[72]) { // heal with H
|
|
mech.addHealth(Infinity)
|
|
mech.energy = mech.maxEnergy;
|
|
} else if (keys[89]) { //add mods with y
|
|
b.giveMod()
|
|
} else if (keys[82]) { // teleport to mouse with R
|
|
Matter.Body.setPosition(player, game.mouseInGame);
|
|
Matter.Body.setVelocity(player, {
|
|
x: 0,
|
|
y: 0
|
|
});
|
|
// game.noCameraScroll()
|
|
} else if (keys[85]) { // next level with U
|
|
level.zoneActions.nextLevel();
|
|
}
|
|
}
|
|
},
|
|
zoom: null,
|
|
zoomScale: 1000,
|
|
isAutoZoom: true,
|
|
setZoom(zoomScale = game.zoomScale) { //use in window resize in index.js
|
|
game.zoomScale = zoomScale
|
|
game.zoom = canvas.height / zoomScale; //sets starting zoom scale
|
|
},
|
|
zoomTransition(newZoomScale, step = 2) {
|
|
if (game.isAutoZoom) {
|
|
const isBigger = (newZoomScale - game.zoomScale > 0) ? true : false;
|
|
requestAnimationFrame(zLoop);
|
|
const currentLevel = level.onLevel
|
|
|
|
function zLoop() {
|
|
if (currentLevel !== level.onLevel || game.isAutoZoom === false) return //stop the zoom if player goes to a new level
|
|
|
|
if (isBigger) {
|
|
game.zoomScale += step
|
|
if (game.zoomScale >= newZoomScale) {
|
|
game.setZoom(newZoomScale);
|
|
return
|
|
}
|
|
} else {
|
|
game.zoomScale -= step
|
|
if (game.zoomScale <= newZoomScale) {
|
|
game.setZoom(newZoomScale);
|
|
return
|
|
}
|
|
}
|
|
|
|
game.setZoom();
|
|
requestAnimationFrame(zLoop);
|
|
}
|
|
}
|
|
},
|
|
zoomInFactor: 0,
|
|
startZoomIn(time = 180) {
|
|
game.zoom = 0;
|
|
let count = 0;
|
|
requestAnimationFrame(zLoop);
|
|
|
|
function zLoop() {
|
|
game.zoom += canvas.height / game.zoomScale / time;
|
|
count++;
|
|
if (count < time) {
|
|
requestAnimationFrame(zLoop);
|
|
} else {
|
|
game.setZoom();
|
|
}
|
|
}
|
|
},
|
|
noCameraScroll() {
|
|
// makes the camera not scroll after changing locations
|
|
mech.pos.x = player.position.x;
|
|
mech.pos.y = playerBody.position.y - mech.yOff;
|
|
const scale = 0.8;
|
|
mech.transSmoothX = canvas.width2 - mech.pos.x - (game.mouse.x - canvas.width2) * scale;
|
|
mech.transSmoothY = canvas.height2 - mech.pos.y - (game.mouse.y - canvas.height2) * scale;
|
|
mech.transX += (mech.transSmoothX - mech.transX) * 1;
|
|
mech.transY += (mech.transSmoothY - mech.transY) * 1;
|
|
},
|
|
camera() {
|
|
ctx.save();
|
|
ctx.translate(canvas.width2, canvas.height2); //center
|
|
ctx.scale(game.zoom, game.zoom); //zoom in once centered
|
|
ctx.translate(-canvas.width2 + mech.transX, -canvas.height2 + mech.transY); //translate
|
|
//calculate in game mouse position by undoing the zoom and translations
|
|
game.mouseInGame.x = (game.mouse.x - canvas.width2) / game.zoom + canvas.width2 - mech.transX;
|
|
game.mouseInGame.y = (game.mouse.y - canvas.height2) / game.zoom + canvas.height2 - mech.transY;
|
|
},
|
|
restoreCamera() {
|
|
ctx.restore();
|
|
},
|
|
wipe() {
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
},
|
|
gravity() {
|
|
function addGravity(bodies, magnitude) {
|
|
for (var i = 0; i < bodies.length; i++) {
|
|
bodies[i].force.y += bodies[i].mass * magnitude;
|
|
}
|
|
}
|
|
addGravity(powerUp, game.g);
|
|
addGravity(body, game.g);
|
|
player.force.y += player.mass * mech.gravity;
|
|
},
|
|
reset() { //run on first run, and each later run after you die
|
|
b.inventory = []; //removes guns and ammo
|
|
for (let i = 0, len = b.guns.length; i < len; ++i) {
|
|
b.guns[i].count = 0;
|
|
b.guns[i].have = false;
|
|
if (b.guns[i].ammo != Infinity) b.guns[i].ammo = 0;
|
|
}
|
|
b.activeGun = null;
|
|
|
|
b.setupAllMods(); //sets mods to default values
|
|
game.updateModHUD();
|
|
mech.maxHealth = 1
|
|
mech.maxEnergy = 1
|
|
game.paused = false;
|
|
engine.timing.timeScale = 1;
|
|
game.fpsCap = game.fpsCapDefault;
|
|
game.isAutoZoom = true;
|
|
game.makeGunHUD();
|
|
mech.drop();
|
|
mech.holdingTarget = null
|
|
mech.addHealth(Infinity);
|
|
mech.alive = true;
|
|
level.onLevel = 0;
|
|
level.levelsCleared = 0;
|
|
|
|
//resetting difficulty
|
|
game.dmgScale = 1;
|
|
b.dmgScale = 0.7;
|
|
game.accelScale = 1;
|
|
game.lookFreqScale = 1;
|
|
game.CDScale = 1;
|
|
game.difficulty = 0;
|
|
game.difficultyMode = Number(document.getElementById("difficulty-select").value)
|
|
level.isBuildRun = false;
|
|
build.isCustomSelection = false;
|
|
if (game.difficultyMode === 0) {
|
|
game.isEasyMode = true;
|
|
game.difficultyMode = 1
|
|
level.difficultyDecrease(6); //if this stops being -6 change in build.calculateCustomDifficulty()
|
|
}
|
|
if (game.difficultyMode === 4) level.difficultyIncrease(6)
|
|
|
|
game.clearNow = true;
|
|
document.getElementById("text-log").style.opacity = 0;
|
|
document.getElementById("fade-out").style.opacity = 0;
|
|
document.title = "n-gon";
|
|
//set to default field
|
|
mech.fieldMode = 0;
|
|
game.replaceTextLog = true;
|
|
game.makeTextLog(`${game.SVGrightMouse}<strong style='font-size:30px;'> ${mech.fieldUpgrades[mech.fieldMode].name}</strong><br><span class='faded'></span><br>${mech.fieldUpgrades[mech.fieldMode].description}`, 600);
|
|
mech.setField(mech.fieldMode)
|
|
},
|
|
firstRun: true,
|
|
splashReturn() {
|
|
game.onTitlePage = true;
|
|
// document.getElementById('splash').onclick = 'run(this)';
|
|
// build.isURLBuild = false;
|
|
document.getElementById("splash").onclick = function () {
|
|
game.startGame();
|
|
};
|
|
document.getElementById("choose-grid").style.display = "none"
|
|
document.getElementById("info").style.display = "inline";
|
|
document.getElementById("build-button").style.display = "inline"
|
|
document.getElementById("build-grid").style.display = "none"
|
|
document.getElementById("pause-grid-left").style.display = "none"
|
|
document.getElementById("pause-grid-right").style.display = "none"
|
|
document.getElementById("splash").style.display = "inline";
|
|
document.getElementById("dmg").style.display = "none";
|
|
document.getElementById("health-bg").style.display = "none";
|
|
document.body.style.cursor = "auto";
|
|
},
|
|
fpsInterval: 0, //set in startGame
|
|
then: null,
|
|
startGame() {
|
|
if (!level.isBuildRun) { //if a build run logic flow returns to "build-button").addEventListener
|
|
document.body.style.cursor = "none";
|
|
document.body.style.overflow = "hidden"
|
|
}
|
|
game.onTitlePage = false;
|
|
document.getElementById("choose-grid").style.display = "none"
|
|
document.getElementById("build-grid").style.display = "none"
|
|
document.getElementById("info").style.display = "none";
|
|
document.getElementById("build-button").style.display = "none";
|
|
document.getElementById("splash").onclick = null; //removes the onclick effect so the function only runs once
|
|
document.getElementById("splash").style.display = "none"; //hides the element that spawned the function
|
|
document.getElementById("dmg").style.display = "inline";
|
|
document.getElementById("health-bg").style.display = "inline";
|
|
|
|
// window.onmousedown = function (e) {
|
|
// //mouse up event in set in index.js
|
|
|
|
// // game.mouseDown = true;
|
|
// if (e.which === 3) {
|
|
// game.mouseDownRight = true;
|
|
// } else {
|
|
// game.mouseDown = true;
|
|
// }
|
|
// // keep this disabled unless building maps
|
|
// // if (!game.mouseDown){
|
|
// // game.getCoords.pos1.x = Math.round(game.mouseInGame.x / 25) * 25;
|
|
// // game.getCoords.pos1.y = Math.round(game.mouseInGame.y / 25) * 25;
|
|
// // }
|
|
|
|
// // mech.throwBlock();
|
|
// };
|
|
|
|
if (game.firstRun) {
|
|
mech.spawn(); //spawns the player
|
|
b.setupAllMods(); //doesn't run on reset so that gun mods carry over to new runs
|
|
|
|
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;
|
|
}
|
|
if (game.isCommunityMaps) level.levels.push("stronghold");
|
|
level.levels = shuffle(level.levels); //shuffles order of maps
|
|
level.levels.unshift("bosses"); //add bosses level to the end of the randomized levels list
|
|
// console.log(level.levels)
|
|
}
|
|
game.reset();
|
|
game.firstRun = false;
|
|
|
|
//setup FPS cap
|
|
game.fpsInterval = 1000 / game.fpsCap;
|
|
game.then = Date.now();
|
|
requestAnimationFrame(cycle); //starts game loop
|
|
},
|
|
clearNow: false,
|
|
clearMap() {
|
|
if (b.isModMineAmmoBack) {
|
|
let count = 0;
|
|
for (i = 0, len = bullet.length; i < len; i++) { //count mines left on map
|
|
if (bullet[i].bulletType === "mine") count++
|
|
}
|
|
for (i = 0, len = b.guns.length; i < len; i++) { //find which gun is mine
|
|
if (b.guns[i].name === "mine") {
|
|
if (b.modNoAmmo) count = Math.ceil(count / 2)
|
|
b.guns[i].ammo += count
|
|
game.updateGunHUD();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
//if player is holding something this remembers it before it gets deleted
|
|
let holdTarget;
|
|
if (mech.holdingTarget) {
|
|
holdTarget = mech.holdingTarget;
|
|
}
|
|
mech.fireCDcycle = 0
|
|
mech.drop();
|
|
level.fill = [];
|
|
level.fillBG = [];
|
|
level.zones = [];
|
|
level.queryList = [];
|
|
game.drawList = [];
|
|
|
|
function removeAll(array) {
|
|
for (let i = 0; i < array.length; ++i) Matter.World.remove(engine.world, array[i]);
|
|
}
|
|
removeAll(map);
|
|
map = [];
|
|
removeAll(body);
|
|
body = [];
|
|
removeAll(mob);
|
|
mob = [];
|
|
removeAll(powerUp);
|
|
powerUp = [];
|
|
removeAll(cons);
|
|
cons = [];
|
|
removeAll(consBB);
|
|
consBB = [];
|
|
removeAll(bullet);
|
|
bullet = [];
|
|
// if player was holding something this makes a new copy to hold
|
|
if (holdTarget) {
|
|
len = body.length;
|
|
body[len] = Matter.Bodies.fromVertices(0, 0, holdTarget.vertices, {
|
|
friction: holdTarget.friction,
|
|
frictionAir: holdTarget.frictionAir,
|
|
frictionStatic: holdTarget.frictionStatic
|
|
});
|
|
mech.holdingTarget = body[len];
|
|
}
|
|
},
|
|
getCoords: {
|
|
//used when building maps, outputs a draw rect command to console, only works in testing mode
|
|
pos1: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
pos2: {
|
|
x: 0,
|
|
y: 0
|
|
},
|
|
out() {
|
|
if (keys[49]) {
|
|
game.getCoords.pos1.x = Math.round(game.mouseInGame.x / 25) * 25;
|
|
game.getCoords.pos1.y = Math.round(game.mouseInGame.y / 25) * 25;
|
|
}
|
|
if (keys[50]) {
|
|
//press 1 in the top left; press 2 in the bottom right;copy command from console
|
|
game.getCoords.pos2.x = Math.round(game.mouseInGame.x / 25) * 25;
|
|
game.getCoords.pos2.y = Math.round(game.mouseInGame.y / 25) * 25;
|
|
window.getSelection().removeAllRanges();
|
|
var range = document.createRange();
|
|
range.selectNode(document.getElementById("test"));
|
|
window.getSelection().addRange(range);
|
|
document.execCommand("copy");
|
|
window.getSelection().removeAllRanges();
|
|
console.log(`spawn.mapRect(${game.getCoords.pos1.x}, ${game.getCoords.pos1.y}, ${game.getCoords.pos2.x - game.getCoords.pos1.x}, ${game.getCoords.pos2.y - game.getCoords.pos1.y}); //`);
|
|
}
|
|
}
|
|
},
|
|
checks() {
|
|
if (!(mech.cycle % 60)) { //once a second
|
|
if (mech.pos.y > game.fallHeight) { // if 4000px deep
|
|
if (game.difficultyMode > 2) {
|
|
mech.death();
|
|
} else {
|
|
Matter.Body.setVelocity(player, {
|
|
x: 0,
|
|
y: 0
|
|
});
|
|
Matter.Body.setPosition(player, {
|
|
x: level.enter.x + 50,
|
|
y: level.enter.y - 20
|
|
});
|
|
// Matter.Body.setPosition(player, {
|
|
// x: player.position.x,
|
|
// y: -7000
|
|
// });
|
|
// game.noCameraScroll()
|
|
|
|
if (game.difficultyMode === 2) mech.damage(0.3);
|
|
if (game.difficultyMode === 1) mech.damage(0.1);
|
|
mech.energy = 0;
|
|
}
|
|
}
|
|
|
|
// if (b.isModEnergyDamage) {
|
|
// document.getElementById("mod-capacitor").innerHTML = `(+${(mech.energy/0.05).toFixed(0)}%)`
|
|
// }
|
|
// if (b.isModRest) {
|
|
// if (player.speed < 1) {
|
|
// document.getElementById("mod-rest").innerHTML = `(+20%)`
|
|
// } else {
|
|
// document.getElementById("mod-rest").innerHTML = `(+0%)`
|
|
// }
|
|
// }
|
|
|
|
if (mech.lastKillCycle + 300 > mech.cycle) { //effects active for 5 seconds after killing a mob
|
|
if (b.isModEnergyRecovery) {
|
|
mech.energy += mech.maxEnergy * 0.07
|
|
if (mech.energy > mech.maxEnergy) mech.energy = mech.maxEnergy;
|
|
}
|
|
if (b.isModHealthRecovery) mech.addHealth(0.01)
|
|
}
|
|
|
|
if (!(game.cycle % 420)) { //once every 7 seconds
|
|
fallCheck = function (who, save = false) {
|
|
let i = who.length;
|
|
while (i--) {
|
|
if (who[i].position.y > game.fallHeight) {
|
|
if (save && game.difficultyMode < 3) {
|
|
Matter.Body.setVelocity(who[i], {
|
|
x: 0,
|
|
y: 0
|
|
});
|
|
Matter.Body.setPosition(who[i], {
|
|
x: level.exit.x + 30 * (Math.random() - 0.5),
|
|
y: level.exit.y + 30 * (Math.random() - 0.5)
|
|
});
|
|
} else {
|
|
Matter.World.remove(engine.world, who[i]);
|
|
who.splice(i, 1);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
fallCheck(mob);
|
|
fallCheck(body);
|
|
fallCheck(powerUp, true);
|
|
}
|
|
}
|
|
},
|
|
testingOutput() {
|
|
ctx.textAlign = "right";
|
|
ctx.fillStyle = "#000";
|
|
let line = 500;
|
|
const x = canvas.width - 5;
|
|
ctx.fillText("T: exit testing mode", x, line);
|
|
line += 20;
|
|
ctx.fillText("Y: give all mods", x, line);
|
|
line += 20;
|
|
ctx.fillText("R: teleport to mouse", x, line);
|
|
line += 20;
|
|
ctx.fillText("F: cycle field", x, line);
|
|
line += 20;
|
|
ctx.fillText("G: give all guns", x, line);
|
|
line += 20;
|
|
ctx.fillText("H: heal", x, line);
|
|
line += 20;
|
|
ctx.fillText("U: next level", x, line);
|
|
line += 20;
|
|
ctx.fillText("1-7: spawn things", x, line);
|
|
line += 30;
|
|
|
|
// ctx.fillText("cycle: " + game.cycle, x, line);
|
|
// line += 20;
|
|
// ctx.fillText("player cycle: " + mech.cycle, x, line);
|
|
// line += 20;
|
|
// ctx.fillText("x: " + player.position.x.toFixed(0), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("y: " + player.position.y.toFixed(0), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("Vx: " + mech.Vx.toFixed(2), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("Vy: " + mech.Vy.toFixed(2), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("Fx: " + player.force.x.toFixed(3), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("Fy: " + player.force.y.toFixed(3), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("yOff: " + mech.yOff.toFixed(1), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("mass: " + player.mass.toFixed(1), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("onGround: " + mech.onGround, x, line);
|
|
// line += 20;
|
|
// ctx.fillText("crouch: " + mech.crouch, x, line);
|
|
// line += 20;
|
|
// ctx.fillText("isHeadClear: " + mech.isHeadClear, x, line);
|
|
// line += 20;
|
|
// ctx.fillText("frictionAir: " + player.frictionAir.toFixed(3), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("stepSize: " + mech.stepSize.toFixed(2), x, line);
|
|
// line += 20;
|
|
// ctx.fillText("zoom: " + game.zoom.toFixed(4), x, line);
|
|
// line += 20;
|
|
ctx.textAlign = "center";
|
|
ctx.fillText(`(${game.mouseInGame.x.toFixed(1)}, ${game.mouseInGame.y.toFixed(1)})`, game.mouse.x, game.mouse.y - 20);
|
|
},
|
|
draw: {
|
|
powerUp() {
|
|
// draw power up
|
|
// ctx.globalAlpha = 0.4 * Math.sin(mech.cycle * 0.15) + 0.6;
|
|
// for (let i = 0, len = powerUp.length; i < len; ++i) {
|
|
// let vertices = powerUp[i].vertices;
|
|
// ctx.beginPath();
|
|
// ctx.moveTo(vertices[0].x, vertices[0].y);
|
|
// for (let j = 1; j < vertices.length; j += 1) {
|
|
// ctx.lineTo(vertices[j].x, vertices[j].y);
|
|
// }
|
|
// ctx.lineTo(vertices[0].x, vertices[0].y);
|
|
// ctx.fillStyle = powerUp[i].color;
|
|
// ctx.fill();
|
|
// }
|
|
// ctx.globalAlpha = 1;
|
|
ctx.globalAlpha = 0.4 * Math.sin(mech.cycle * 0.15) + 0.6;
|
|
for (let i = 0, len = powerUp.length; i < len; ++i) {
|
|
ctx.beginPath();
|
|
ctx.arc(powerUp[i].position.x, powerUp[i].position.y, powerUp[i].size, 0, 2 * Math.PI);
|
|
ctx.fillStyle = powerUp[i].color;
|
|
ctx.fill();
|
|
}
|
|
ctx.globalAlpha = 1;
|
|
},
|
|
// map: function() {
|
|
// ctx.beginPath();
|
|
// for (let i = 0, len = map.length; i < len; ++i) {
|
|
// let vertices = map[i].vertices;
|
|
// ctx.moveTo(vertices[0].x, vertices[0].y);
|
|
// for (let j = 1; j < vertices.length; j += 1) {
|
|
// ctx.lineTo(vertices[j].x, vertices[j].y);
|
|
// }
|
|
// ctx.lineTo(vertices[0].x, vertices[0].y);
|
|
// }
|
|
// ctx.fillStyle = "#444";
|
|
// ctx.fill();
|
|
// },
|
|
mapPath: null, //holds the path for the map to speed up drawing
|
|
setPaths() {
|
|
//runs at each new level to store the path for the map since the map doesn't change
|
|
game.draw.mapPath = new Path2D();
|
|
for (let i = 0, len = map.length; i < len; ++i) {
|
|
let vertices = map[i].vertices;
|
|
game.draw.mapPath.moveTo(vertices[0].x, vertices[0].y);
|
|
for (let j = 1; j < vertices.length; j += 1) {
|
|
game.draw.mapPath.lineTo(vertices[j].x, vertices[j].y);
|
|
}
|
|
game.draw.mapPath.lineTo(vertices[0].x, vertices[0].y);
|
|
}
|
|
},
|
|
mapFill: "#444",
|
|
bodyFill: "rgba(140,140,140,0.85)", //"#999",
|
|
bodyStroke: "#222",
|
|
drawMapPath() {
|
|
ctx.fillStyle = game.draw.mapFill;
|
|
ctx.fill(game.draw.mapPath);
|
|
},
|
|
// seeEdges() {
|
|
// const eye = {
|
|
// x: mech.pos.x + 20 * Math.cos(mech.angle),
|
|
// y: mech.pos.y + 20 * Math.sin(mech.angle)
|
|
// };
|
|
// //find all vertex nodes in range and in LOS
|
|
// findNodes = function (domain, center) {
|
|
// let nodes = [];
|
|
// for (let i = 0; i < domain.length; ++i) {
|
|
// let vertices = domain[i].vertices;
|
|
|
|
// for (let j = 0, len = vertices.length; j < len; j++) {
|
|
// //calculate distance to player
|
|
// const dx = vertices[j].x - center.x;
|
|
// const dy = vertices[j].y - center.y;
|
|
// if (dx * dx + dy * dy < 800 * 800 && Matter.Query.ray(domain, center, vertices[j]).length === 0) {
|
|
// nodes.push(vertices[j]);
|
|
// }
|
|
// }
|
|
// }
|
|
// return nodes;
|
|
// };
|
|
// let nodes = findNodes(map, eye);
|
|
// //sort node list by angle to player
|
|
// nodes.sort(function (a, b) {
|
|
// //sub artan2 from player loc
|
|
// const dx = a.x - eye.x;
|
|
// const dy = a.y - eye.y;
|
|
// return Math.atan2(dy, dx) - Math.atan2(dy, dx);
|
|
// });
|
|
// //draw nodes
|
|
// ctx.lineWidth = 2;
|
|
// ctx.strokeStyle = "#000";
|
|
// ctx.beginPath();
|
|
// for (let i = 0; i < nodes.length; ++i) {
|
|
// ctx.lineTo(nodes[i].x, nodes[i].y);
|
|
// }
|
|
// ctx.stroke();
|
|
// },
|
|
// see() {
|
|
// const vertexCollision = function (
|
|
// v1,
|
|
// v1End,
|
|
// domain,
|
|
// best = {
|
|
// x: null,
|
|
// y: null,
|
|
// dist2: Infinity,
|
|
// who: null,
|
|
// v1: null,
|
|
// v2: null
|
|
// }
|
|
// ) {
|
|
// for (let i = 0; i < domain.length; ++i) {
|
|
// let vertices = domain[i].vertices;
|
|
// const len = vertices.length - 1;
|
|
// for (let j = 0; j < len; j++) {
|
|
// results = game.checkLineIntersection(v1, v1End, vertices[j], vertices[j + 1]);
|
|
// if (results.onLine1 && results.onLine2) {
|
|
// const dx = v1.x - results.x;
|
|
// const dy = v1.y - results.y;
|
|
// const dist2 = dx * dx + dy * dy;
|
|
// if (dist2 < best.dist2 && (!domain[i].mob || domain[i].alive)) {
|
|
// best = {
|
|
// x: results.x,
|
|
// y: results.y,
|
|
// dist2: dist2,
|
|
// who: domain[i],
|
|
// v1: vertices[j],
|
|
// v2: vertices[j + 1]
|
|
// };
|
|
// }
|
|
// }
|
|
// }
|
|
// results = game.checkLineIntersection(v1, v1End, vertices[0], vertices[len]);
|
|
// if (results.onLine1 && results.onLine2) {
|
|
// const dx = v1.x - results.x;
|
|
// const dy = v1.y - results.y;
|
|
// const dist2 = dx * dx + dy * dy;
|
|
// if (dist2 < best.dist2 && (!domain[i].mob || domain[i].alive)) {
|
|
// best = {
|
|
// x: results.x,
|
|
// y: results.y,
|
|
// dist2: dist2,
|
|
// who: domain[i],
|
|
// v1: vertices[0],
|
|
// v2: vertices[len]
|
|
// };
|
|
// }
|
|
// }
|
|
// }
|
|
// return best;
|
|
// };
|
|
// const range = 3000;
|
|
// ctx.beginPath();
|
|
// for (let i = 0; i < Math.PI * 2; i += Math.PI / 2 / 100) {
|
|
// const cosAngle = Math.cos(mech.angle + i);
|
|
// const sinAngle = Math.sin(mech.angle + i);
|
|
|
|
// const start = {
|
|
// x: mech.pos.x + 20 * cosAngle,
|
|
// y: mech.pos.y + 20 * sinAngle
|
|
// };
|
|
// const end = {
|
|
// x: mech.pos.x + range * cosAngle,
|
|
// y: mech.pos.y + range * sinAngle
|
|
// };
|
|
// let result = vertexCollision(start, end, map);
|
|
// result = vertexCollision(start, end, body, result);
|
|
// result = vertexCollision(start, end, mob, result);
|
|
|
|
// if (result.dist2 < range * range) {
|
|
// // ctx.arc(result.x, result.y, 2, 0, 2 * Math.PI);
|
|
// ctx.lineTo(result.x, result.y);
|
|
// } else {
|
|
// // ctx.arc(end.x, end.y, 2, 0, 2 * Math.PI);
|
|
// ctx.lineTo(end.x, end.y);
|
|
// }
|
|
// }
|
|
// // ctx.lineWidth = 1;
|
|
// // ctx.strokeStyle = "#000";
|
|
// // ctx.stroke();
|
|
// ctx.fillStyle = "rgba(0,0,0,0.3)";
|
|
// ctx.fillStyle = "#fff";
|
|
// ctx.fill();
|
|
// ctx.clip();
|
|
// },
|
|
body() {
|
|
ctx.beginPath();
|
|
for (let i = 0, len = body.length; i < len; ++i) {
|
|
let vertices = body[i].vertices;
|
|
ctx.moveTo(vertices[0].x, vertices[0].y);
|
|
for (let j = 1; j < vertices.length; j++) {
|
|
ctx.lineTo(vertices[j].x, vertices[j].y);
|
|
}
|
|
ctx.lineTo(vertices[0].x, vertices[0].y);
|
|
}
|
|
ctx.lineWidth = 2;
|
|
ctx.fillStyle = game.draw.bodyFill;
|
|
ctx.fill();
|
|
ctx.strokeStyle = game.draw.bodyStroke;
|
|
ctx.stroke();
|
|
},
|
|
cons() {
|
|
ctx.beginPath();
|
|
for (let i = 0, len = cons.length; i < len; ++i) {
|
|
ctx.moveTo(cons[i].pointA.x, cons[i].pointA.y);
|
|
ctx.lineTo(cons[i].bodyB.position.x, cons[i].bodyB.position.y);
|
|
}
|
|
for (let i = 0, len = consBB.length; i < len; ++i) {
|
|
ctx.moveTo(consBB[i].bodyA.position.x, consBB[i].bodyA.position.y);
|
|
ctx.lineTo(consBB[i].bodyB.position.x, consBB[i].bodyB.position.y);
|
|
}
|
|
ctx.lineWidth = 2;
|
|
// ctx.strokeStyle = "#999";
|
|
ctx.strokeStyle = "rgba(0,0,0,0.15)";
|
|
ctx.stroke();
|
|
},
|
|
wireFrame() {
|
|
ctx.textAlign = "center";
|
|
ctx.textBaseline = "middle";
|
|
ctx.fillStyle = "#999";
|
|
const bodies = Composite.allBodies(engine.world);
|
|
ctx.beginPath();
|
|
for (let i = 0; i < bodies.length; ++i) {
|
|
//ctx.fillText(bodies[i].id,bodies[i].position.x,bodies[i].position.y); //shows the id of every body
|
|
let vertices = bodies[i].vertices;
|
|
ctx.moveTo(vertices[0].x, vertices[0].y);
|
|
for (let j = 1; j < vertices.length; j += 1) {
|
|
ctx.lineTo(vertices[j].x, vertices[j].y);
|
|
}
|
|
ctx.lineTo(vertices[0].x, vertices[0].y);
|
|
}
|
|
ctx.lineWidth = 1;
|
|
ctx.strokeStyle = "#000";
|
|
ctx.stroke();
|
|
},
|
|
testing() {
|
|
//zones
|
|
ctx.beginPath();
|
|
for (let i = 0, len = level.zones.length; i < len; ++i) {
|
|
ctx.rect(level.zones[i].x1, level.zones[i].y1 + 70, level.zones[i].x2 - level.zones[i].x1, level.zones[i].y2 - level.zones[i].y1);
|
|
}
|
|
ctx.fillStyle = "rgba(0, 255, 0, 0.3)";
|
|
ctx.fill();
|
|
//query zones
|
|
ctx.beginPath();
|
|
for (let i = 0, len = level.queryList.length; i < len; ++i) {
|
|
ctx.rect(
|
|
level.queryList[i].bounds.max.x,
|
|
level.queryList[i].bounds.max.y,
|
|
level.queryList[i].bounds.min.x - level.queryList[i].bounds.max.x,
|
|
level.queryList[i].bounds.min.y - level.queryList[i].bounds.max.y
|
|
);
|
|
}
|
|
ctx.fillStyle = "rgba(0, 0, 255, 0.2)";
|
|
ctx.fill();
|
|
//jump
|
|
ctx.beginPath();
|
|
let bodyDraw = jumpSensor.vertices;
|
|
ctx.moveTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
for (let j = 1; j < bodyDraw.length; ++j) {
|
|
ctx.lineTo(bodyDraw[j].x, bodyDraw[j].y);
|
|
}
|
|
ctx.lineTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
ctx.fillStyle = "rgba(255, 0, 0, 0.3)";
|
|
ctx.fill();
|
|
ctx.strokeStyle = "#000";
|
|
ctx.stroke();
|
|
//main body
|
|
ctx.beginPath();
|
|
bodyDraw = playerBody.vertices;
|
|
ctx.moveTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
for (let j = 1; j < bodyDraw.length; ++j) {
|
|
ctx.lineTo(bodyDraw[j].x, bodyDraw[j].y);
|
|
}
|
|
ctx.lineTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
ctx.fillStyle = "rgba(0, 255, 255, 0.3)";
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
//head
|
|
ctx.beginPath();
|
|
bodyDraw = playerHead.vertices;
|
|
ctx.moveTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
for (let j = 1; j < bodyDraw.length; ++j) {
|
|
ctx.lineTo(bodyDraw[j].x, bodyDraw[j].y);
|
|
}
|
|
ctx.lineTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
ctx.fillStyle = "rgba(255, 255, 0, 0.3)";
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
//head sensor
|
|
ctx.beginPath();
|
|
bodyDraw = headSensor.vertices;
|
|
ctx.moveTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
for (let j = 1; j < bodyDraw.length; ++j) {
|
|
ctx.lineTo(bodyDraw[j].x, bodyDraw[j].y);
|
|
}
|
|
ctx.lineTo(bodyDraw[0].x, bodyDraw[0].y);
|
|
ctx.fillStyle = "rgba(0, 0, 255, 0.3)";
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
}
|
|
},
|
|
checkLineIntersection(v1, v1End, v2, v2End) {
|
|
// if the lines intersect, the result contains the x and y of the intersection (treating the lines as infinite) and booleans for whether line segment 1 or line segment 2 contain the point
|
|
let denominator, a, b, numerator1, numerator2;
|
|
let result = {
|
|
x: null,
|
|
y: null,
|
|
onLine1: false,
|
|
onLine2: false
|
|
};
|
|
denominator = (v2End.y - v2.y) * (v1End.x - v1.x) - (v2End.x - v2.x) * (v1End.y - v1.y);
|
|
if (denominator == 0) {
|
|
return result;
|
|
}
|
|
a = v1.y - v2.y;
|
|
b = v1.x - v2.x;
|
|
numerator1 = (v2End.x - v2.x) * a - (v2End.y - v2.y) * b;
|
|
numerator2 = (v1End.x - v1.x) * a - (v1End.y - v1.y) * b;
|
|
a = numerator1 / denominator;
|
|
b = numerator2 / denominator;
|
|
|
|
// if we cast these lines infinitely in both directions, they intersect here:
|
|
result.x = v1.x + a * (v1End.x - v1.x);
|
|
result.y = v1.y + a * (v1End.y - v1.y);
|
|
// if line1 is a segment and line2 is infinite, they intersect if:
|
|
if (a > 0 && a < 1) result.onLine1 = true;
|
|
// if line2 is a segment and line1 is infinite, they intersect if:
|
|
if (b > 0 && b < 1) result.onLine2 = true;
|
|
// if line1 and line2 are segments, they intersect if both of the above are true
|
|
return result;
|
|
},
|
|
//was used in level design
|
|
buildingUp(e) {
|
|
if (game.mouseDown) {
|
|
game.getCoords.pos2.x = Math.round(game.mouseInGame.x / 25) * 25;
|
|
game.getCoords.pos2.y = Math.round(game.mouseInGame.y / 25) * 25;
|
|
let out;
|
|
|
|
//body rect mode
|
|
out = `spawn.mapRect(${game.getCoords.pos1.x}, ${game.getCoords.pos1.y}, ${game.getCoords.pos2.x - game.getCoords.pos1.x}, ${game.getCoords.pos2.y -
|
|
game.getCoords.pos1.y});`;
|
|
|
|
//mob spawn
|
|
//out = `spawn.randomMob(${game.getCoords.pos1.x}, ${game.getCoords.pos1.y}, 0.3);`
|
|
|
|
//draw foreground
|
|
//out = `level.fill.push({ x: ${game.getCoords.pos1.x}, y: ${game.getCoords.pos1.y}, width: ${game.getCoords.pos2.x-game.getCoords.pos1.x}, height: ${game.getCoords.pos2.y-game.getCoords.pos1.y}, color: "rgba(0,0,0,0.1)"});`;
|
|
|
|
//draw background fill
|
|
//out = `level.fillBG.push({ x: ${game.getCoords.pos1.x}, y: ${game.getCoords.pos1.y}, width: ${game.getCoords.pos2.x-game.getCoords.pos1.x}, height: ${game.getCoords.pos2.y-game.getCoords.pos1.y}, color: "#ccc"});`;
|
|
|
|
//svg mode
|
|
//out = 'rect x="'+game.getCoords.pos1.x+'" y="'+ game.getCoords.pos1.y+'" width="'+(game.getCoords.pos2.x-game.getCoords.pos1.x)+'" height="'+(game.getCoords.pos2.y-game.getCoords.pos1.y)+'"';
|
|
|
|
console.log(out);
|
|
// document.getElementById("copy-this").innerHTML = out
|
|
//
|
|
// window.getSelection().removeAllRanges();
|
|
// var range = document.createRange();
|
|
// range.selectNode(document.getElementById('copy-this'));
|
|
// window.getSelection().addRange(range);
|
|
// document.execCommand('copy')
|
|
// window.getSelection().removeAllRanges();
|
|
}
|
|
}
|
|
}; |