Shooting Gallery

Use the bow & arrow to shooting gun the balloons... but NOT the animals.

Over 2000+ free Javascript

at JavaScriptBank.com Website

Sampled by JavaScriptBank.com

Instructions

1: Copy and paste the following script in the HEAD section of your page:
Select all...

var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var inflight, colatrel, tmt, colatarcher, oldcolatarcher, isHit, tmp;
var cntr, cntr2, points;
var targets=[2,2,2,2,2,2,2,2,2,2];
var images=new Array();
for(a=0;a<7;a++){
images[a]=new Image(); images[a].src="pic"+a+".gif";
}

function startscroll(){
updatepos();
cntr++;
for(q=10;q>=1;q--){
targets[q]=targets[q-1];
d['cr_'+q+0].src="pic"+targets[q-1]+".gif";
}
targets[0]=Math.floor(Math.random()*4+2)
d.cr_00.src="pic"+targets[0]+".gif";
}

function shootarrow(){
if(!inflight){
inflight=true;
cntr2=8;
d['cr_'+colatrel+8].src="pic0.gif";
d['cr_'+colatarcher+9].src="pic6.gif";
setTimeout('fly()',10);
}}

function movearrow(left){
if(left){
if(colatarcher!=0)colatarcher--;
}else{
if(colatarcher!=10)colatarcher++;
}
updatepos();
}

function updatepos(){
d['cr_'+oldcolatarcher+9].src="pic2.gif";
tmp=(inflight)?6:1;
d['cr_'+colatarcher+9].src="pic"+tmp+".gif";
oldcolatarcher=colatarcher;
if(!inflight)colatrel=colatarcher;
}

function showtext(text){
clearTimeout(tmt);
document.f.t2.value=text;
tmt=setTimeout('document.f.t2.value="Shoot the balloons..."', 2000);
}

function showkey(keypress){
wk=(ie4||ie5)?event.keyCode:keypress.which;
switch(wk){
case 52: movearrow(true);
break;
case 54: movearrow(false);
break;
case 32: shootarrow();
break;
}
return false;
}

window.onload=function(){
d=document.images;
points=0;
cntr2=0;
inflight=false;
colatrel=5;
colatarcher=5;
oldcolatarcher=5;
d.cr_59.src="pic1.gif";
if(ns4)document.captureEvents(Event.KEYPRESS);
document.onkeypress=showkey;
alert('INSTRUCTIONS:\n\n- Make sure your Numlock is on.\n- Use the numberpad arrow (or 4 and 6) keys to move the archer.\n- Use the spacebar to fire the arrow.\n- Try to aim for the balloons only.\n- If you hit a balloon, you gain 1 point.\n- If you hit nothing, you lose 1 point.\n- If you hit an animal, you lose 2 points.'+((ns6)?'\nFor NS6 users, click the document with the mouse first.':''));
setInterval('startscroll()',350);
}

</script>

2: Copy and paste the following javascript and HTML in the BODY section of your page:
Select all...