fix: win chance percentage calculation and added xp reward in ui

[arvi0731]

I noticed that the winning chance percentage of enemy # 1 is greater than enemy # 4 even if enemy # 1 is stronger. Turns out they are both 100%. Sure win 😅

Test:

function getWinChance(enemyPower) {
  const playerPower = 6341.099999999999
  const playerMin = playerPower * 0.9;
  const playerMax = playerPower * 1.1;
  const playerRange = playerMax - playerMin;
  const enemyMin = enemyPower * 0.9;
  const enemyMax = enemyPower * 1.1;
  let win = 0;
  let lose = 0;
  for (let playerRoll = Math.floor(playerMin); playerRoll <= playerMax; playerRoll++) {
    for (let enemyRoll = Math.floor(enemyMin); enemyRoll <= enemyMax; enemyRoll++) {
      if (playerRoll >= enemyRoll) {
        win++;
      } else {
        lose++;
      }
    }
  }
  const enemyRange = enemyMax - enemyMin;
  let rollingTotal = 0;
  // shortcut: if it is impossible for one side to win, just say so
  //if (playerMin > enemyMax) return 3;
  if (playerMax < enemyMin) return 0;

  // case 1: player power is higher than enemy power
  if (playerMin >= enemyMin) {
      // case 1: enemy roll is lower than player's minimum
      rollingTotal = (playerMin - enemyMin) / enemyRange;
      // case 2: 1 is not true, and player roll is higher than enemy maximum
      rollingTotal += (1 - rollingTotal) * ((playerMax - enemyMax) / playerRange);
      // case 3: 1 and 2 are not true, both values are in the overlap range. Since values are basically continuous, we assume 50%
      rollingTotal += (1 - rollingTotal) * 0.5;
  } else {
      // case 1: player rolls below enemy minimum
      rollingTotal = (enemyMin - playerMin) / playerRange;
      // case 2: enemy rolls above player maximum
      rollingTotal += (1 - rollingTotal) * ((enemyMax - playerMax) / enemyRange);
      // case 3: 1 and 2 are not true, both values are in the overlap range
      rollingTotal += (1 - rollingTotal) * 0.5;
      // since this is chance the enemy wins, we negate it
      rollingTotal = 1 - rollingTotal;
  }

  console.log({
    playerPower,
    playerMin,
    playerMax,
    enemyPower,
    enemyMin,
    enemyMax,
    rollingTotal,
    winChance: win / (win + lose),
  })
}

getWinChance(5151)
getWinChance(5147)

Output:

{
  playerPower: 6341.099999999999,
  playerMin: 5706.99,
  playerMax: 6975.21,
  enemyPower: 5151,
  enemyMin: 4635.900000000001,
  enemyMax: 5666.1,
  rollingTotal: 0.9993601354025403,
  winChance: 1
}
{
  playerPower: 6341.099999999999,
  playerMin: 5706.99,
  playerMax: 6975.21,
  enemyPower: 5147,
  enemyMin: 4632.3,
  enemyMax: 5661.700000000001,
  rollingTotal: 0.9992144101131548,
  winChance: 1
}

[netlify]

❌ Deploy Preview for cbtracker failed.

🔨 Explore the source changes: 1c8ec0e

🔍 Inspect the deploy log: https://app.netlify.com/sites/cbtracker/deploys/6105e3505e6bfe00080cf552

[arvi0731]

#26