html5 網頁游戲論文,JavaScript編寫的網頁小游戲，很給力

以下為游戲代碼：

var timerID = null;

var INT = 40;

var loadFLG = 0;

var gameFLG = 0;

var missFLG = 0;

var tim = 0;

var blcol = new Array(5); // block color

var blsta = new Array(40); // block status

var blNO = new Array(40); // block No

var blclr = 0; // clear block

var ballX = 0; // ball data

var ballY = 0;

var ballN = 5;

var ballDX = 0;

var ballDY = 0;

var tmpRL = 193;

var X = 0;

blcol[0] = "blue";

blcol[1] = "yello";

blcol[2] = "red";

blcol[3] = "purple";

blcol[4] = "#FF0000";

blcol[5] = "black";

function mainF() {

clearTimeout(timerID);

tim = tim + 1;

with (Math) {

tmptim = floor(tim / 10)};

document.forms[0].TM.value = tmptim;

ballX = ballX + ballDX;

ballY = ballY + ballDY;

outCHK();

blkCHK();

ball.style.posTop = ballY;

ball.style.posLeft = ballX;

racket.style.posLeft = tmpRL;

if (gameFLG == 01) {

timerID = setTimeout("mainF()", INT);

}

}

function initG() {

if (blclr >= 40) {

blclr = 0;

tim = 0;

ballN = 3;

with (Math) {

tmptim = floor(tim / 10);

}

document.forms[0].TM.value = tmptim;

clrmes.style.posTop = -1000;

clrmes.style.posLeft = -1000;

ovrmes.style.posTop = -1000;

ovrmes.style.posLeft = -1000;

for (ib = 0; ib < 5; ib++) {

for (ia = 0; ia < 8; ia++) {

chc(ib * 8 + ia +1, ib);

blsta[ib * 8 + ia] = ib;

}

}

}

document.forms[0].BL.value = ballN;

starter.style.posTop = -1000;

starter.style.posLeft = -1000;

gameFLG = 1;

loadFLG = 1;

ballX = 209;

ballY = 270;

ballDX =- 8;

ballDY =- 8;

tmpRL = 193;

missFLG = 0;

timerID = setTimeout("mainF()", INT);

}

function SUP() {

UP.outerHTML = "

SPEED DOWN
";

DN.style.posTop = 170;

DN.style.posLeft = 432;

INT = 40;

}

function SDN() {

DN.outerHTML = "

SPEED UP
";

UP.style.posTop = 170;

UP.style.posLeft = 432;

INT = 50;

}

function MouseMv() {

if (loadFLG == 1) {

tmpRL = X - 20;

if (tmpRL < 16) { tmpRL = 16; }

if (tmpRL > 370) { tmpRL = 370; }

}

}

function outCHK() {

if (ballX < 16){ ballX = 32 - ballX; ballDX = -ballDX; }

if (ballX > 401){ ballX = 802 - ballX; ballDX = -ballDX; }

if (ballY < 16){ ballY = 32 - ballY; ballDY = -ballDY; }

if (ballY >= 272) {

if (missFLG == 0) {

tmpX = (ballDX / ballDY) * (272 - ballY) + ballX;

if (tmpX >= tmpRL - 12) {

if (tmpX <= tmpRL + 42) {

ballY = 272; ballDY = -ballDY;

ballX = tmpX;

ballRD = tmpX - tmpRL;

with (Math){ ballDX = 8 * abs(ballDX) / ballDX; }

if (ballRD < -4){ ballDX = -15; }

if (ballRD > 36){ ballDX = 15; }

if (ballRD >= 14){ if (ballRD <= 16) { ballDX = -2; } }

if (ballRD >= 17){ if (ballRD <= 20) { ballDX = 2; } }

if (ballRD >= 0){ if (ballRD <= 4) { ballDX = -4; } }

if (ballRD >= 28){ if (ballRD <= 32) { ballDX = 4; } }

if (ballRD >= -4){ if (ballRD <= -1) { ballDX = -11; } }

if (ballRD >= 33){ if (ballRD <= 36) { ballDX = 11; } }

}

}

if (ballDY > 0){ missFLG = 1; }

}

else {

if (ballY > 290){ missFLG = 0; ballN = ballN - 1; gameEnd(); }

}

}

}

function blkCHK() {

tmpY = ballY + 4;

tmpX = ballX + 4;

if (tmpY >= 48) {

if (tmpY <= 147) {

if (tmpX >= 29) {

if (tmpX <= 396) {

with (Math) {

ia = floor((tmpX - 29) / 46);

ib = floor((tmpY - 48) / 20);

ic = ib * 8 + ia;

}

if (blsta[ic] <= 4) {

tmpbc = blsta[ic] + 1;

blsta[ic] = tmpbc;

chc(ic + 1, tmpbc);

if (tmpbc == 5){ blclr = blclr + 1; }

if (blclr >= 40){ gameEnd(); }

if (ballDX > 0) {

iy=(ballDY / ballDX) * (29 + 46 * ia - tmpX) + tmpY;

if (iy > 48 + 20 * ib + 18) {

tmpY1 = 48 + 20 * ib + 18;

tmpX1 = (ballDX / ballDY) * (48 + 20 * ib + 18 - tmpY) + tmpX;

ballX = tmpX1 - 4;

ballY = tmpY1 - 4;

ballDY = -ballDY;

}

else {

if (iy < 44 + 20 * ib) {

tmpY1 = 48 + 20 * ib;

tmpX1 = (ballDX / ballDY) * (48 + 20 * ib - tmpY) + tmpX;

ballX = tmpX1 - 4;

ballY = tmpY1 - 4;

ballDY = -ballDY;

}

else {

tmpX1 = 29 + 46 * ia;

tmpY1 = (ballDY / ballDX) * (29 + 46 * ia - tmpX) + tmpY;

ballX = tmpX1 - 4;

ballY = tmpY1 - 4;

ballDX = -ballDX;

}

}

}

else {

iy = (ballDY / ballDX) * (29+46 * ia + 44 - tmpX) + tmpY;

if (iy > 48 + 20 * ib + 18) {

tmpY1 = 48 + 20 * ib + 18;

tmpX1 = (ballDX / ballDY) * (48 + 20 * ib + 18 - tmpY) + tmpX;

ballX = tmpX1 - 4;

ballY = tmpY1 - 4;

ballDY = -ballDY;

}

else {

if (iy < 44 + 20 * ib) {

tmpY1 = 48 + 20 * ib;

tmpX1 = (ballDX / ballDY) * (48 + 20 * ib - tmpY) + tmpX;

ballX = tmpX1 - 4;

ballY = tmpY1 - 4;

ballDY = -ballDY;

}

else {

tmpX1 = 29+46 * ia + 44;

tmpY1 = (ballDY / ballDX) * (29 + 46 * ia + 44 - tmpX) + tmpY;

ballX = tmpX1 - 4;

ballY = tmpY1 - 4;

ballDX = -ballDX;

}

}

}

}

}

}

}

}

}

function gameEnd() {

document.forms[0].BL.value = ballN;

gameFLG = 0;

loadFLG = 0;

starter.style.posTop = 200;

starter.style.posLeft = 180;

if (blclr >= 40) {

clrmes.style.posTop = 150;

clrmes.style.posLeft = 160;

}

if (ballN <= 0) {

ovrmes.style.posTop = 150;

ovrmes.style.posLeft = 160;

blclr = 40;

}

}

function onLD() {

bgIE.style.posTop = 16;

bgIE.style.posLeft = 16;

ball.style.posTop = 270;

ball.style.posLeft = 209;

racket.style.posTop = 280;

racket.style.posLeft = 193;

info.style.posTop = 16;

info.style.posLeft = 432;

starter.style.posTop = -1000;

starter.style.posLeft = -1000;

clrmes.style.posTop = -1000;

clrmes.style.posLeft = -1000;

ovrmes.style.posTop = -1000;

ovrmes.style.posLeft = -1000;

DN.style.posTop = 170;

DN.style.posLeft = 432;

for (ib = 0; ib < 5; ib++) {

for (ia = 0; ia < 8; ia++) {

blsta[ib * 8 + ia] = ib;

}

}

starter.style.posTop = 200;

starter.style.posLeft = 180;

}

function chc(bno,bcl) {

tmpbno = ((bno < 10.5) ? "b0" : "b") + (bno-1);

eval(tmpbno).bgColor = blcol[bcl];

}

// End -->

PONG
Ball: 
Time: 
with (document) {
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
");
write("
write("
ALL CLEAR!
");
write("
GAME OVER!
");
write("
SPEED DOWN
");
}






    











本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。

如若轉載，請注明出處：http://www.pswp.cn/news/529318.shtml


繁體地址，請注明出處：http://hk.pswp.cn/news/529318.shtml

英文地址，請注明出處：http://en.pswp.cn/news/529318.shtml


如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！











相關文章










c 插件讀取有屬性的html6,廖雪峰的JS教程6-jQuery








c 插件讀取有屬性的html6,廖雪峰的JS教程6-jQuery




jQueryjQuery是JavaScript世界中使用最廣泛的一個庫。jQuery這么流行&#xff0c;肯定是因為它解決了一些很重要的問題。實際上&#xff0c;jQuery能幫我們干這些事情&#xff1a;消除瀏覽器差異&#xff1a;你不需要自己寫冗長的代碼來針對不同的瀏覽器來綁定事件&#xff0c;…




閱讀更多...

















html5中的css特性,淺談HTML5  CSS3的新交互特性








html5中的css特性,淺談HTML5  CSS3的新交互特性




本文標題的這副圖片&#xff0c;是用phosotshop制作的。但是&#xff0c;在搜索引擎中你卻無法搜索到它&#xff0c;搜索引擎還沒有強大到能夠識別圖片里面的文字。并且由于圖片的體積不算太小&#xff0c;可能網速慢的網友在瀏覽的時候不得不耐心的等待圖片的刷新。那么&#…




閱讀更多...

















html表格通過郵件發送,通過html表格發電子郵件








html表格通過郵件發送,通過html表格發電子郵件




[email protected]>Create this tableThe field "what" is for different categoriesCREATE TABLE email_notify (ID int(11) DEFAULT ‘0‘ NOT NULL,What varchar(60) DEFAULT ‘0‘ NOT NULL,Name varchar(60) DEFAULT ‘0‘ NOT NULL,Email varchar(60) DEFAU…




閱讀更多...

















計算機專業知識多選題證監會,2019年國家公務員考試中國證監會（計算機類）專業科目考試大綱...








計算機專業知識多選題證監會,2019年國家公務員考試中國證監會（計算機類）專業科目考試大綱...




2019年國家公務員考試中國證監會(計算機類)專業科目考試大綱由國家公務員考試網公告解讀欄目由提供&#xff0c;更多關于2019國家公務員考試大綱,計算機類國考考試大綱,證監會國考考試大,國家公務員考試公告解讀的內容&#xff0c;請關注國家公務員考試網/廣東公務員考試網&…




閱讀更多...

















計算機和網絡老是斷開,電腦插上網線還是顯示斷開連接怎么辦








計算機和網絡老是斷開,電腦插上網線還是顯示斷開連接怎么辦




在網絡故障處理中遇到過千奇百怪的問題&#xff0c;這里就說一個比較怪異的問題。一個網線插口&#xff0c;有的電腦插上網線可以正常上網&#xff0c;而有的電腦插上就顯示斷開連接。試了好多辦法&#xff0c;換了網線&#xff0c;換了插口&#xff0c;換了路由器&#xff0c;…




閱讀更多...

















計量經濟學第六版計算機答案,伍德里奇計量經濟學導論計算機習題第六章第13題c_6.13...








計量經濟學第六版計算機答案,伍德里奇計量經濟學導論計算機習題第六章第13題c_6.13...




伍德里奇計量經濟學導論計算機習題第六章第13題,答案和MATLAB代碼clear,clc;% c6.13 by% 打開文字文件和數據文件importdata(meap00_01.des);dataxlsread(meap00_01);% 檢驗所用數據是否為非空Isnanisnan(data(:,[3,5,8,9]));asum(Isnan);bfind(a0);data1data(b,:);% 變量命名m…




閱讀更多...

















思品課如何使用計算機教學課件,小學思品獲獎論文巧用多媒體，優化思品課堂教學...








思品課如何使用計算機教學課件,小學思品獲獎論文巧用多媒體，優化思品課堂教學...




小學思品獲獎論文巧用多媒體&#xff0c;優化思品課堂教學摘要&#xff1a;信息技術輔助課堂教學&#xff0c;有利于促進思想品德課教學內容呈現方式、教師教學方式、學生學習方式和師生互動方式的變革。利用信息技術能提高學生學習思想品德的興趣&#xff1b;有利于培養學生的…




閱讀更多...

















計算機網絡的資源共享功能包,計算機網絡的資源共享功能包括








計算機網絡的資源共享功能包,計算機網絡的資源共享功能包括




資源共享是現代計算機網絡的最主要的作用&#xff0c;它包括軟件共享、硬件共享及數據共享。在網絡中&#xff0c;多臺計算機或同一計算機中的多個用戶&#xff0c;同時使用硬件和軟件資源。通常多用戶同時需要的資源總是超過系統實際物理資源的數量&#xff0c;但采用邏輯(或虛…




閱讀更多...

















《計算機應用基礎》期末試卷.,《計算機應用基礎》期末試卷(A卷)《計算機應用基礎》期末試卷(A卷).doc...








《計算機應用基礎》期末試卷.,《計算機應用基礎》期末試卷(A卷)《計算機應用基礎》期末試卷(A卷).doc...




廣東外語藝術職業學院成人高等教育2012學年第 一 學期 三年 制2012級 初等教育專業計算機應用基礎課程 期末 考試試題試卷類型&#xff1a;A 考試形式&#xff1a;閉卷本試題共 五 大題&#xff0c; 4 頁&#xff0c;滿分 100 分&#xff0c;考試時間為 120 分鐘&#xff0c;答…




閱讀更多...

















計算機學院嘉年華標題,“芯動盛夏 AI創南航” 計算機學院舉辦第八屆計算機嘉年華...








計算機學院嘉年華標題,“芯動盛夏 AI創南航” 計算機學院舉辦第八屆計算機嘉年華...




當前&#xff0c;我們正迎來一個科技主導的全智能時代&#xff0c;為激發大家學習探索人工智能的興趣&#xff0c;切身感受AI科技的魅力所在&#xff0c;計算機科學與技術學院/人工智能學院于6月20日在體育館廣場舉辦了“芯動盛夏 AI創南航”第八屆計算機嘉年華活動。活動中&am…




閱讀更多...

















計算機網絡與通信02339,4月全國高等教育自學考試計算機網絡與通信試題及答案解析.docx...








計算機網絡與通信02339,4月全國高等教育自學考試計算機網絡與通信試題及答案解析.docx...




4月全國高等教育自學考試計算機網絡與通信試題及答案解析.docx精品自學考試資料推薦全國 2018 年 4 月高等教育自學考試計算機網絡與通信試題課程代碼 02339一、單項選擇題本大題共 15 小題&#xff0c;每小題1 分&#xff0c;共 15 分 在每小題列出的四個備選項中只有一個是符…




閱讀更多...

















計算機考研百天,2015考研計算機專業復習百天周計劃








計算機考研百天,2015考研計算機專業復習百天周計劃




計算機百天沖刺周計劃學習目標篇百天計劃第一周(9月26日—10月6日)1.完成數據結構中線性表的復習;并配以習題鞏固練習。2.完成強化課程數據結構第一章的學習&#xff0c;重難點針對復習。3.完成數據結構中棧&#xff0c;隊列和數組的復習; 并配以習題鞏固練習。4.完成強化課程數…




閱讀更多...

















愛爾蘭都柏林圣三一大學計算機排名,2021年愛爾蘭都柏林圣三一大學世界及專業排名 不愧是最古老的學府!...








愛爾蘭都柏林圣三一大學計算機排名,2021年愛爾蘭都柏林圣三一大學世界及專業排名 不愧是最古老的學府!...




它是參照牛津和劍橋大學模式興建的歐索世界頂級研究型大學&#xff0c;其商學院也是歐洲培養企業家最多的商學院之一&#xff0c;這所名校就是愛爾蘭都柏林圣三一大學&#xff0c;該校的科研實力雄厚&#xff0c;因此&#xff0c;每年都會吸引一大批的學子前往該校留學&#xf…




閱讀更多...

















計算機系統的四種啟動方式是,電腦啟動方式有幾種你知道嗎？








計算機系統的四種啟動方式是,電腦啟動方式有幾種你知道嗎？




關于電腦啟動方式有幾種&#xff0c;可能你會說&#xff0c;電腦啟動不就是按電源按鈕啟動嗎&#xff1f;實際上&#xff0c;電腦有三種啟動方式&#xff0c;而且三種啟動方式會對應不一樣情況&#xff0c;雖然有些概念對現在的電腦略微有一點點落后&#xff0c;但是對于玩電腦…




閱讀更多...

















安裝殺毒軟件是保障計算機安全,安裝殺毒軟件是保障計算機安全的唯一措施








安裝殺毒軟件是保障計算機安全,安裝殺毒軟件是保障計算機安全的唯一措施




摘要&#xff1a;脈搏8次/分&#xff0c;安裝安全合的最適此時方式手術是&#xff0c;血壓病人術時。軟件綜合征在最常見的青春前期表現臨床是。障計糖病粘多目前據是確診的依。...脈搏8次/分&#xff0c;安裝安全合的最適此時方式手術是&#xff0c;血壓病人術時。殺毒保算機施…




閱讀更多...

















暢想未來計算機的繪畫作品小學生,暢想未來兒童畫繪畫作品大全








暢想未來計算機的繪畫作品小學生,暢想未來兒童畫繪畫作品大全




暢想未來兒童畫繪畫作品大全導語&#xff1a;未來的科技在不斷發展&#xff0c;未來的世界每天充滿了新奇。下面是小編為您整理的兒童畫&#xff0c;希望對您有所幫助。未來的世界是個先進的地方。我們的交通工具不再是飛機、輪船和汽車&#xff0c;而是宇宙飛船。家里的設備是…




閱讀更多...

















計算機考在職研究生有必要嗎,讀在職研究生有必要辭掉工作嗎?








計算機考在職研究生有必要嗎,讀在職研究生有必要辭掉工作嗎?




很多在職場打拼多年的人員&#xff0c;為了以后能有更好的發展&#xff0c;決定讀讀在職研究生有必要辭掉工作嗎?讀在職研究生有必要辭掉工作嗎?對此&#xff0c;相關老師指出&#xff0c;讀在職研究生沒必要辭掉工作&#xff0c;在職人員可以邊工作邊學習&#xff0c;利用休…




閱讀更多...

















計算機word圖標不顯示,word圖標不顯示怎么辦 設置圖標顯示的具體方法








計算機word圖標不顯示,word圖標不顯示怎么辦 設置圖標顯示的具體方法




word是我們常用的辦公軟件&#xff0c;有時在使用時&#xff0c;圖標會莫名其妙不顯示&#xff0c;那么word圖標不顯示怎么辦&#xff1f;下面小編帶來設置顯示word圖標的方法&#xff0c;希望對大家有所幫助。設置顯示word圖標的方法&#xff1a;按鍵盤上的Windows徽標健R鍵&a…




閱讀更多...

















檢查各計算機所屬工作組ip,如何在Win8.1/RT 8.1中添加語言或鍵盤








檢查各計算機所屬工作組ip,如何在Win8.1/RT 8.1中添加語言或鍵盤




通過添加語言&#xff0c;你可以更改用于在 Windows、應用和 Web 中讀取和寫入的語言。添加語言若要更改你的 Windows 顯示語言或者添加鍵盤以進行鍵入&#xff0c;首先要將一種語言添加到語言列表中。從屏幕右邊緣向中間輕掃&#xff0c;點擊“設置”&#xff0c;然后點擊“更…




閱讀更多...

















小學計算機教師育人案例,臺屯小學青年教師李春秀育人案例








小學計算機教師育人案例,臺屯小學青年教師李春秀育人案例




李春秀&#xff1a;漢族&#xff0c;1985年3月出生&#xff0c;黑龍江省木蘭縣人。本科學歷&#xff0c;2007年7月畢業于哈爾濱師范大學&#xff0c;并于同年參加哈爾濱市松北區教師招聘考試考入樂業鎮中心校。自參加工作至今&#xff0c;一直擔任哈爾濱市松北區臺屯小學的班主…




閱讀更多...


















最新文章


















Copyright @ 2022~2023