Rocket Blaster

Brian Gosselin Sep 9, 2000

Use your mouse to aim and shoot at rockets that fly across the screen. It may require some practice timing the shots to compensate for the distances. Interestingly, the game never ends -- just play as long as you want. Sweet!

Images Needed (Zip File)

The JavaScript Source: Games: Rocket Blaster

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

<!-- THREE STEPS TO INSTALL ROCKET BLASTER:

1.  Save the entire first HTML page as rocket-blaster.html
  2.  Paste the second code into your page to open the game
  3.  Download the game images and upload them to your server  -->

<html>
<head>
<style type = "text/css">
.basic {position:absolute; visibility:visible; top:-3000px;}
</style>

<!-- Begin
var yoffset = 20; // pixels from top

function getkeypress(keypress) {
keyp = (isNS) ? keypress.which : window.event.keyCode;
if (keyp == 32)showstat();
return false;
}
if (isNS) window.captureEvents(Event.KEYPRESS);
if (isNS) document.captureEvents(Event.KEYPRESS);
window.onkeypress = getkeypress;
document.onkeypress = getkeypress;

if (isNS) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = movetarget;

if (isNS) document.captureEvents(Event.MOUSEDOWN);
if (isNS) window.captureEvents(Event.MOUSEDOWN);
document.onmousedown = fire;
window.onmousedown = fire;

window.onload = init;
// End -->
</script>
</head>
<body bgcolor="#009090">

var basic = 'visibility="visible" width="60" top="-3000" height="15"';
var txt = '';
if (isNS) {
txt += '<layer name="outer" visibility="visible" width="500">';
txt += '<layer name="target" visibility="hidden" z-index="12"><img src="target.gif"></layer>';
txt += '<layer name="field"  visibility="hidden" bgcolor="black" z-index="1" width="500" height="300"></layer>';
txt += '<layer name="explosion" '+basic+'z-index="11"><img src="explosion.gif"></layer>';
txt += '<layer name="rocket1" '+basic+'left="-460" z-index="4"><img src="rocket.gif"></layer>';
txt += '<layer name="rocket2" '+basic+'left="-380" z-index="5"><img src="rocket.gif"></layer>';
txt += '<layer name="rocket3" '+basic+'left="-300" z-index="6"><img src="rocket.gif"></layer>';
txt += '<layer name="rocket4" '+basic+'left="-220" z-index="7"><img src="rocket.gif"></layer>';
txt += '<layer name="rocket5" '+basic+'left="-140" z-index="8"><img src="rocket.gif"></layer>';
txt += '<layer name="rocket6" '+basic+'left="-60" z-index="9"><img src="rocket.gif"></layer>';
txt += '<layer name="bullet" visibility="visible" width="10" top="-3000" height="10" bgcolor="white" z-index="10"></layer>';
txt += '</layer>';
}
else {
txt += '<div id="outer" style="position:absolute; width:600px; height:300px">';
txt += '<div id="field" style="position:absolute; top:0px; left:0px; visibility:hidden; width:500px; height:300px; z-index:2; background-color:black;"></div>';
txt += '<div id="target" style="position:absolute; visibility:hidden; z-index:12"><img src="target.gif"></div>';
txt += '<div id="explosion" style="z-index:11;" class="basic"><img src="explosion.gif"></div>';
txt += '<div id="rocket1" style="left:-460px; z-index:4" class="basic"><img src="rocket.gif"></div>';
txt += '<div id="rocket2" style="left:-380px; z-index:5" class="basic"><img src="rocket.gif"></div>';
txt += '<div id="rocket3" style="left:-300px; z-index:6" class="basic"><img src="rocket.gif"></div>';
txt += '<div id="rocket4" style="left:-220px; z-index:7" class="basic"><img src="rocket.gif"></div>';
txt += '<div id="rocket5" style="left:-140px; z-index:8" class="basic"><img src="rocket.gif"></div>';
txt += '<div id="rocket6" style="left:-60px; z-index:9" class="basic"><img src="rocket.gif"></div>';
txt += '<div id="bullet" style="z-index:10; background-color:white; width:10px; height:10px; font-size:1px;" class="basic"></div>';
txt += '</div>';
}
document.write(txt);
// End -->
</script>
</body>
</html>
</HEAD>

<BODY>

<p><center>
<font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Rocket Blaster

Leave a Response

Attention JavaScript Coders

Go Deeper