liamalexander.com :: online lessons

back to games index

Shoot the Teacher

Get the code for a simple javascript game. In this example 'rocket blaster has been used.
click inside this box, select all, copy the code, follow the instructions to install.
click here to download the images (zip file)

select & copy
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> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <META name="description" content="Alexander's multimedia & technology resources"> <META name="keywords" content="tutorials, lessons, online lessons, teaching, computing, technology, technology education, computer, computers, computer education, alexander, liamalexander, liamalexander.com, web design, graphics, web graphics, music theory, charts, free charts, free jazz charts, free jazz sheet music, sheet music, realbook, realbook online, music, jazz, blues, swing, pop, reggae, rock, country, mp3, mp3s, free mp3s, audio, forum, technology forum, discussion forum, local news, podcast, podcasts, technology, information technology, gallery, graphics, images, free images, animation, gif, gifs, animated gifs, australia, nsw, schools, high schools, kogarah, kogarah high, kogarah high school"> <META content="S Alexander Kogarah High" name=author> <META name="copyright" "Copyright (c) 2007 by S Alexander"> <META http-equiv=expires content=0> <META name=ROBOTS content=INDEX,FOLLOW> <META content=Global name=distribution>  <style type = "text/css"> .basic {position:absolute; visibility:visible; top:-3000px;} </style> <SCRIPT LANGUAGE="JavaScript">      </script> <link rel="alternate" type="application/rss+xml" title="liamalexander.com what's new?" href="http://www.liamalexander.com/feeds/whats_new.xml" /> </head><body bgcolor="#009090"> <script language="JavaScript"> 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> <link rel="alternate" type="application/rss+xml" title="liamalexander.com what's new?" href="http://www.liamalexander.com/feeds/whats_new.xml" /> </head> <BODY> <center> <form name="open-rockets"> <input type=button value="Play Rocket Blaster" onClick="window.open('rocket-blaster.html','rocketblaster','top=100,left=100,width=550,height=350');"> </form> </center>   <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> 

*Alternatively: Get the game code » here from the javascript source.
*Many more game codes are available from this site: http://javascript.internet.com/games
Follow the instructions that come with the game code. Paste the necessary codes into the relevant sections of your web page.
Create new images in a graphics editor and save them to the images folder used by the game. Name the image files to the same names as the original images. (e.g. rocket.gif). When prompted to overwrite the orginal image files, choose yes.
That's it! Of course, your images must be similar in size to the original images or they won't display properly. This technique can be applied to any game that uses images, and also other items such as web templates. Much easier than modifying code.
» CLICK HERE to play 'shoot the teacher'

comments