編寫飛行游戲時候能用到的JS效果

2024-09-05 12:20:59

字體：大中小

來源：轉載

供稿：網友

編寫飛行游戲時候能用到的JS效果，按開始按鈕,頁面上會有飛機按著固定的航線飛行……

<html><head><title>path</title><style>.5{font-size:25;}.30pt{font-size:50;color:#ff66cc}</style></head><body><div   class="70qarhlowxag"   id=Item1 style="position: absolute; left: 0; top: 0;"><font face=wingdings class=5 color=red>Q</font></div><div   class="70qarhlowxag"   id=Item2 style="position: absolute; left: 0; top: 0;"><font face=wingdings class=5 color=#0099CC>Q</font></div><div   class="70qarhlowxag"   id=Item3 style="position: absolute; left: 0; top: 0;"><font face=wingdings class=5 color=#CC0099>Q</font></div><div   class="70qarhlowxag"   id=Item4 style="position: absolute; left: 0; top: 0;"><font face=wingdings class=5 color=#BBB7F4>Q</font></div><div   class="70qarhlowxag"   id=Item5 style="position: absolute; left: 0; top: 0;"><font face=wingdings class=5 color=#003084>Q</font></div><div   class="70qarhlowxag"   id=Item6 style="position: absolute; left: 0; top: 0;"><font face=wingdings class=5 color=#9999ff>Q</font></div><input type=button value="開始" onclick="runWaypoint(Item1, 0, 1); runWaypoint(Item2, 0, 1);"><div   class="70qarhlowxag"   id=Debug></div><div style="position: absolute; left: 0; top:300;"><font class=30pt>按開始按鈕,頁面上會有飛機按著固定的航線飛行.....</font></div><script src="htmlpath.js"></script><script>var tickDuration;tickDuration = 50;var activeObjectCount;var activeObjects;var itemDeactivated;var tickGeneration;activeObjects = new Array();activeObjectCount = 0;timerRefcount = 0;itemDeactivated = false;tickGeneration = 0;function initializePath(e) { e.waypointX = new Array(); e.waypointY = new Array(); e.duration = new Array();}function addWaypoint(e, number, x, y, duration) { e.waypointX[number] = x; e.waypointY[number] = y; e.duration[number] = duration;}function compact() {  var i, n, c;  n = new Array();  c = 0;  itemDeactivated = false;  for (i=0; i e.ticks) {    e.active = false;    itemDeactivated = true;    if (e.onpathcomplete != null) {       window.pathElement = e;       e.onpathcomplete()    }  }}initializePath(Item1);initializePath(Item2);initializePath(Item3);initializePath(Item4);initializePath(Item5);initializePath(Item6);addWaypoint(Item1, 0, 0, 0, 0);addWaypoint(Item1, 1, 200, 200, 2000);addWaypoint(Item2, 0, 100, 100, 0);addWaypoint(Item2, 1, 400, 100, 4000);addWaypoint(Item3, 0, 400, 400, 0);addWaypoint(Item3, 1, 200, 100, 1000);addWaypoint(Item4, 0, 0, 0, 0);addWaypoint(Item4, 1, 200, 200, 2000);addWaypoint(Item5, 0, 100, 100, 0);addWaypoint(Item5, 1, 400, 100, 4000);addWaypoint(Item6, 0, 400, 400, 0);addWaypoint(Item6, 1, 200, 100, 1000);function endfunction() {  runWaypoint(Item3, 0, 1);  runWaypoint(Item4, 0, 1);  runWaypoint(Item5, 0, 1);  runWaypoint(Item6, 0, 1);}function endfunction2() {  runWaypoint(Item1, 0, 1);}Item1.onpathcomplete = endfunction;Item6.onpathcomplete = endfunction2;</script></body></html>

上一篇：JavaScript碰壁反彈效果代碼

下一篇：打磚塊網頁游戲JavaScript代碼