u/ImportantBluejay7163 — reddlx

<!--

ap cpt project

html only used for font and texts while game logic is js

-->

<head>

<title>Arena Fighting</title>

</head>

<body>

<h1>Arena Fighting</h1>

<p id="sub">TURN-BASED BATTLE for AP CPT</p>

</div>

<span class="fname ename" id="ename">GOBLIN</span>

</div>

</div>

<button class="mbtn atk" onclick="go(0)">PUNCH (has a chance to crit)<br><span style="color:#4ade80;font-size:6px">15 DMG</span></button>

<button class="mbtn atk" onclick="go(1)">KICK (has a chance to bleed)<br><span style="color:#4ade80;font-size:6px">20 DMG</span></button>

</div>

<button id="rbtn" onclick="reset()">&#8635; RESTART</button>

</div>

<div id="logbox"><div id="loghdr">BATTLE LOG</div><div id="log"></div></div>

// end of html code

// title screen acts as a procedure which has all the code for the starting screen

(function titlescreen() {

var ts = document.createElement("div");

ts.style.cssText = `

position:fixed; inset:0;

background:radial-gradient(circle at top,#0f1635,#060912 80%);

display:flex; align-items:center; justify-content:center;

z-index:999; flex-direction:column;

font-family:'Press Start 2P', monospace;

var title = document.createElement("div");

title.textContent = "Arena Fighter";

title.style.cssText = `

color:#4ade80; font-size:20px;

letter-spacing:4px;

text-shadow:0 0 12px #4ade80aa;

margin-bottom:14px;

var sub = document.createElement("div");

sub.textContent = "Made by Ashvath and Aqeel";

sub.style.cssText = `

font-size:8px; color:#555;

margin-bottom:30px;

var press = document.createElement("div");

press.textContent = "▶ PRESS START";

press.style.cssText = `

font-size:10px;

color:#c084fc;

text-shadow:0 0 8px #7c3aed;

transition:opacity .2s;

// end

ts.appendChild(title);

ts.appendChild(sub);

ts.appendChild(press);

document.body.appendChild(ts);

var visible = true;

var blink = setInterval(function () {

visible = !visible;

press.style.opacity = visible ? "1" : "0.2";

}, 500);

// game start

function starting() {

clearInterval(blink);

ts.remove();

}

// key start

ts.addEventListener("click", starting);

document.addEventListener("keydown", starting, { once: true });

})();

// list/array for cpt requirement

var moves = [{"name":"Punch","dmg":15 || 18.5},{"name":"Kick","dmg":20 || 25 },{"name":"Slam","dmg":30},{"name":"Heal","dmg":-20}];

var enemies = [{"name":"Goblin","hp":55,"spr":"gob","reward":"atk","prize":"+5 ATK"},{"name":"Skeleton","hp":75,"spr":"ske","reward":"hp","prize":"+25 HP"},{"name":"Orc","hp":95,"spr":"orc","reward":"atk","prize":"+8 ATK"},{"name":"Witch","hp":110,"spr":"wit","reward":"heal","prize":"+15 HEAL"},{"name":"Dragon","hp":145,"spr":"drg","reward":"atk","prize":"+12 ATK"}];

// variable intlizize

var pHp, pMaxHp, eHp, eIdx, alive, busy, atkBonus, healBonus, collectedBuffs;

// setups enemies params

function setup() {

pHp = 100; pMaxHp = 100; eIdx = 0; eHp = enemies[0].hp;

alive = true; busy = false; atkBonus = 0; healBonus = 0; collectedBuffs = [];

}

// calc randomizes enemies hit based upon ur buffs and health

function calcHit(dmg, cur, max) {

if (dmg < 0) return Math.min(max, cur + Math.abs(dmg));

var roll = dmg + Math.floor(Math.random() * 10) - 3;

if (roll < 1) roll = 1;

return Math.max(0, cur - roll);

}

// enemy picks out of our moveset to make the game harder, added this later

function enemyPick() { return moves[Math.floor(Math.random() * 3)]; }

// grants buffs after each stage

function grantBuff(e) {

if (e.reward === "atk") atkBonus += parseInt(e.prize);

if (e.reward === "hp") { pMaxHp += 25; pHp = Math.min(pHp + 25, pMaxHp); }

if (e.reward === "heal") healBonus += 15;

collectedBuffs.push(e.prize);

}

// loads the sprites baed on the array of Var enemies

function loadSprite(key, dead, atk) {

var el = document.getElementById("es");

el.innerHTML = sprFns[key]();

el.className = dead ? "anim-die" : atk ? "anim-ae" : (key === "drg" ? "idle-dr" : "idle-e");

}

// spawns stars once u beat the game

(function spawnStars() {

var a = document.getElementById("arena");

for (var i = 0; i < 16; i++) {

var s = document.createElement("div"); s.className = "star";

var sz = i % 3 === 0 ? 2 : 1;

s.style.cssText = "width:" + sz + "px;height:" + sz + "px;top:" + (Math.sin(i*2.1)*38+12) + "%;left:" + (((i*43)%88)+6) + "%;opacity:" + (0.4+(i%3)*0.2);

a.insertBefore(s, a.firstChild);

}

})();

// changes the effect of moves once u get a buff

function refreshStatus() {

var e = enemies[eIdx], ex = (atkBonus ? " | ATK+" + atkBonus : "") + (healBonus ? " | HEAL+" + healBonus : "");

document.getElementById("statbar").textContent = "HERO " + Math.max(0,pHp) + "/" + pMaxHp + " | " + e.name.toUpperCase() + " " + Math.max(0,eHp) + "/" + e.hp + ex;

}

// changes the health bars based upon the enemy

function refreshBars() {

var pp = Math.max(0, pHp/pMaxHp*100), ep = Math.max(0, eHp/enemies[eIdx].hp*100);

var pf = document.getElementById("pfill");

pf.style.width = pp + "%"; pf.style.background = pp > 50 ? "#4ade80" : pp > 25 ? "#fb923c" : "#f87171";

document.getElementById("php").textContent = Math.max(0, pHp);

var ef = document.getElementById("efill");

ef.style.width = ep + "%"; ef.style.background = ep > 50 ? "#f87171" : ep > 25 ? "#fb923c" : "#f97316";

document.getElementById("ehp").textContent = Math.max(0, eHp);

}

// changes the buffs after each stage

function refreshBuffs() {

var el = document.getElementById("buffbar");

if (!collectedBuffs.length) { el.textContent = ""; return; }

el.innerHTML = "BUFFS: " + collectedBuffs.map(function(b) { return '<span class="badge">'+b+'</span>'; }).join("");

}

// the dots show which stage of the level u are at

function rebuildDots() {

var d = document.getElementById("dots"); d.innerHTML = "";

enemies.forEach(function(e,i) {

var dot = document.createElement("div"); dot.className = "dot";

dot.style.background = i < eIdx ? "#222" : i === eIdx ? "#f97316" : "#4ade80";

dot.style.boxShadow = i === eIdx ? "0 0 6px #f97316" : "none";

d.appendChild(dot);

});

}

// all the functions from this line to 233 are code for the anmations of the models

function addLog(msg, cls) {

var p = document.createElement("div"); p.className = "ll " + (cls || "lnorm"); p.textContent = msg;

var log = document.getElementById("log"); log.insertBefore(p, log.firstChild);

}

function pop(text, side) {

var fc = document.getElementById("fc"), el = document.createElement("div");

el.className = "pop " + (text[0] === "+" ? "pop-heal" : "pop-dmg");

el.textContent = text; el.style.bottom = "38px"; el.style.left = side === "p" ? "14%" : "60%";

fc.appendChild(el); setTimeout(function() { if (fc.contains(el)) fc.removeChild(el); }, 900);

}

function shake(id) {

var el = document.getElementById(id); el.classList.remove("anim-sh"); void el.offsetWidth;

el.classList.add("anim-sh"); setTimeout(function() { el.classList.remove("anim-sh"); }, 380);

}

function setBtns(off) { document.querySelectorAll(".mbtn").forEach(function(b){b.disabled=off;}); }

function showGameOver(win) {

document.getElementById("go").classList.add("show");

var t = document.getElementById("gotitle"), m = document.getElementById("gomsg");

if (win) { t.textContent = "YOU WIN!"; t.style.cssText = "color:#4ade80;text-shadow:0 0 10px #4ade8088"; m.textContent = "All 5 enemies down! Buffs: "+collectedBuffs.length+"/5"; }

else { t.textContent = "DEFEATED..."; t.style.cssText = "color:#f87171;text-shadow:0 0 10px #f8717188"; m.textContent = "Lost to the "+enemies[eIdx].name+". Try again!"; }

setBtns(true);

}

// ends here

// like grantBuff, bases how powerful your buff should be upon enemey strength

function nextEnemy() {

grantBuff(enemies[eIdx]); refreshBuffs();

addLog("BUFF: " + enemies[eIdx].prize + "!", "lbuff");

eIdx++;

if (eIdx < enemies.length) {

eHp = enemies[eIdx].hp;

document.getElementById("ename").textContent = enemies[eIdx].name.toUpperCase();

loadSprite(enemies[eIdx].spr, false, false);

rebuildDots(); refreshBars(); refreshStatus();

addLog(enemies[eIdx].name + " steps forward!", "lgood");

} else { alive = false; showGameOver(true); refreshStatus(); }

}

function go(choice) {

if (!alive || busy) return;

busy = true; setBtns(true);

var m = moves[choice];

// all codes for buffs end here

// condition statment which show if u died or not

if (m.dmg < 0) {

var before = pHp; pHp = Math.min(pMaxHp, pHp + Math.abs(m.dmg) + healBonus);

pop("+" + (pHp - before) + " HP", "p");

addLog("You healed for " + (pHp - before) + " HP."); refreshBars(); refreshStatus();

setTimeout(function() {

var em = enemyPick(), oldP = pHp; pHp = calcHit(em.dmg, pHp, pMaxHp);

pop("-"+(oldP-pHp),"p"); shake("ps");

loadSprite(enemies[eIdx].spr,false,true);

setTimeout(function(){loadSprite(enemies[eIdx].spr,pHp<=0,false);},300);

addLog(enemies[eIdx].name+" hit for "+(oldP-pHp)+" dmg.","lbad");

refreshBars(); refreshStatus();

if (pHp<=0){document.getElementById("ps").className="anim-die";addLog("You were knocked out...","lbad");alive=false;showGameOver(false);}

busy=false; if(alive)setBtns(false);

}, 600);

return;

}

var ps = document.getElementById("ps");

ps.classList.remove("idle-p"); ps.classList.add("anim-ap");

setTimeout(function(){ps.classList.remove("anim-ap");ps.classList.add("idle-p");},280);

setTimeout(function() {

var rd = m.dmg + atkBonus + Math.floor(Math.random()*10) - 3; if(rd<1)rd=1;

var oldE = eHp; eHp = Math.max(0, eHp-rd);

pop("-"+(oldE-eHp),"e"); shake("es");

loadSprite(enemies[eIdx].spr,eHp<=0,false);

addLog("You used "+m.name+" for "+(oldE-eHp)+" dmg."); refreshBars(); refreshStatus();

if (eHp<=0) { addLog(enemies[eIdx].name+" defeated!","lgood"); setTimeout(function(){nextEnemy();busy=false;if(alive)setBtns(false);},500); return; }

setTimeout(function(){

var em=enemyPick(),oldP=pHp; pHp=calcHit(em.dmg,pHp,pMaxHp);

pop("-"+(oldP-pHp),"p"); shake("ps");

loadSprite(enemies[eIdx].spr,false,true);

setTimeout(function(){loadSprite(enemies[eIdx].spr,false,false);},300);

addLog(enemies[eIdx].name+" hit for "+(oldP-pHp)+" dmg.","lbad");

refreshBars(); refreshStatus();

if(pHp<=0){document.getElementById("ps").className="anim-die";addLog("You were knocked out...","lbad");alive=false;showGameOver(false);}

busy=false; if(alive)setBtns(false);

},500);

},250);

}

// function ends here

// resets the code if you click restart button

function reset() {

setup();

document.getElementById("go").classList.remove("show");

document.getElementById("log").innerHTML = "";

document.getElementById("ename").textContent = enemies[0].name.toUpperCase();

document.getElementById("ps").className = "idle-p";

loadSprite(enemies[0].spr,false,false);

rebuildDots(); refreshBars(); refreshStatus(); refreshBuffs();

setBtns(false); addLog("Battle starts! Pick a move.","lgood");

}

setup(); loadSprite(enemies[0].spr,false,false);

rebuildDots(); refreshBars(); refreshStatus();

addLog("Battle starts! Pick a move.","lgood");

</script>

</body>

</html>

this is my ap csp cpt code if yall can copy and paste it to check if it will get a 6 it would be greatly appreciated