src.58f3319e.js.map

{"version":3,"sources":["src/index.js"],"names":["rod1","document","getElementById","rod2","ball","rod1_Score","rod2_Score","gameStart","set_interval","dimension_ball","getBoundingClientRect","dimension_rod1","dimension_rod2","bottom","top","window","innerHeight","Local_Value1","parseInt","localStorage","getItem","Local_Value2","Find_max_rod1","Math","max","toString","Find_max_rod2","setItem","classList","remove","play","alert","style","left","innerWidth","clientWidth","right","add","move","event","dimension_rod","keycode","keyCode","dist","min","setInterval","addEventListener"],"mappings":"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","file":"src.58f3319e.js","sourceRoot":"..","sourcesContent":["// Code is written by CHIRAG RAJ\n\n// import \"./styles.css\";\n\nlet rod1 = document.getElementById(\"rod1\");\nlet rod2 = document.getElementById(\"rod2\");\nlet ball = document.getElementById(\"ball\");\nlet rod1_Score = 0;\nlet rod2_Score = 0;\nlet gameStart = false;\n\n//localStorage.getItem give null value when key is not find so when we match it with false then if condition is true and when we make key value false the false!=false gives false so, if condition is always false\nif (localStorage.getItem(\"isFirstTime\") !== \"false\") {\n  localStorage.setItem(\"isFirstTime\", \"true\");\n  localStorage.setItem(\"rod1_max_score\", \"0\");\n  localStorage.setItem(\"rod2_max_score\", \"0\");\n}\n\n// for game start alert message\nif (localStorage.getItem(\"isFirstTime\") === \"true\") {\n  localStorage.setItem(\"isFirstTime\", \"false\");\n  alert(\n    \"Hello Player! I am CHIRAG 😎 Devloper of this Ping Pong Game! \\n🟩This is your first time Go and show that you are a real Gamer🟩 \\n\\nGAME RULES:\\n1. To start the Game Press Enter \\n2. For moving the rod press left-right arrow key or A&D key\"\n  );\n} else {\n  alert(\n    \"-------------------------------------------------------------------\\nHello Player! I am CHIRAG 😎 Devloper of this Ping Pong Game! \\n-------------------------------------------------------------------\\nGAME RULES:\\n1. To start the Game Press Enter \\n2. For moving the rod press left-right arrow key or A&D key\\n------------------------------------------------------------------- \\nRod 1 has maximum score of \" +\n      localStorage.getItem(\"rod1_max_score\") +\n      \"\\nRod 2 has maximum score of \" +\n      localStorage.getItem(\"rod2_max_score\")\n  );\n}\n\n// Set interval function\nfunction set_interval() {\n  let dimension_ball = ball.getBoundingClientRect();\n  let dimension_rod1 = rod1.getBoundingClientRect();\n  let dimension_rod2 = rod2.getBoundingClientRect();\n\n  //when ball goes outside (Game over Condition)\n  if (dimension_ball.bottom < 0 || dimension_ball.top > window.innerHeight) {\n    //local storage handling\n    let Local_Value1 = parseInt(localStorage.getItem(\"rod1_max_score\"));\n    let Local_Value2 = parseInt(localStorage.getItem(\"rod2_max_score\"));\n\n    let Find_max_rod1 = Math.max(Local_Value1, rod1_Score).toString();\n    let Find_max_rod2 = Math.max(Local_Value2, rod2_Score).toString();\n    localStorage.setItem(\"rod1_max_score\", Find_max_rod1);\n    localStorage.setItem(\"rod2_max_score\", Find_max_rod2);\n    gameStart = false;\n    ball.classList.remove(ball.classList[0]);\n    let audio = document.getElementById(\"audio1\");\n    audio.play();\n\n    //game over alert\n    alert(\n      \"GAME OVER😓 \\n------------------------------\\nRod 1 Current Score: \" +\n        rod1_Score +\n        \"\\nRod 2 Current Score: \" +\n        rod2_Score +\n        \"\\n------------------------------\\nRod 1 Highest Score: \" +\n        Find_max_rod1 +\n        \"\\nRod 2 Highest Score: \" +\n        Find_max_rod2\n    );\n    rod1_Score = 0;\n    rod2_Score = 0;\n    //Centerlize rod and ball\n    rod1.style.left = window.innerWidth / 2 - rod1.clientWidth / 2 + \"px\";\n    rod2.style.left = window.innerWidth / 2 - rod1.clientWidth / 2 + \"px\";\n  }\n\n  // when ball hit the right wall\n  else if (dimension_ball.right >= window.innerWidth) {\n    if (ball.classList[0] === \"animate-top-right\") {\n      // let audio = new Audio(\"ball_hit.wav\");\n      // audio.play(); // not work (***DOUBT***)\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-top-right\");\n      ball.classList.add(\"animate-top-left\");\n    } else if (ball.classList[0] === \"animate-bottom-right\") {\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-bottom-right\");\n      ball.classList.add(\"animate-bottom-left\");\n    }\n  }\n\n  // when ball hit the Left wall\n  else if (dimension_ball.left <= 0) {\n    if (ball.classList[0] === \"animate-top-left\") {\n      // let audio = new Audio(\"ball_hit.wav\");\n      // audio.play(); // not work (***DOUBT***)\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-top-left\");\n      ball.classList.add(\"animate-top-right\");\n    } else if (ball.classList[0] === \"animate-bottom-left\") {\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-bottom-left\");\n      ball.classList.add(\"animate-bottom-right\");\n    }\n  }\n\n  // when ball hit the Rod 1\n  else if (\n    dimension_rod1.bottom >= dimension_ball.top &&\n    dimension_ball.right >= dimension_rod1.left &&\n    dimension_ball.left <= dimension_rod1.right\n  ) {\n    if (ball.classList[0] === \"animate-top-right\") {\n      rod1_Score++;\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-top-right\");\n      ball.classList.add(\"animate-bottom-right\");\n    } else if (ball.classList[0] === \"animate-top-left\") {\n      rod1_Score++;\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-top-left\");\n      ball.classList.add(\"animate-bottom-left\");\n    }\n  }\n\n  // when ball hit the Rod2\n  else if (\n    dimension_rod2.top <= dimension_ball.bottom &&\n    dimension_ball.right >= dimension_rod1.left &&\n    dimension_ball.left <= dimension_rod1.right\n  ) {\n    if (ball.classList[0] === \"animate-bottom-right\") {\n      rod2_Score++;\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-bottom-right\");\n      ball.classList.add(\"animate-top-right\");\n    } else if (ball.classList[0] === \"animate-bottom-left\") {\n      rod2_Score++;\n      let audio = document.getElementById(\"audio\");\n      audio.play();\n      ball.classList.remove(\"animate-bottom-left\");\n      ball.classList.add(\"animate-top-left\");\n    }\n  }\n}\n//set_interval ftn end\n\n// set interval calling\nsetInterval(set_interval, 1); //1 milli seconds\n\n// event listner for key\nwindow.addEventListener(\"keydown\", move);\n\n//event listner function\nfunction move(event) {\n  let dimension_rod = rod1.getBoundingClientRect();\n  let keycode = event.keyCode;\n\n  //For move ball\n  if (keycode === 13 && gameStart === false) {\n    gameStart = true;\n    ball.classList.add(\"animate-bottom-right\");\n  }\n\n  //For move the rod\n  else if (keycode === 68 || keycode === 39) {\n    //in right direction\n    if (dimension_rod.left === window.innerWidth - rod1.clientWidth - 6) return; //or rod2.clientWidth\n    let dist = dimension_rod.left;\n    dist += 15;\n    rod1.style.left =\n      Math.min(dist, window.innerWidth - rod1.clientWidth - 6) + \"px\";\n    rod2.style.left =\n      Math.min(dist, window.innerWidth - rod1.clientWidth - 6) + \"px\";\n  } else if (keycode === 65 || keycode === 37) {\n    //in left direction\n    if (dimension_rod.left === 0) return;\n    let dist = dimension_rod.left;\n    dist -= 15;\n    rod1.style.left = Math.max(dist, 0) + \"px\";\n    rod2.style.left = Math.max(dist, 0) + \"px\";\n  }\n}\n"]}