I’m currently developing a browser-based game, but the issue lies in the fact that the same repetitive actions occur in each

Question

I’m currently developing a browser-based game, but the issue lies in the fact that the same repetitive actions occur in each

Creating a web-based game has been a challenge for me as the same sequence of events occurs in every round, leading to predictability and monotony. The issue lies in the lack of randomization, which is crucial for maintaining excitement and unpredictability in gameplay.

The concept behind the game (inspired by Russian roulette) involves a 1 in 6 chance of dying when pressing the button. Each player takes their turn, starting from the leftmost position and progressing towards the bottom left ball. If the shot value matches the loaded value when the trigger is pulled, the player dies. The objective is to survive until the end.

If you have a solution to address this problem, I would greatly appreciate it. As a beginner in game development, any guidance or explanation will be invaluable. Thank you for your assistance.

javascript html css

Answer 1

Answer №1

The issue lies in the initial assignment within your first if statement. You are continuously reassigning 'players' to 'balls.length', resulting in a consistent outcome.

var shot = (Math.floor(Math.random() * 6) + 1);
var loaded = (Math.floor(Math.random() * 6) + 1);
var players = 0;
var shootbtn = document.getElementById("shootbtn");
var tabletext = document.getElementById("tableP");
var lucktext = document.getElementById("tableluck");
var balls = document.getElementsByClassName('ball');
var won = document.getElementById("won");

shootbtn.addEventListener("click", shoot);

function shoot() {

  if (players === balls.length) { // There was a mistake here with a single '=' symbol, causing it to reassign instead of checking
    players = 0;
  }
  if (loaded == shot) {
    balls[players].remove();
    tabletext.currentTime = 0;
    tabletext.classList.add("ani");
    setTimeout(function() {
      tabletext.classList.remove("ani");
    }, 1001);
    shot = (Math.floor(Math.random() * 6) + 1);
    loaded = (Math.floor(Math.random() * 6) + 1);
    if (loaded > 6) {
      loaded = 1;
    }
    console.log('Game over');
  } else {
    lucktext.currentTime = 0;
    lucktext.classList.add("ani");
    setTimeout(function() {
      lucktext.classList.remove("ani");
    }, 1001);
    loaded = loaded + 1;
    if (loaded > 6) {
      loaded = 1;
    }
    console.log("You survived this round");
    players = players + 1;

  }
}

... (CSS and HTML code remains the same)

Answer 2

The issue lies in the initial assignment within your first if statement. You are continuously reassigning 'players' to 'balls.length', resulting in a consistent outcome.

var shot = (Math.floor(Math.random() * 6) + 1);
var loaded = (Math.floor(Math.random() * 6) + 1);
var players = 0;
var shootbtn = document.getElementById("shootbtn");
var tabletext = document.getElementById("tableP");
var lucktext = document.getElementById("tableluck");
var balls = document.getElementsByClassName('ball');
var won = document.getElementById("won");

shootbtn.addEventListener("click", shoot);

function shoot() {

  if (players === balls.length) { // There was a mistake here with a single '=' symbol, causing it to reassign instead of checking
    players = 0;
  }
  if (loaded == shot) {
    balls[players].remove();
    tabletext.currentTime = 0;
    tabletext.classList.add("ani");
    setTimeout(function() {
      tabletext.classList.remove("ani");
    }, 1001);
    shot = (Math.floor(Math.random() * 6) + 1);
    loaded = (Math.floor(Math.random() * 6) + 1);
    if (loaded > 6) {
      loaded = 1;
    }
    console.log('Game over');
  } else {
    lucktext.currentTime = 0;
    lucktext.classList.add("ani");
    setTimeout(function() {
      lucktext.classList.remove("ani");
    }, 1001);
    loaded = loaded + 1;
    if (loaded > 6) {
      loaded = 1;
    }
    console.log("You survived this round");
    players = players + 1;

  }
}

... (CSS and HTML code remains the same)

I’m currently developing a browser-based game, but the issue lies in the fact that the same repetitive actions occur in each

Answer №1

Similar questions

A guide on using jCrop to resize images to maintain aspect ratio

Experiencing an error while trying to implement a node.js server-side service through AngularJS. Encountering the error message: "Error: [$injector:nomod] Module ‘angularjsNode

Create a PHP script that directly sets a cookie based on user input from a

I'm having trouble setting up Stripe Elements in PHP. It seems like there's a communication issue between my PHP code and my JS

Revamping JSON structure by identifying id references

JavaScript loop to target a specific item

Experiencing difficulties transmitting the ® symbol via AJAX request

Enabling Autoplay for HTML Videos on Safari iOS 14.2

"Encountering a Heroku error due to an oversized cookie while using Express.js and

How can a string be transformed into a JavaScript Object without using JSON?

Display a pop-up video player when a button is clicked to watch multiple videos on a webpage utilizing jQuery/Javascript

Inquiring about monitoring a date object in AngularJS?

Transferring an array between Javascript and Django

Can you explain the distinction between using `yarn link` versus `npm link`?

clearing all input fields upon submission in React Native

What are the best ways to personalize the Ant Design table and pagination component?

What is the best way to understand and decipher this CSS code?

What is the best way to generate a fresh JSON object within a react hook function?

What is the best way to showcase images in a carousel using an image URL?

Attempting to pass an asynchronous initial state to the useReducer method is resulting in an undefined return value