JavaScript - Hi Everyone, How Do I Use A Code I Have For A Simple Game With An Image Map?

I am trying to create a simple shoot em up on java and it is due by tomorrow 5/2.

I need help making the gun I have created, shoot up to 10 bullets using the space bar. Also, I need some kind of either bullet countdown bar or something to show the shooter the number of bullets that he has left to shoot out of 10.

So far I have created the Ufo's that bounce around the screen randomly and the gun that moves along the bottom using the arrow keys. When a Ufo huts the gun the game ends and goes to a blank screen.

Here is what I have so far:

Code:

//Shoot.java 
import acm.graphics.*;
import acm.program.*; 
import java.awt.event.*;
import java.awt.*;
import acm.util.*;

public class Shoot extends GraphicsProgram
{
  public static final int APPLICATION_WIDTH = 800; 
  public static final int APPLICATION_HEIGHT = 500;
  
  final int AW=APPLICATION_WIDTH;
  final int AH=APPLICATION_HEIGHT;
  final int WAIT=5;
  final int MV_AMT=5;
  final int JUMP_AMT=100;
  final int U_SIZE=30;
  int xMove,yMove;
  
  UFO u1,u2,u3;
  
  
  public void init()
  {
   u1=new UFO();
   u2=new UFO();
   u3=new UFO();
   
   RandomGenerator rg= new RandomGenerator();
   int rand1= rg.nextInt(0,AW-50);
   int rand2= rg.nextInt(0,AW-75);
   int rand3= rg.nextInt(0,AW-100);
   
   add(u1,rand1,0);
   add(u2,rand2,0);
   add(u3,rand3,0);
    
   xMove=yMove=0;
   addKeyListeners();
  }//init
  
  public void keyPressed(KeyEvent e) 
  { 
    int key = e.getKeyCode( ); 
    
    if (key == KeyEvent.VK_RIGHT) 
    { xMove = MV_AMT ; } 
    
    else if (key == KeyEvent.VK_LEFT) 
    { xMove = -MV_AMT ; } 
  } //keyPressed
    
  public void run()
  { 
    RandomGenerator rg =new RandomGenerator();
    GRectangle u1Box, u2Box, u3Box, g1Box;
    
    int xMove1=1,xMove2=1,xMove3=1;
    int yMove1=1,yMove2=0,yMove3=1/4;
    
    boolean u1Done=false, u2Done=false, u3Done=false;
    
    
    GUN g1=new GUN();
    add(g1,300,480);
    xMove=yMove=0;
    addKeyListeners();
    
    waitForClick();
    
    
    
 
    while(true)
    {
      
      u1.move(xMove1,yMove1);
      u2.move(xMove2,yMove2);
      u3.move(xMove3,yMove3);
      
      u1Box=u1.getBounds();
      u2Box=u2.getBounds();
      u3Box=u3.getBounds();
      g1Box=g1.getBounds();
      
      
      pause(WAIT);
      g1.move(xMove,yMove);
      xMove=yMove=0;
      
      //intersections
      if(u1Box.intersects(g1Box)==true)
      {g1.setVisible(false);
      u1.setVisible(false);
      u2.setVisible(false);
      u3.setVisible(false);
      break;
      }
      if(u2Box.intersects(g1Box)==true)
      {g1.setVisible(false);
       u1.setVisible(false);
       u2.setVisible(false);
       u3.setVisible(false);
       break;
      }
      if(u3Box.intersects(g1Box)==true)
      {g1.setVisible(false);
       u1.setVisible(false);
       u2.setVisible(false);
       u3.setVisible(false);
       break;
      }
      
      //at top of window 
      if (u1.getY( ) == 0) 
      { yMove1 = -yMove1 ; } 
      if (u2.getY( ) == 0) 
      { yMove2 = -yMove2 ; } 
      if (u3.getY( ) == 0) 
      { yMove3 = -yMove3 ; } 
      
     //at left or right side 
      if ((u1.getX( ) <= 0) || (u1.getX( ) + U_SIZE >= AW)) 
      { xMove1 = -xMove1 ; } 
      if ((u2.getX( ) <= 0) || (u2.getX( ) + U_SIZE >= AW)) 
      { xMove2 = -xMove2 ; } 
      if ((u3.getX( ) <= 0) || (u3.getX( ) + U_SIZE >= AW)) 
      { xMove3 = -xMove3 ; }
     
     //at bottom of window
      if (u1.getY( ) == 450) 
      { yMove1 = -yMove1 ; } 
      if (u2.getY( ) == 450) 
      { yMove2 = -yMove2 ; } 
      if (u3.getY( ) == 450) 
      { yMove3 = -yMove3 ; } 
      
      
      
     
      
    }

  }
}

Thank you so much

Courtney

Okay I'm writing a JavaScript application that would prompt the user for a number between 0 and 2, generate a random number for the computer, then take that input and display two images (in this case two hands making rock, paper, or scissor symbols at each other) using an array, and displaying text indicating a win, draw, or loss. I'm having a lot of problems getting this to work as I am new to JavaScript and am wondering if anyone could help me fix this problem. I just want the input from the prompt AND the random number to translate to what in the array should be displayed and what text is then shown at the bottom. Any comments/advice/help is greatly appreciated! By the way for some reason it doesn't let the letters H T M L show up together so that is where the ellipses are showing up!


Code:

<script type = "text/javascript">
    selection = prompt("Enter 0 for rock, 1 for paper, and 2 for scissors")
    userChoice = parseInt(selection)



    arrayHolder = new Array();
    arrayHolder[0] = "rock.jpg";
    arrayHolder[1] = "paper.jpg";
    arrayHolder[2] = "scissors.jpg";
    compchoice = Math.floor(Math.random()*arrayHolder.length)
    


    
    function playGame(idholder1)
	  {
	    document.images["userpic"].src = arrayHolder[userchoice];
	    document.images["comppic"].src = arrayHolder[compchoice];
	    
	    if (userChoice == 0 && compchoice == 0)
	    {
	     document.getElementbyId(idholder1).innerHTML = "DRAW!"
	    }
	    else if (userChoice == 0 && compchoice == 1)
	    {
       document.getElementbyId(idholder1).innerHTML = "Paper beats Rock, you lose!"
	    }
	    else if (userChoice == 0 && compchoice == 2)
	    {
	     document.getElementbyId(idholder1).innerHTML = "Rock beats Scissors, you win!"
	    }
	    else if (userChoice == 1 && compchoice == 0)
	    {
       document.getElementbyId(idholder1).innerHTML = "Paper beats Rock, you win!"
	    }
	    else if (userChoice == 1 && compchoice == 1)
	    {
	     document.getElementbyId(idholder1).innerHTML = "Draw!"
	    }
	    else if (userChoice == 1 && compchoice == 2)
	    {
	     document.getElementbyId(idholder1).innerHTML = "Scissors beats Paper, you lose!"
	    }
	    else if (userChoice == 2 && compchoice == 0)
	    {
       document.getElementbyId(idholder1).innerHTML = "Rock beats Scissors, you lose!"
	    }
	    else if (userChoice == 2 && compchoice == 1)
	    {
	     document.getElementbyId(idholder1).innerHTML = "Scissors beat Paper, you win!"
	    }
	    else if (userChoice == 2 && compchoice == 2)
	    {
	     document.getElementbyId(idholder1).innerHTML = "Draw!"
	    }
	    
	  }
	
	
	</script>
</head>
<body>
<p>
<center><img src="rock.jpg" width="197" height="171" alt="rock" id="userpic" /><img src="paper.jpg" width="210" height="95" id="comppic" /><br />

<h1 id="gametext" onLoad="playGame('gametext')">ROCK PAPER SCISSORS SHOOT!</h1></center>

</p>

I'm developing a simple game that involves a system of interconnected nodes with unidirectional travel between nodes (similar to the circulation system!). The goal of the game is to get from a starting node to an ending node, which can be a variable number of nodes away.

The program picks a random starting point, then randomly chooses one of its connecting nodes (cNodes) and pushes it onto a pathArray. A cNode is randomly chosen from this new node and it is pushed onto the pathArray. This continues for a designated number of turns, thus generating a pathArray (invisible to the player). The last element in the pathArray is the endNode and the goal of the puzzle.

At each node the player is given two options of travel (though there may be more than two ways to go). One of these options MUST be the correct way if the player has not deviated from the path up until that point. If the player has deviated, this option can be any cNode. The other node is any cNode that does not lead to the endNode.

The following code contains a simplified list of nodes that represents the content in my game. The function, however, is taken word for word. In this snippet, the pathArray & startNode have already been generated and I am trying to resolve how to assign "nodeChoice" as either the correct direction of travel (for a player on the correct path) or any random cNode (for a player who has deviated from the path). Keep in mind that the pathArray and cNodes lengths can be any size.

Code:

<script>

//NODES:
var nodeA = {name:"A"};
var nodeB = {name:"B"};
var nodeC = {name:"C"};
var nodeD = {name:"D"};
var nodeE = {name:"E"};
var nodeF = {name:"F"};
var nodeG = {name:"G"};
var nodeH = {name:"H"};
var nodeI = {name:"I"};
var nodeJ = {name:"J"};
var nodeK = {name:"K"};
//An array of all nodes in the system:
var systemArray = [nodeA, nodeB, nodeC, nodeD, nodeE, nodeF, nodeG, nodeH, nodeI, nodeJ, nodeK];

//Connecting Nodes (cNodes):
//(uni-directional, but cyclical)
nodeA.cNodes = [nodeB, nodeC];
nodeB.cNodes = [nodeD, nodeE, nodeF];
nodeC.cNodes = [nodeF, nodeG];
nodeD.cNodes = [nodeI, nodeH];
nodeE.cNodes = [nodeJ];
nodeF.cNodes = [nodeK];
nodeG.cNodes = [nodeK];
nodeJ.cNodes = [nodeA];
nodeK.cNodes = [nodeA];
nodeI.cNodes = [nodeA];
nodeH.cNodes = [nodeA];

//The path chosen (generated from code not included here)
var pathArray = [nodeA, nodeB, nodeE, nodeJ];

//nodeChoice will represent a cNode from any given node
var nodeChoice;

//chooseNode is supposed to assign nodeChoice the next element in pathArray if the player on on the right path (if at nodeB, nodeChoice = nodeE).
//However, if the user has taken a different path, its cNodes will not be in pathArray in which case a random cNode is assigned to nodeChoice
function chooseNode(_node) {
	//check each cNode to see if any are in pathArray
	for (var j = 0; j < _node.cNodes.length; j++) {
		//if a cNode is in pathArray, then we know to assign it nodeChoice...
		if (_node.cNodes[j] in pathArray) {
			nodeChoice = _node.cNodes[j];
			console.log("choiceNode CORRECT: " + nodeChoice.name); //(for debugging purposes only)
		}
		//...otherwise don't do anything in this forLoop/ifStatement
	};
	//if by this point nodeChoice is still undefined, meaning none of the current node's cNodes are in pathArray, assign it any one of its cNodes.
	if (nodeChoice == undefined) {
		nodeChoice = _node.cNodes[Math.floor(Math.random()* _node.cNodes.length)];
			console.log("choiceNode INCORRECT: " + nodeChoice.name);//(for debugging purposes only)
	};	
};

//Runtime:

chooseNode(nodeB);
//Result should be only nodeE.name since nodeD is not in the pathArray...
console.log(nodeChoice.name);

</script>

...however, nodeChoice is assigned either D, E or F randomly and we are given the troubleshooting statement "choiceNode INCORRECT: D (or) E (or) F", indicating that the if-in statement is always ignored.

I know that the if-in statement doesn't work but am not sure how else to write it so that each cNode is compared the each element in pathArray, both of which can be of variable lengths...

Hi everyone, I was wondering if anyone could help me figure out how to overlay a javascript game with buttons and such onto a background image? Let me know if that's too vague a description.