Teknologi 3D pada Halaman WEB: MEMBUAT OBJEK BERPUTAR MENGELILINGI GARIS LINGKARAN

Rabu, 10 Februari 2010

MEMBUAT OBJEK BERPUTAR MENGELILINGI GARIS LINGKARAN

HAPUS DULU TAG BR / SEBELUM MENGGUNAKAN KODE DI BAWAH INI

<br /><html>
<br /><body bgcolor=blue>
<br /><button id=b1 style="position:absolute;left:0;top:0;z-index:2">satu</button>
<br /><button id=b2 style="position:absolute;left:0;top:0;z-index:2">dua</button>
<br /><button id=b3 style="position:absolute;left:0;top:0;z-index:2">tiga</button>
<br /><button id=b4 style="position:absolute;left:0;top:0;z-index:2">empat</button>
<br /><button id=b5 style="position:absolute;left:0;top:0;z-index:2">lima</button>
<br /><button id=b6 style="position:absolute;left:0;top:0;z-index:2">enam</button>
<br /><script language="javascript">
<br />var posisi;
<br />var ra=100;
<br />var rb=100;
<br />var pi=Math.PI;
<br />var inc=pi/180;
<br />var b1=document.all.b1.style;
<br />var b2=document.all.b2.style;
<br />var b3=document.all.b3.style;
<br />var b4=document.all.b4.style;
<br />var b5=document.all.b5.style;
<br />var b6=document.all.b6.style;
<br />var obj;
<br />obj=new Array(b1,b2,b3,b4,b5,b6);
<br />posisi=new Array();
<br />posisi[0]=0;
<br />for(var i=1;i<obj.length;i++)
<br />{
<br />posisi[i]=parseFloat(posisi[i-1]+((2*pi)/obj.length));
<br />}
<br />function rotasi()
<br />{
<br />for(var i=0;i<posisi.length;i++)
<br />{
<br />posisi[i]+=inc;
<br />obj[i].left=(ra*Math.cos(posisi[i]))+450;
<br />obj[i].top=(rb*Math.sin(posisi[i]))+165;
<br />obj.visibility="visible";
<br />}
<br />wakturotasi=window.setTimeout("rotasi()",50);
<br />}
<br />rotasi();
<br /></script>
<br /></body>
<br /></html>
<br />

Tidak ada komentar:

Posting Komentar