alert("This is a PC game") alert("How to play \n\nPress arrow keys to move \nPress [Enter] key to select or attack"); var canvas, ctx; var bgm; var player, playerHP; var enemy, enemyHP, enemyMoveCount, enemyTurnCount, enemyTurnTimer; var enemyAttacks; var bar; var attackFrag; var selectAttack, selecting; var blueAttack; var scene; var keyTop, keyLeft, keyRight, keyBottom; var playingBGM; var clearCount; const OPENIMAGE = new Image(); OPENIMAGE.src = "https://dsm04pap002files.storage.live.com/y4m67uLct0v51jKAuRzx5j_uXmZwuA34HRIty1HEwMMP_5iSjuDVESMqc3WgMB5trkN_8Jiqzx0jhBwqRfLXsP1F5Nd6sFrUNtrgC53EyonxgJCHFoH3B2WL8KH8CsxeixwUbIps4SmXctOCFoyYQ5Bw8UuxEzc-uyTfRLX1W0aj1aKgQff9PhZZvArB-V-2kUsT68jfmC9URf9Y2nL70PeqbBV474LsYt2JcCRbwSheb4?encodeFailures=1&width=250&height=250"; const OPENPOSX = 25; const OPENPOSY = 100; const OVERIMAGE = new Image(); OVERIMAGE.src = "https://dsm04pap002files.storage.live.com/y4mpVqBZ-BDc1bdAc4EjCQWgY1L29Ji6IZBpngDqCVyEAuL217WmokMe_xm1L3HNLukY-RNewI0Ew1HWYfCZrQIo6ujIdJPU2xLCzlGcT19XiqpYQIb1qnIpuqHJiMtkmVWMDIiwFHiW4w0YYqTIJzB1wnLOjs2Cw3W2PmnVDKBJdR5yfnGbWDpIPolQV6sALLC7q53n5k6ebHIKudWMIETAKniEXlJ46PZhuegujFakDw?encodeFailures=1&width=250&height=352"; const OVERPOSX = 25; const OVERPOSY = 70; const PLAYERIMAGE = "♥"; const PLAYERPOSX = 150; const PLAYERPOSY = 350; const ENEMYIMAGE = new Image(); ENEMYIMAGE.src = "https://dsm04pap002files.storage.live.com/y4mXzbGAFEqpeGS-yzQPar8pwCLAgD27reK6hz245c0Wb7SjnoTBMOhPJr-ZUwr6tKaRZCahF91V4jql8dTcOAr7IpSE7do_bZOaqt3_SDunx_yXGMoz8c5SfrO2xnuLxy2Evky9y7WcCZalT5sZFwd03y73ZIQ7iz-tccObBMclrHi7UYBsv4V4XX4vcBnY6RG1_fHV44xIw133VMsLQj-3BAM3A9hSNBuFgom8g-9uFw?encodeFailures=1&width=100&height=141"; const ENEMYPOSX = 110; const ENEMYPOSY = 100; const INITENEMYHP = 2000; const ENEMYDEATHIMAGE = new Image(); ENEMYDEATHIMAGE.src = "https://dsm04pap002files.storage.live.com/y4mKZqyCfRIZBJIj4X_R1-tVT_06HZHKX85gIWGS3Ls889NT8tVU5Y1fkYn-ZE_iZQDdCx2jCKCy0wXn8jo3NLaemzgivm1mbLFLjjA5i1AY8XQuu9LZpamBLeddOmbIDH9euBSCG-r5VTFQWduNCx7hldEGMqW1llwoLF9oOo5fci1psMcGLu-n4wW8RNO6xB0gcZ6I763lNVPgieUJaxrkdwfVznJD1OZpR2Q0wd88kY?encodeFailures=1&width=96&height=143"; const ENEMYDEATHPOSX = 110; const ENEMYDEATHPOSY = 118; const ENEMYDAMAGEIMAGE = new Image(); ENEMYDAMAGEIMAGE.src = "https://dsm04pap002files.storage.live.com/y4mQl-czAG-61tEEZk-VFn1AnMu15x4KhPwcMgz6YXxzv_3pn2wVtKH-Oh1ZiEmsiBYu3QgPc6MHkjaUBztWwxk2MzZIce9KsemP7sStJYfgrhBbrMeTgWuji5p5haZ1rcPSCKekxqMJSQXG5BGrzgcbaWjR_Pa_OMiRe-9JLdeLL34cLAdD8OCw22sgC_XHy2tojGTjAIoxMkNm-jEjkby2EAeW1uugMDiI-NmXAdZAGU?encodeFailures=1&width=100&height=141"; const ENEMYATTACKIMAGE_BLUE = new Image(); ENEMYATTACKIMAGE_BLUE.src = "https://dsm04pap002files.storage.live.com/y4mUpUW_Ioq0J8tZdpMVBhBzBG1TFvwsmFuCXlpCvC0BPfELzlLAvWn1ODKn7JFM-pPGUOunwKv5fQnGT2f-tP67pamasZHPgCiRw6W6VSo08v4Xti3UM1gb0H3o4ot_ML4pwnvnV1Qjw4EdbA4Li6BcTIdcxCgZnYkIwfuiI1kWb7MRTmpcmvMqzsC92VnMzGDIEwu-ZTxAhgOtaAV32xHYxVwRFJyabMTxkGFSSHk7QY?encodeFailures=1&width=7&height=30"; const ENEMYATTACKIMAGE_WHITE = new Image(); ENEMYATTACKIMAGE_WHITE.src = "https://dsm04pap002files.storage.live.com/y4mhS3QrI8-Fp4Rn30nh7mV2bJrBHgujB7MhDXffiF9e6zPZ2vnPAguBjUxELrEV8FboxIY3Cho02mgByXYSgD661mC7iv7m7NUzAkTs80PpKn6rrq1cCKU55HKERxwHFwlu9N9NtLax3h4P16wj4Ldj1ZAbKdmZoqX8TD0FIZHwf0xlYDlXeOruBm5FbFIBY_mbmhEGrWgVVdT6bbM1Cth2A3plHzIbg0J2ulVieW0wpQ?encodeFailures=1&width=7&height=30"; const SANSIMAGE = new Image(); SANSIMAGE.src = "https://dsm04pap002files.storage.live.com/y4mmbtb8TOgTlc5hrV95OXuArgt61zwNLFigwdk2MsXiMzx2qPYIISTmzf3276oslwx7XRLuJtsqK32gYSxWekSk7HyH1U06pYULcnfd2Kphc-tOJNBAqci5GFoCTUCYk_-jzNkNRP3pagqmRQNsAPxW3zDGUde4ab5tOVWTILu5s7Pb53ogQLZq1vhdIFY5Rs9Jz4Tp0OzA1WG8NEfpbcPMCxmQy_m99RkRz4Hp3D6hbU?encodeFailures=1&width=100&height=131"; const SANSPOSX = 110; const SANSPOSY = 120; const SPEECHBUBBLEIMAGE = new Image(); SPEECHBUBBLEIMAGE.src = "https://dsm04pap002files.storage.live.com/y4mRpsjBzYW_GIgoSmY0qB18-iBrhzFe2FT0mM1XnYXw_6DKtpKG77oiEEDAQs5aq2m42TmcBmwKN6nyeY5bmnqgp95F9QM0MERGxeUb0fmLVaD6d4dx_LcUCJaOmKalq7QGUJeHwZl_GBMAwEejxkz5zqVScl7LrrKQDIrbILYnaD6ANwMdJTd60D-ZwLwypHXyScpb0JhB6AxeOs5z3ZbrdHAg-AL7HIjWYXvx13hbOs?encodeFailures=1&width=70&height=31"; const SPEECHBUBBLEPOSX = 200; const SPEECHBUBBLEPOSY = 150; const BARPOSX = 55; const BARPOSY = 305; const BARWIDTH = 7; const BARHEIGHT = 90; const BARSPEED = 3; const GAGEPOSX = 50; const GAGEPOSY = 300; const GAGEWIDTH = 200; const GAGEHEIGHT = 100; const ELLIPSEPOSX = GAGEPOSX + (GAGEWIDTH / 2); const ELLIPSEPOSY = GAGEPOSY + (GAGEHEIGHT / 2); const ELLIPSERADX = (GAGEWIDTH - 15) / 2; const ELLIPSERADY = (GAGEHEIGHT - 15) / 2; const ELLIPSEROTATION = 0; const FIELDPOSX = 50; const FIELDPOSY = 300; const FIELDWIDTH = 200; const FIELDHEIGHT = 100; const Scenes = { Open: "Open", SelectAct: "SelectAct", PlayerTurn: "PlayerTurn", EnemyTurn: "EnemyTurn", Over: "Over", Clear: "Clear" }; class Player{ constructor(image, x, y, r){ this.image = image; this.x = x; this.y = y; this.r = r; this.speed = 0; this.a = 270; this.draw = function(){ var color; if(blueAttack){ color = "red"; } else if(!blueAttack){ color = "blue"; } ctx.beginPath(); ctx.fillStyle = color; ctx.textAlign = "center"; ctx.font = "20px serif"; ctx.fillText(this.image, this.x, this.y); } this.move = function(){ if(keyRight) this.a = 0; if(keyTop) this.a = 90; if(keyLeft) this.a = 180; if(keyBottom) this.a = 270; if(keyRight && keyTop) this.a = 45; if(keyTop && keyLeft) this.a = 135; if(keyLeft && keyBottom) this.a = 225; if(keyBottom && keyRight) this.a = 315; if(keyRight || keyTop || keyLeft || keyBottom){ this.speed = 1.5; } else{ this.speed = 0; } if(jumpFrag){ this.speed = 1.9; this.x += Math.cos(this.a * Math.PI / 180) * this.speed; this.y -= Math.sin(this.a * Math.PI / 180) * this.speed; } else{ this.x += Math.cos(this.a * Math.PI / 180) * this.speed; this.y -= Math.sin(this.a * Math.PI / 180) * this.speed; } if(!blueAttack && !keyTop){ this.y += 1.3; } if(this.x - this.r < FIELDPOSX + 2){ this.x = FIELDPOSX + 2 + this.r; } if(this.x + this.r > FIELDPOSX + FIELDWIDTH - 2){ this.x = FIELDPOSX + FIELDWIDTH - 2 - this.r; } if(this.y - this.r < FIELDPOSY + 10){ this.y = FIELDPOSY + 10 + this.r; } if(this.y + this.r > FIELDPOSY + FIELDHEIGHT + 4){ this.y = FIELDPOSY + FIELDHEIGHT + 4 - this.r; } } } } class Enemy{ constructor(image, x, y){ this.image = image; this.x = x; this.y = y; this.draw = function(){ ctx.beginPath(); ctx.drawImage(this.image, this.x, this.y); } } } class EnemyAttack{ constructor(image, x, y, width, height, speed){ this.image = image; this.x = x; this.y = y; this.width = width this.height = height; this.speed = speed; this.draw = function(){ ctx.beginPath(); ctx.drawImage(this.image, this.x, this.y, this.width, this.height); } this.move = function(){ this.x += this.speed; } } } class Bar{ constructor(x, y, width, height, speed, col){ this.x = x; this.y = y; this.width = width; this.height = height; this.speed = speed; this.col = col; this.draw = function(){ ctx.beginPath(); ctx.fillStyle = this.col; ctx.fillRect(this.x, this.y, this.width, this.height); } this.move = function(){ this.x += this.speed; if(this.x < GAGEPOSX + 5){ this.speed *= -1; } else if(this.x > (GAGEPOSX + GAGEWIDTH) - 5 - this.width){ this.speed *= -1; } } } } onload = function(){ init(); } const init = () => { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); scene = Scenes.Open; playingBGM = false; addEventListener("mousedown", mouseDown); addEventListener("keydown", keyDown); addEventListener("keyup", keyUp); setInterval("loop()", 16); } const loop = () => { ctx.clearRect(0, 0, canvas.width, canvas.height); if(scene == Scenes.Open){ drawOpen(); } else if(scene == Scenes.SelectAct){ enemy.draw(); drawEnemyHP(); drawPlayerHP(); drawSelectEnemy(); drawSelectAct(); } else if(scene == Scenes.PlayerTurn){ enemy.draw(); drawEnemyHP(); drawPlayerHP(); drawSelectAct(); drawGage(); bar.draw(); bar.move(); if(attackFrag){ const damage = Math.floor((150 - Math.abs(bar.x - (GAGEPOSX + GAGEWIDTH / 2 ))) * 1.3); attack(damage); enemyMoveCount++; if(5 <= enemyMoveCount && enemyMoveCount < 10){ enemy.x = ENEMYPOSX - 5; enemy.image = ENEMYDAMAGEIMAGE; } else if(10 <= enemyMoveCount && enemyMoveCount < 15){ enemy.x = ENEMYPOSX + 5; } else if(15 <= enemyMoveCount && enemyMoveCount < 20){ enemy.x = ENEMYPOSX - 5; } else if(20 <= enemyMoveCount && enemyMoveCount < 25){ enemy.x = ENEMYPOSX + 5; } else if(25 <= enemyMoveCount && enemyMoveCount < 30){ enemy.x = ENEMYPOSX - 5; } else if(30 <= enemyMoveCount && enemyMoveCount < 35){ enemy.x = ENEMYPOSX + 5; } else if(35 <= enemyMoveCount){ enemy.x = ENEMYPOSX; enemy.image = ENEMYIMAGE; } setTimeout(() => { attackFrag = false; }, 900); } } else if(scene == Scenes.EnemyTurn){ enemy.draw(); drawEnemyHP(); drawPlayerHP(); drawSelectAct(); player.draw(); player.move(); drawField(); enemyAttack(); enemyAttacks.forEach((enemyAttack, i) => { enemyAttack.draw(); enemyAttack.move(); if(enemyAttack.x < FIELDPOSX + 2){ enemyAttacks.splice(i, 1); } if(enemyAttack.x > FIELDPOSX + FIELDWIDTH - 2){ enemyAttacks.splice(i, 1); } }); if(enemyTurnTimer == 450){ selecting = true; scene = Scenes.SelectAct; } } else if(scene == Scenes.Over){ drawOver(); } else if(scene == Scenes.Clear){ drawClear(); } } const drawOpen = () => { ctx.beginPath(); ctx.drawImage(OPENIMAGE, OPENPOSX, OPENPOSY); ctx.beginPath(); ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.font = "bold 18px monospace"; ctx.fillText("Click to Start", canvas.width / 2, 350); } const drawEnemyHP = () => { ctx.beginPath(); ctx.strokeStyle = "white"; ctx.lineWidth = 2; ctx.strokeRect(canvas.width / 2 - 30, 60, 60, 20); const hpWidth = Math.floor(enemyHP / 70) * 2; ctx.beginPath(); ctx.fillStyle = "lightgreen"; ctx.fillRect(canvas.width / 2 - 28, 62, hpWidth, 16); } const drawPlayerHP = () => { const hpWidth = 40 - ((50 - playerHP) / 1.3); ctx.beginPath(); ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.font = "bold 18px monospace"; ctx.fillText("HP", canvas.width / 2 - 10, 430); ctx.beginPath(); ctx.fillStyle = "yellow"; ctx.fillRect(canvas.width / 2 + 10, 412, hpWidth, 18); ctx.beginPath(); ctx.fillStyle = "red"; ctx.fillRect(canvas.width / 2 + 10 + hpWidth, 412, 40 - hpWidth, 18); } const drawSelectEnemy = () => { ctx.beginPath(); ctx.strokeStyle = "white"; ctx.lineWidth = 5; ctx.strokeRect(50, 300, 200, 100); var color; if(blueAttack){ color = "red"; } else if(!blueAttack){ color = "blue"; } ctx.beginPath(); ctx.fillStyle = color; ctx.textAlign = "left"; ctx.font = "15px serif"; ctx.fillText("♥", 60, 350); ctx.beginPath(); ctx.fillStyle = "white"; ctx.textAlign = "left"; ctx.font = "bold 15px monospace"; ctx.fillText("Papyrus", 90, 350); ctx.beginPath(); ctx.fillStyle = "lightgreen"; ctx.fillRect(160, 338, 40 - ((2000 - enemyHP) * 0.02), 15); ctx.beginPath(); ctx.fillStyle = "red"; ctx.fillRect(160 + 40 - ((2000 - enemyHP) * 0.02), 338, ((2000 - enemyHP) * 0.02), 15); } const drawSelectAct = () => { var attackColor, recoverColor; if(selecting){ if(selectAttack){ attackColor = "yellow"; recoverColor = "orange"; } else if(!selectAttack){ attackColor = "orange"; recoverColor = "yellow"; } } else if(!selecting){ attackColor = "orange"; recoverColor = "orange"; } ctx.beginPath(); ctx.strokeStyle = attackColor; ctx.lineWidth = 3; ctx.strokeRect(canvas.width / 2 - 95, 450, 75, 25); ctx.fillStyle = attackColor; ctx.textAlign = "left"; ctx.font = "bold 15px monospace"; ctx.fillText("FIGHT", canvas.width / 2 - 80, 467); ctx.beginPath(); ctx.strokeStyle = recoverColor; ctx.lineWidth = 3; ctx.strokeRect(canvas.width / 2 + 20, 450, 75, 25); ctx.fillStyle = recoverColor; ctx.textAlign = "left"; ctx.font = "bold 15px monospace"; ctx.fillText("RECOVER", canvas.width / 2 + 25, 467); } const drawGage = () => { ctx.beginPath(); ctx.strokeStyle = "white"; ctx.lineWidth = 5; ctx.strokeRect(GAGEPOSX, GAGEPOSY, GAGEWIDTH, GAGEHEIGHT); ctx.beginPath(); ctx.strokeStyle = "red"; ctx.lineWidth = 7; ctx.moveTo(GAGEPOSX + 30, GAGEPOSY + 25); ctx.lineTo(GAGEPOSX + 30, GAGEPOSY + 75); ctx.stroke(); ctx.beginPath(); ctx.strokeStyle = "red"; ctx.lineWidth = 7; ctx.moveTo(GAGEPOSX + GAGEWIDTH - 30, GAGEPOSY + 25); ctx.lineTo(GAGEPOSX + GAGEWIDTH - 30, GAGEPOSY + 75); ctx.stroke(); ctx.beginPath(); ctx.strokeStyle = "yellow"; ctx.lineWidth = 7; ctx.moveTo(GAGEPOSX + 60, GAGEPOSY + 10); ctx.lineTo(GAGEPOSX + 60, GAGEPOSY + 90); ctx.stroke(); ctx.beginPath(); ctx.strokeStyle = "yellow"; ctx.lineWidth = 7; ctx.moveTo(GAGEPOSX + GAGEWIDTH - 60, GAGEPOSY + 10); ctx.lineTo(GAGEPOSX + GAGEWIDTH - 60, GAGEPOSY + 90); ctx.stroke(); ctx.beginPath(); ctx.strokeStyle = "green"; ctx.lineWidth = 7; ctx.moveTo(GAGEPOSX + 90, GAGEPOSY + 10); ctx.lineTo(GAGEPOSX + 90, GAGEPOSY + 90); ctx.stroke(); ctx.beginPath(); ctx.strokeStyle = "green"; ctx.lineWidth = 7; ctx.moveTo(GAGEPOSX + GAGEWIDTH - 90, GAGEPOSY + 10); ctx.lineTo(GAGEPOSX + GAGEWIDTH - 90, GAGEPOSY + 90); ctx.stroke(); ctx.beginPath(); ctx.strokeStyle = "yellow"; ctx.lineWidth = 7; ctx.ellipse(ELLIPSEPOSX, ELLIPSEPOSY, ELLIPSERADX, ELLIPSERADY, ELLIPSEROTATION, 0, 2 * Math.PI); ctx.stroke(); } const attack = (damage) => { ctx.beginPath(); ctx.textAlign = "center"; ctx.font = "bold 30px monospace"; ctx.fillStyle = "red"; ctx.fillText(damage, canvas.width / 2, 165); ctx.strokeStyle = "black"; ctx.lineWidth = 0.5; ctx.strokeText(damage, canvas.width / 2, 165); } const recoverPlayer = () => { if(playerHP <= 50){ playerHP += 5; } setTimeout(() => { scene = Scenes.EnemyTurn; keyTop = false; keyLeft = false; keyRight = false; keyBottom = false; jumpFrag = false; player = null; player = new Player(PLAYERIMAGE, PLAYERPOSX, PLAYERPOSY, 6); enemyTurnCount++; enemyTurnTimer = 0; enemyAttacks = []; }, 500); } const drawField = () => { ctx.beginPath(); ctx.strokeStyle = "white"; ctx.lineWidth = 5; ctx.strokeRect(FIELDPOSX, FIELDPOSY, FIELDWIDTH, FIELDHEIGHT); } const enemyAttack = () => { enemyTurnTimer++; if(enemyTurnCount == 1){ if(enemyTurnTimer % 50 == 0){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_BLUE, 238, 302, 10, 60, -3)); } else if(enemyTurnTimer % 60 == 0){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_BLUE, 238, 302, 10, 50, -2.5)); } else if(enemyTurnTimer == 35 || enemyTurnTimer == 135 || enemyTurnTimer == 355){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_BLUE, 238, 338, 10, 60, -4)); } else if(enemyTurnTimer == 150 || enemyTurnTimer == 285 || enemyTurnTimer == 375){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_BLUE, 238, 302, 10, 40, -3.5)); } else if(enemyTurnTimer == 80 || enemyTurnTimer == 255 || enemyTurnTimer == 315){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_BLUE, 238, 348, 10, 50, -4.5)); } } if(enemyTurnCount == 2 || enemyTurnCount == 3){ if(enemyTurnCount == 2) blueAttack = false; enemyAttackPattern1(); } if(4 <= enemyTurnCount){ if(enemyTurnCount % 4 == 0){ enemyAttackPattern2(); } else if(enemyTurnCount % 4 == 1){ enemyAttackPattern3(); } else if(enemyTurnCount % 4 == 2){ enemyAttackPattern4(); } else if(enemyTurnCount % 4 == 3){ enemyAttackPattern5(); } } enemyAttacks.forEach((enemyAttack, i) => { if(blueAttack){ if(keyTop || keyLeft || keyRight || keyBottom){ if(collide(player, enemyAttack)){ enemyAttacks.splice(i, 1); decreaseHP(); } } } else if(!blueAttack){ if(collide(player, enemyAttack)){ enemyAttacks.splice(i, 1); decreaseHP(); } } }); } const enemyAttackPattern1 = () => { if(enemyTurnTimer == 60 || enemyTurnTimer == 130 || enemyTurnTimer == 200){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 368, 10, 30, -1.5)); } if(enemyTurnTimer == 310){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 353, 10, 45, 1.5)); } } const enemyAttackPattern2 = () => { if(enemyTurnTimer == 50 || enemyTurnTimer == 230){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 358, 10, 40, -1.5)); } else if(enemyTurnTimer == 140 || enemyTurnTimer == 320){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 378, 10, 20, -1.5)); } } const enemyAttackPattern3 = () => { if(enemyTurnTimer == 50 || enemyTurnTimer == 120 || enemyTurnTimer == 260){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 358, 10, 40, -1.8)); } if(enemyTurnTimer == 85 || enemyTurnTimer == 155 || enemyTurnTimer == 190){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 302, 10, 50, -1.8)); } if(enemyTurnTimer == 360){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 378, 10, 20, -3)); } } const enemyAttackPattern4 = () => { if(enemyTurnTimer % 70 == 0){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 302, 10, 50, 2)); } if(enemyTurnTimer == 100 || enemyTurnTimer == 180 || enemyTurnTimer == 240){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 358, 10, 40, -1.5)); } if(enemyTurnTimer == 360){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 378, 10, 20, -4)); } } const enemyAttackPattern5 = () => { if(enemyTurnTimer == 50){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 302, 10, 30, 2)); enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 358, 10, 40, 2)); } else if(enemyTurnTimer == 100){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 238, 302, 10, 65, -2)); } else if(enemyTurnTimer == 200 || enemyTurnTimer == 250){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 373, 10, 25, 2)); } else if(enemyTurnTimer == 210 || enemyTurnTimer == 240){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 368, 10, 30, 2)); } else if(enemyTurnTimer == 220 || enemyTurnTimer == 230){ enemyAttacks.push(new EnemyAttack(ENEMYATTACKIMAGE_WHITE, 52, 363, 10, 35, 2)); } } const collide = (obj1, obj2) => { var collideX = false; var collideY = false; if(Math.abs((obj2.x + 5) - obj1.x) < obj1.r) collideX = true; if(obj2.y <= obj1.y - obj1.r && obj1.y <= (obj2.y + obj2.height)) collideY = true; if(collideX && collideY){ return true; } return false; } const decreaseHP = () => { playerHP -= 3; if(playerHP <= 0){ scene = Scenes.Over; } } const drawOver = () => { const playBtn = document.getElementById("play-btn"); playBtn.style.display = "none"; const pauseBtn = document.getElementById("pause-btn"); pauseBtn.style.display = "none"; const bgm = document.getElementById("bgm"); bgm.pause(); bgm.currentTime = 0; if(playingBGM){ const overBGM = document.getElementById("overBGM"); overBGM.play(); } ctx.beginPath(); ctx.drawImage(OVERIMAGE, OVERPOSX, OVERPOSY); ctx.beginPath(); ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.font = "bold 15px monospace"; ctx.fillText("Click to Continue", canvas.width / 2, 400); } const drawClear = () => { const playBtn = document.getElementById("play-btn"); playBtn.style.display = "none"; const pauseBtn = document.getElementById("pause-btn"); pauseBtn.style.display = "none"; const bgm = document.getElementById("bgm"); bgm.pause(); bgm.currentTime = 0; clearCount++; if(0 <= clearCount && clearCount < 60){ enemy.draw(); } else if(60 <= clearCount && clearCount <= 180){ ctx.beginPath(); ctx.drawImage(ENEMYDEATHIMAGE, ENEMYDEATHPOSX, ENEMYDEATHPOSY); } else if(280 <= clearCount && clearCount <= 450){ ctx.beginPath(); ctx.drawImage(SANSIMAGE, SANSPOSX, SANSPOSY); ctx.beginPath(); ctx.drawImage(SPEECHBUBBLEIMAGE, SPEECHBUBBLEPOSX, SPEECHBUBBLEPOSY); ctx.beginPath(); ctx.fillStyle = "black"; ctx.textAlign = "left"; ctx.arc(225, 165, 2, 0, 2 * Math.PI); ctx.fill(); ctx.arc(240, 165, 2, 0, 2 * Math.PI); ctx.fill(); ctx.arc(255, 165, 2, 0, 2 * Math.PI); ctx.fill(); } else if(520 <= clearCount){ ctx.beginPath(); ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.font = "bold 35px monospace"; ctx.fillText("GAME CLEAR", canvas.width / 2, canvas.height / 2); } } const mouseDown = () => { if(scene == Scenes.Open){ const playBtn = document.getElementById("play-btn"); playBtn.style.display = "inline"; const pauseBtn = document.getElementById("pause-btn"); pauseBtn.style.display = "inline"; playerHP = 50; enemy = new Enemy(ENEMYIMAGE, ENEMYPOSX, ENEMYPOSY); enemyHP = INITENEMYHP; enemyTurnCount = 0; blueAttack = true; selectAttack = true; selecting = true; const bgm = document.getElementById("bgm"); bgm.currentTime = 0; if(playingBGM){ bgm.play(); } const overBGM = document.getElementById("overBGM"); overBGM.currentTime = 0; clearCount = 0; scene = Scenes.SelectAct; } else if(scene == Scenes.Over){ const overBGM = document.getElementById("overBGM"); overBGM.pause(); scene = Scenes.Open; } } const keyDown = (e) => { if(scene == Scenes.SelectAct){ if(selectAttack){ if(e.keyCode == 39) selectAttack = !selectAttack; if(e.keyCode == 13){ bar = null; bar = new Bar(BARPOSX, BARPOSY, BARWIDTH, BARHEIGHT, BARSPEED, "white"); bar.x = BARPOSX; bar.speed = BARSPEED; selectAttack = true; selecting = false; scene = Scenes.PlayerTurn; } } else if(!selectAttack){ if(e.keyCode == 37) selectAttack = !selectAttack; if(e.keyCode == 13){ selectAttack = true; selecting = false; recoverPlayer(); } } } else if(scene == Scenes.PlayerTurn){ if(e.keyCode == 13){ attackFrag = true; enemyMoveCount = 0; bar.speed = 0; const damage = Math.floor((150 - Math.abs(bar.x - (GAGEPOSX + GAGEWIDTH / 2 ))) * 1.3); enemyHP -= damage; if(enemyHP <= 0){ scene = Scenes.Clear; } else if(enemyHP > 0){ setTimeout(() => { scene = Scenes.EnemyTurn; keyTop = false; keyLeft = false; keyRight = false; keyBottom = false; jumpFrag = false; player = null; player = new Player(PLAYERIMAGE, PLAYERPOSX, PLAYERPOSY, 6); enemyTurnCount++; enemyTurnTimer = 0; enemyAttacks = []; }, 800); } } } else if(scene == Scenes.EnemyTurn){ if(e.keyCode == 37) keyLeft = true; if(e.keyCode == 38 && blueAttack) keyTop = true; if(e.keyCode == 38 && !blueAttack && player.y + player.r >= FIELDPOSY + FIELDHEIGHT + 4){ keyTop = true; jumpFrag = true; setTimeout(() => { keyTop = false; jumpFrag = false; }, 550); } if(e.keyCode == 39) keyRight = true; if(e.keyCode == 40) keyBottom = true; } } const keyUp = (e) => { if(scene == Scenes.EnemyTurn){ if(e.keyCode == 37) keyLeft = false; if(e.keyCode == 38 && blueAttack) keyTop = false; if(e.keyCode == 39) keyRight = false; if(e.keyCode == 40) keyBottom = false; } else if(scene == Scenes.PlayerTurn){} } const playBGM = () => { playingBGM = true; const bgm = document.getElementById("bgm"); bgm.play(); } const pauseBGM = () => { playingBGM = false; const bgm = document.getElementById("bgm"); bgm.currentTime = 0; bgm.pause(); }

UNDERTALE (vs Papyrus)