Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	P2
ID	5950752238256128
Created	1 months ago, 1731456760321
Updated	1 months ago, 1732541438854
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>P2</title> <style> * { margin: 0; padding: 0; overflow: hidden; } </style> </head> <body> <canvas id="canvas"></canvas> <script src = 'https://cdn.jsdelivr.net/gh/thelegendski/ski.js@1.9.5/main.js'></script> <script></script> <script type="module"> // document.getElementById('canvas').getContext('2d').imageSmoothingEnabled = true; // document.getElementById('canvas').getContext('2d').imageSmoothingQuality = 'high'; // smooth(); size(600, 600); rectMode(CENTER); textAlign(CENTER, CENTER); let mono = createFont('monospace'); // utilities Array.prototype.loop = function(callback) { for (var i = 0; i < this.length; i++) { callback.call(this, this[i], i); } }; Array.prototype.reverseLoop = function(callback) { for (let i = this.length; i--;) { callback.call(this, this[i]); } }; const keys = {}; keyPressed = function() { keys[keyCode] = true; keys[key.toString().toLowerCase()] = true; }; keyReleased = function() { delete keys[keyCode]; delete keys[key.toString().toLowerCase()]; }; let mouse = {}; mousePressed = function() { //mouse = {}; mouse[mouseButton] = true; }; mouseReleased = function() { mouse = {}; //delete mouse[mouseButton]; }; // scene global let scene = 'game'; textFont(mono); function circRect(c, r) { const x = constrain(c.x, r.x - r.w / 2, r.x + r.w / 2); const y = constrain(c.y, r.y - r.w / 2, r.y + r.h / 2); if (dist(c.x, c.y, x, y) <= c.radius) { const ang = atan2(c.x - x, c.y - y); return [x + sin(ang) * c.radius, y + cos(ang) * c.radius]; } return 0; } function circCirc(c1, c2, s) { const r = s \|\| c1.radius + c2.radius; if (dist(c1.x, c1.y, c2.x, c2.y) < r) { const a = atan2(c1.y - c2.y, c1.x - c2.x); return [c2.x + cos(a) * r, c2.y + sin(a) * r]; } } function mouseRect(r) { return mouseX > r.x && mouseX < r.x + r.w && mouseY > r.y && mouseY < r.y + r.h; } // block globals const BLOCK_SIZE = 50; // gun globals let gun = 0; const gunData = [{ name: 'Basic', knockback: 4, fireRate: 10, damage: 5, speed: 1, spread: 2 }, { name: 'Heavy', knockback: 8, fireRate: 20, damage: 15, speed: 0.5, spread: 0.5 }, { name: 'Submachine', knockback: 2, fireRate: 5, damage: 2.5, speed: 1.5, spread: 4 }, ]; // game map layout let gameMaps = { "BASE": [ '111111111111111111111111111111111111111111111111111', '1 1', '1 p 1 11111 x 111 1', '1 1 1 1 1 1', '1 11 11 1 1', '1 1111111111 1 1', '1 2 1 1 1 1 1', '1 2 1 1 111 1 1', '1 1 11 1 1', '1 2 1 1 1', '1 1 1 1111111 1', '1 1111111111 111 111 1', '1 1 1 1 1 1', '1 11 1 1 111 1', '1 1 11 111 1 1 1', '1 1 1 x 11 1', '1 1 1 1 11 11 1', '1 x 1111111 1 x 1 1', '1 11111 1', '1 1 11 1 1', '1 1 11 1 1 1', '1 1 1 1 1 1', '111111111111111111111111111111111111111111111111111' ] }; // various globals let endScene; let score = 0; let clicked = false; let opacity = 0; // various arrays let blocks = []; let zombies = []; let bullets = []; let particles = []; let spawnPoints = []; let WORLD_WIDTH = gameMaps.BASE[0].length; let WORLD_HEIGHT = gameMaps.BASE.length; let cam; let player = { x: 125, y: 125, ox: 125, oy: 125, xv: 0, yv: 0, angle: 0, radius: 20, health: 100, timer: 0, padding: 2, draw: function() { this.angle = atan2(mouseY - (this.y - cam.y), mouseX - (this.x - cam.x)); let h = constrain(map(this.health, 0, 100, 0, 30), 0, 30); pushMatrix(); translate(this.x, this.y); rotate(this.angle); noStroke(); fill(168, 218, 220); ellipse(0, 0, (this.radius * 2) - this.padding, (this.radius * 2) - this.padding); ellipse(30, 6, 10, 10); ellipse(25, -10, 10, 10); strokeWeight(10); stroke(140); line(28, 0, 50, 0); strokeWeight(3); stroke(168, 218, 220); line(-25, -h / 2, -25, h / 2); popMatrix(); }, move: function() { if (keys[UP] \|\| keys.w) { this.yv -= gunData[gun].speed; } if (keys[DOWN] \|\| keys.s) { this.yv += gunData[gun].speed; } if (keys[LEFT] \|\| keys.a) { this.xv -= gunData[gun].speed; } if (keys[RIGHT] \|\| keys.d) { this.xv += gunData[gun].speed; } this.x += this.xv; this.y += this.yv; this.xv = constrain(this.xv * 0.9, -2, 2); this.yv = constrain(this.yv * 0.9, -2, 2); }, coll: function() { blocks.loop(function(block) { let collision; switch (block.type) { case '1': collision = circRect(player, block); break; case '2': collision = circCirc(player, block); break; } if (collision) { player.x = collision[0]; player.y = collision[1]; } }); for (let i = 0; i < zombies.length; i++) { let collision = circCirc(player, zombies[i]); if (collision) { player.x = collision[0]; player.y = collision[1]; } } }, respawn: function() { this.x = this.ox; this.y = this.oy; }, update: function() { this.draw(); this.move(); this.coll(); this.health = constrain(this.health += 0.2, 0, 100); } }; cam = { x: player.x, y: player.y, mx: 0, my: 0, speed: 0.2, s: 0, move (obj) { // this.mx = lerp(this.x, width / 2 - obj.x, this.speed); // this.my = lerp(this.y, height / 2 - obj.y, this.speed); this.mx = constrain(lerp(this.x, obj.x - width / 2, this.speed), -BLOCK_SIZE/2, WORLD_WIDTH * BLOCK_SIZE - width - BLOCK_SIZE/2); this.my = constrain(lerp(this.y, obj.y - height / 2, this.speed), -BLOCK_SIZE/2, WORLD_HEIGHT * BLOCK_SIZE - height - BLOCK_SIZE/2); if (this.s !== 0) { this.x = random(-this.s, this.s) + this.mx; this.y = random(-this.s, this.s) + this.my; } else { this.x = this.mx; this.y = this.my; } this.s = lerp(this.s, 0, 0.3); }, shake (intensity) { this.s = intensity \|\| 10; } }; function Particle(x, y, col) { this.x = x; this.y = y; this.col = col; this.angle = random(0, 360); this.radius = random(2, 4); this.speed = random(1, 2); this.life = 50; } Particle.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); noStroke(); fill(this.col, map(this.life, 0, 50, 0, 255)); ellipse(0, 0, this.radius * 2, this.radius * 2); popMatrix(); }; Particle.prototype.move = function() { this.x += cos(this.angle); this.y += sin(this.angle); this.life--; }; Particle.prototype.update = function() { this.draw(); this.move(); }; function Bullet(x, y, xv, yv) { this.x = x; this.y = y; this.xv = xv; this.yv = yv; this.radius = 4; this.speed = 6; this.dead = false; this.life = 100; } Bullet.prototype.draw = function() { noStroke(); fill(100); ellipse(this.x, this.y, this.radius * 2, this.radius * 2); }; Bullet.prototype.move = function() { this.x += this.xv * this.speed; this.y += this.yv * this.speed; this.life--; }; Bullet.prototype.coll = function() { for (let i = 0; i < blocks.length; i++) { let collision; switch (blocks[i].type) { case '1': collision = circRect(this, blocks[i]); if (collision) { this.dead = true; for (let i = 4; i--;) { particles.push(new Particle(this.x, this.y, color(69, 123, 157))); } } break; case '2': collision = circCirc(this, blocks[i]); if (collision) { this.dead = true; for (let i = 4; i--;) { particles.push(new Particle(this.x, this.y, color(69, 123, 157))); } } break; } } }; Bullet.prototype.update = function() { if (dist(this.x, this.y, player.x, player.y) < 800) { this.draw(); } this.move(); this.coll(); if (this.life <= 0) { this.dead = true; } }; function Zombie(x, y) { this.x = x; this.y = y; this.xv = 0; this.yv = 0; this.radius = 20; this.health = 100; } Zombie.prototype.draw = function() { this.angle = atan2(player.y - this.y, player.x - this.x); let health = constrain(map(this.health, 0, 100, 0, 30), 0, 30); pushMatrix(); translate(this.x, this.y); rotate(this.angle); noStroke(); fill(230, 57, 70); ellipse(0, 0, this.radius * 2, this.radius * 2); ellipse(20, 20, 10, 10); ellipse(20, -20, 10, 10); strokeWeight(3); stroke(230, 57, 70); line(-25, -health / 2, -25, health / 2); popMatrix(); }; Zombie.prototype.move = function() { let a = atan2(player.y - this.y, player.x - this.x); this.xv = cos(a); this.yv = sin(a); this.x += this.xv; this.y += this.yv; }; Zombie.prototype.coll = function() { for (let i = 0; i < bullets.length; i++) { let collision = circCirc(this, bullets[i]); if (collision) { bullets.splice(i, 1); this.health -= gunData[gun].damage; particles.push(new Particle(this.x, this.y, color(224, 81, 81))); } } for (let i = 0; i < zombies.length; i++) { let zombie = zombies[i]; if (zombie !== this) { let collision = circCirc(this, zombie, 42); if (collision) { this.x = collision[0]; this.y = collision[1]; } } } let collision = circCirc(this, player, 42); if (collision) { player.health -= 1; this.x = collision[0]; this.y = collision[1]; } for (let i = 0; i < blocks.length; i++) { let block = blocks[i]; let collision; switch (block.type) { case '1': collision = circRect(this, block); if (collision) { this.x = collision[0]; this.y = collision[1]; } break; case '2': collision = circCirc(this, block); if (collision) { this.x = collision[0]; this.y = collision[1]; } break; } if (collision) { this.x = collision[0]; this.y = collision[1]; } } }; Zombie.prototype.update = function() { if (dist(this.x, this.y, player.x, player.y) < 800) { this.draw(); } this.move(); this.coll(); }; function RectBlock(x, y, type) { this.x = x; this.y = y; this.w = BLOCK_SIZE; this.h = BLOCK_SIZE; this.type = type; } RectBlock.prototype.draw = function() { switch (this.type) { case '1': noStroke(); fill(0); rect(this.x, this.y, this.w, this.h); break; } }; function CircBlock(x, y, type) { this.x = x; this.y = y; this.radius = BLOCK_SIZE / 2; this.type = type; } CircBlock.prototype.draw = function() { switch (this.type) { case '2': noStroke(); fill(0); ellipse(this.x, this.y, this.radius * 2, this.radius * 2); break; } }; function Button(callback, txt, x, y, w, h) { this.callback = callback; this.txt = txt; this.x = x; this.y = y; this.w = w \|\| 200; this.h = h \|\| 50; this.lx = this.x; this.rx = this.x + this.w; this.lw = 0; this.rw = 0; this.tl = 0; this.tr = 0; } Button.prototype.draw = function() { noStroke(); fill(69, 123, 157); rect(this.x, this.y, this.w, this.h); fill(241, 250, 238); textSize(30); text(this.txt, this.x + this.w / 2, this.y + this.h / 2 - 2); fill(43,79,130); rect(this.lx, this.y, this.tl, this.h); rect(this.rx, this.y, this.tr, this.h); }; Button.prototype.coll = function() { return mouseRect(this); }; Button.prototype.update = function() { this.draw(); if (this.coll()) { this.lw = this.w / 2; this.rw = -this.w / 2; if (clicked) { opacity = 255; this.callback(); } } else { this.lw = 0; this.rw = 0; } this.tl = lerp(this.tl, this.lw, 0.2); this.tr = lerp(this.tr, this.rw, 0.2); }; let endToMenu = new Button(function() { scene = 'menu'; }, 'menu', 200, 475); let menuToGame = new Button(function() { zombies = []; bullets = []; player.health = 100; player.respawn(); score = 0; scene = 'game'; }, 'play', 200, 300); let back = new Button(function() { scene = 'menu'; }, 'back', 200, 475); // { function menu() { textFont(mono); background(29, 53, 87); textSize(56); fill(241, 250, 238); if (random() > 0.95) { text('zombie\nalert_', 300, 180); } else { text('zombie\nalert', 300, 180); } menuToGame.update(); } function game() { background(30); cam.move(player); if (mouse[LEFT_BUTTON] && player.timer === 0) { bullets.push(new Bullet( player.x + cos(player.angle) * 50, player.y + sin(player.angle) * 50, cos(player.angle + random(-gunData[gun].spread, gunData[gun].spread)), sin(player.angle + random(-gunData[gun].spread, gunData[gun].spread)) )); player.xv -= cos(player.angle) * gunData[gun].knockback; player.yv -= sin(player.angle) * gunData[gun].knockback; player.timer = gunData[gun].fireRate; } else if (!mouse[LEFT]) { player.timer = 0; } pushMatrix(); translate(-cam.x, -cam.y); blocks.loop(function(block) { block.draw(); // stroke(255, 0, 0); // strokeWeight(4); // point(block.x, block.y); noStroke(); fill(255, 0, 0); textSize(10); text(block.x + ' ' + block.y, block.x, block.y); }); spawnPoints.loop(function(sp) { if (dist(sp.x, sp.y, player.x, player.y) < 800) { fill(230, 57, 70); rect(sp.x, sp.y, BLOCK_SIZE, BLOCK_SIZE); } }); for (let i = zombies.length; i--;) { let zombie = zombies[i]; zombie.update(); if (zombie.health <= 0) { for (let i = 20; i--;) { particles.push(new Particle(zombie.x, zombie.y, color(224, 81, 81))); } zombies.splice(i, 1); score += 50; } } for (let i = bullets.length; i--;) { bullets[i].update(); if (bullets[i].dead) { bullets.splice(i, 1); } } for (let i = particles.length; i--;) { particles[i].update(); if (particles[i].life === 0) { particles.splice(i, 1); } } player.update(); if (player.health <= 0) { scene = 'end'; endScene = get(); opacity = 255; } noStroke(); popMatrix(); player.timer = constrain(--player.timer, 0, 10); score++; if (frameCount % (200-floor(frameCount/100)) === 0) { let spawn = floor(random(0, spawnPoints.length)); //zombies.push(new Zombie(spawnPoints[spawn].x + BLOCK_SIZE / 2, spawnPoints[spawn].y + BLOCK_SIZE / 2)); } } function end() { textFont(mono); background(29, 53, 87); textSize(56); fill(241, 250, 238); if (random() > 0.95) { text('game over_', 300, 120); } else { text('game over', 300, 120); } image(endScene, 175, 175, 250, 250); textSize(30); fill(241, 250, 238); text('score: ' + score, 300, 445); endToMenu.update(); } function handleScenes() { switch (scene) { case 'game': game(); break; case 'end': end(); break; case 'menu': menu(); break; } fill(0, 0, 0, opacity); rect(0, 0, width, height); opacity = lerp(opacity, 0, 0.2); } // } Scenes! function generateFloorMap (mapBitmap) { for (let i = 0; i < gameMaps[mapBitmap].length; i++) { for (let j = 0; j < gameMaps[mapBitmap][i].length; j++) { if (gameMaps[mapBitmap][i][j] === '1') { blocks.push(new RectBlock(j * BLOCK_SIZE, i * BLOCK_SIZE, gameMaps[mapBitmap][i][j])); } else if (gameMaps[mapBitmap][i][j] === 'x') { spawnPoints.push({ x: j * BLOCK_SIZE, y: i * BLOCK_SIZE }); } else if (gameMaps[mapBitmap][i][j] === '2') { blocks.push(new CircBlock(j * BLOCK_SIZE, i * BLOCK_SIZE, gameMaps[mapBitmap][i][j])); } else if (gameMaps[mapBitmap][i][j] === 'p') { player.x = j * BLOCK_SIZE; player.y = i * BLOCK_SIZE; } } } } generateFloorMap('BASE'); // click handling mouseClicked = function() { clicked = true; }; // animation draw = function() { noStroke(); //console.clear(); handleScenes(); clicked = false; }; </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLvK14XJCgw
Votes	1
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	BΣYӨПD
Author Name	BeyondKA
Author ID	kaid_5370656553883782878121797
Author Profile Access	COACH

Archive Data

Added	1 months ago, 1732541498272
Updated	1 months ago, 1732541498272
Source Deleted	unknown