HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

permainan | melantunkan bola

Klik, gerakkan bola hingga ke penjuru atas skrin dan lepaskannya.
skrip asal boleh dilihat di: useractive.com

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai lantun.html.

<hmtl>
<script language=javascript> 
    
       whereball=0;
       t=0; 
       T = new Array(); //time discrete
       V = new Array(); //velocity discrete
       B=300; //initial height
       var C = 36;
       L=70; //initial horozontal velocity
   
       g=270; //gravity
       a=0;
       f=.78; //friction
       T[0] = 0;
       T[1] = Math.pow(2*g*B,.5)/g;
       var n = 1;
       V[0] = 0; //initial verticle velocity
       V[1] = f*g*T[1];    
       notgrabbed = true;
       s=100;
       q=0;
D=1;
s = .1;

reflect = false;

D=1;
nav = document.layers;
        IE4 = document.all;

isNav4 = (nav) ? true : false;
        isIE4 = (IE4) ? true : false;

if(isNav4){

function allobj(ID){

this.style = document.layers[ID];            
               }
        document.all = new Array(); 
         }

function catchEvent(id,event_type,function_name){

if (isNav4){
             event_to_capture = "Event." + event_type.toUpperCase();
             
             if(id=="document"){
             dom = document;
              eval("document.captureEvents(" + event_to_capture + ")");

}else{ 
                
        
                dom = document.layers[id];
                eval("document.layers['" + id + "'].captureEvents(" + event_to_capture + ")");
              
             }
        }
        else if(isIE4){

if(id == "document"){

dom = document;
        }else{
               dom = document.all[id];

}
        }
                temp_event = "on" + event_type.toLowerCase();
                dom[temp_event] = eval(function_name);

}

function letgoEvent(id,event_type,function_name){

if (isNav4){

dom = document.layers[id];
               
        }
        else if(isIE4){

dom = document.all[id];
        }
                temp_event = "on" + event_type.toLowerCase();
                dom[temp_event] = null;
        }

var X;
var Y;
 M = 1;          
var obj;   
var canmove=false;
        
function dragenable(id){

catchEvent(id,"mousedown","mousestart");
   catchEvent("document","mousemove","mousemoving");
   catchEvent("document","mouseup","mouseend");
}

function mousestart(e) {
  canmove=true;
  notgrabbed=false;
if (isNav4) {

place = e.target.name.indexOf("1");
     layername = e.target.name.substring(0,place);
  
     obj = document.layers[layername];
     
      X=e.x;
      Y=e.y;
      return false;
  
     
  }else {

obj = event.srcElement.parentElement.style;
     X=event.offsetX;
     Y=event.offsetY;
   }
}

horveloc = 0;
verveloc = 0;
setting=false;
function fart(){}
tee = .15;
function mousemoving(e) {
  if (obj && canmove) {
 setting=true;
    if (isNav4) {

oldcoordsX = obj.pageX - X;
    oldcoordsY = obj.pageY - Y;
    
     obj.moveTo((e.pageX - X), (e.pageY - Y));

newcoordsX =obj.pageX - X;
    newcoordsY =obj.pageY - Y;

horveloc= (newcoordsX - oldcoordsX)/tee;
verveloc= -(newcoordsY - oldcoordsY)/(tee);

}
   else {

oldcoordsX = obj.clientX - X + document.body.scrollLeft -100;
    oldcoordsY = obj.clientY - Y + document.body.scrollTop;

obj.pixelLeft = event.clientX-X + document.body.scrollLeft;
      obj.pixelTop = event.clientY-Y + document.body.scrollTop;
       return false;

newcoordsX = setTimeout("newcoorX()",500);
     newcoordsY = setTimeout("newcoorY()",500);
    //newcoordsX = obj.pixelLeft;
    //newcoordsY = obj.clientY - Y + document.body.scrollTop;

horveloc= (newcoordsX - oldcoordsX)/tee;
verveloc= -(newcoordsY - oldcoordsY)/(tee);
M = -M;
      
             }
   }
}

function newcoorX(){

if(M==1){
coords = obj.clientX - X + document.body.scrollTop;
return coords;
}
}

function newcoorY(){

if(M==1){
coords = obj.clientY - Y + document.body.scrollTop;
return coords;
}
}

function mouseend(e) {
canmove = false;  
obj = null;

if(setting){
                  
notgrabbed = true;
n = 1;

if(isIE4){
temptop = document.all['earth'].style.top.substring(0,document.all['earth'].style.top.length - 2);
templeft = document.all['earth'].style.left.substring(0,document.all['earth'].style.left.length - 2);
     
}else{

temptop = document.all['earth'].style.top; 
templeft = document.all['earth'].style.left;

}

B = K - temptop;
C =  templeft;

L = horveloc;
V[0] = verveloc;
t = 0;
q = 0;
T[0] = 0;

T[1] =  (-V[0] + Math.pow(2*g*B + Math.pow(V[0],2),.5))/g;

V[1] = g*T[1] + V[0];

D = 1;

s = 0;
doit();
setting=false;
}

}

function doit(){

if(((whereball <= ending - 20) && (whereball >= 0)) || (reflect == true)){

if( V[n] >= s && notgrabbed){

if( t + B<=T[n] && notgrabbed){  
     temp = -(-.5*g*Math.pow(t - T[n-1],2) + V[n-1]*Math.abs(t - T[n-1]) + B) + K - 33;
      document.all["earth"].style.top = temp;        
      document.all["earth"].style.left = D*L*q + C;
      t = t +  .15;
      q = q +  .15;
    
       if (navigator.appName=="Microsoft Internet Explorer") {
             left = document.all['earth'].style.left.substring(0,document.all['earth'].style.left.length - 2);
             whereball = parseInt(left);
       }else{

whereball=document.all['earth'].style.left; 
      } 
     setTimeout('doit()',20);
   
   }else if(notgrabbed){      
     n = n+1;
      t =T[n-1];
      
      T[n] = V[n-1]/g +  Math.sqrt(Math.pow(V[n-1],2))/g + T[n-1];
      V[n] = f*V[n-1];   
      L = .99*L; 
         if (navigator.appName=="Microsoft Internet Explorer") {
             left = document.all['earth'].style.left.substring(0,document.all['earth'].style.left.length - 2);
             whereball = parseInt(left);
        }else{

whereball=document.all['earth'].style.left; 
        }
  
      B = 0;
      notgrabbed = true;

setTimeout('doit()',20);
      setTimeout('changesign()',300);
   }
}
  }else if(reflect==false){

D = 0 - D;

reflect = true;

q = 0;
C = whereball;

setTimeout("doit()",10);
  }

}

thisOS = navigator.appVersion;
  itsokay = false;

if (navigator.appVersion.indexOf("4.") >= 0||navigator.appVersion.indexOf("5.") >= 0){

itsokay = true;

}

function changesign(){

reflect = false;
s = .1;
}

function okay(){

if(itsokay){

setTimeout("init()",900);
setTimeout("doit()",1200);

}

function grabbed(){

notgrabbed = false;

}
</script>
<body onload = setTimeout("okay()",50);> 
<div id=earth style="position:absolute; top:-90; left:40;">
<img src="Gambar/ball.gif" name=earth1>
</div> 
<script language="javascript">
if(itsokay){
      if(navigator.appName == "Netscape"){
       var K = window.innerHeight;
      var  ending = window.innerWidth;
}else if(navigator.appName=="Microsoft Internet Explorer"){

var K = document.body.clientHeight;
    var ending = document.body.clientWidth;

}
}
     
setTimeout("dragenable('earth')",1000); 
</script>

</body>
</html>

Pindahturun gambar berikut (letakkan kursor pada gambar,klik kanan dan pilih Save Picture As) dan simpan di dalam folder bernama Gambar.