【導(dǎo)讀】隨著inter的迅速發(fā)展，社會已經(jīng)進入了網(wǎng)絡(luò)時代。網(wǎng)上購物，網(wǎng)上調(diào)查，網(wǎng)上學(xué)校等等已經(jīng)確實地存在于我們身邊了，程技術(shù)融入網(wǎng)站設(shè)計中，可以建立出強大功能的動態(tài)網(wǎng)頁。構(gòu)成網(wǎng)頁游戲應(yīng)用的基本代碼，完成了基于html的網(wǎng)頁小游戲。操作簡單，結(jié)果清晰。本文只要介紹了俄羅斯方塊網(wǎng)頁小游戲設(shè)計開。發(fā)的整個過程，本網(wǎng)頁在開發(fā)方法上采用了結(jié)構(gòu)化模塊的設(shè)計方法，本游戲界面由網(wǎng)頁框架，游戲主屏幕，操作按鈕，游戲狀態(tài)組成。理模塊，面板顯示模塊。來的工作進行展望。

　　

【正文】 case 71://畫 F狀方塊 正 { nextscrArr[1][1] = 1 。 nextscrArr[1][2] = 1 。 nextscrArr[2][1] = 1 。 nextscrArr[3][1] = 1 。 break。 } case 72://畫 F狀方塊 左 { nextscrArr[1][1] = 1 。 nextscrArr[2][1] = 1 。 nextscrArr[2][2] = 1 。 nextscrArr[2][3] = 1 。 break。 } case 73://畫 F狀方塊 下 { nextscrArr[1][2] = 1 。 nextscrArr[2][2] = 1 。 nextscrArr[3][2] = 1 。 nextscrArr[3][1] = 1 。 break。 29 } case 74://畫 F狀方塊 右 { nextscrArr[1][0] = 1 。 nextscrArr[1][1] = 1 。 nextscrArr[1][2] = 1 。 nextscrArr[2][2] = 1 。 break。 } 俄羅斯方塊預(yù)覽區(qū)方塊的產(chǎn)生 圖 預(yù)覽區(qū)方塊 如圖 所示是預(yù)覽區(qū)方塊， 代碼如下： public synchronized void paint(Graphics g) { for( i = 0。 i = nextrowNum。 i++){ (10,15*i+7,70,15*i+7)。 //劃橫線 (10,15*i+5,70,15*i+5)。 //劃橫線 } for( i = 0。 i = nextcolumnNum。 i++){ (15*i+10,5,15*i+10,65)。 //劃縱線 (15*i+12,5,15*i+12,65)。 //劃縱線 //繪制預(yù)覽區(qū)圖形 } 30 for (i = 0。 i 4。 i++) { for(j = 0。 j 4。 j++) { switch (nextscrArr[i][j]) //判斷預(yù)覽區(qū)方塊顯示的狀態(tài) { case 0: break。 case 1: { ()。 //設(shè)置背景顏色為黑色 (j * 15 + 11, i * 15 + 6, 14, 14)。//填充矩形 } case 2: { ()。 //方塊的前背景顏色為藍色 (j*15+13,i*15+8,14,15)。break。 //畫已經(jīng)落下的方法 } } } } } 31 俄羅斯方塊關(guān)數(shù)以及分數(shù)的處理 圖 俄羅斯方塊關(guān)數(shù)以及分數(shù)的處理 如圖 所示， 游戲每消一行加 10 分，根據(jù)關(guān)數(shù)不同，得到不同的分數(shù)即可進入下一關(guān)，總共有 10 關(guān)。代碼如下： void deleteRow() { int num = 0。 // 所消的總行數(shù) int row = 14。 // 從低行開始 boolean dflag = true。 // 消行工作結(jié)束標(biāo)志 boolean flag。 // 是否滿行標(biāo)志 int count = 0。// 每行中 1的 個數(shù)，便于滿行或空行的判斷 while (dflag amp。amp。 row = 0) // 消行沒有結(jié)束且所有行沒有判斷完畢 { count = 0。 for (int col = 0。 col 10。 col++) // 從 i行的各列開始 if ([row][col] == 0) // 如果為 0，則不滿行，進行上層行的處理 count++。 if (count == 0) // 滿行情況 ,消行 32 { num++。 // 消行 ,由于消行而使該行的內(nèi)容需要重新判斷，所以當(dāng)前處理行值 row值不變 for (int k = row 1。 k = 0。 k) // 上行下落 for (int m = 0。 m 10。 m++) // 傳值 [k + 1][m] = [k][m]。 ()。 } if (count == 10) // 空行，消行結(jié)束 dflag = false。 if (count 0 amp。amp。 count 10) // 該行不做任何處理，進入上層臨近行處理 row。 } // while // 重繪，并顯示分數(shù) = + num * 10。 (String .valueOf())。 // 游戲的升級 if ( = gamerise * 200)// 判斷游戲是否能每 20行升級一級 { gamerise++。 if ( 100) // 游戲的升級 = 100。 if ( 10)// 關(guān)數(shù)增加一 { 33 String s = (++)。// 具體關(guān)數(shù)還有待確定 (s)。 } } 34 6 結(jié)論 本系統(tǒng)主要實現(xiàn)了網(wǎng)頁俄羅斯方塊游戲的運行，本系統(tǒng)最大的優(yōu)點就是方便，只要裝有瀏覽器和 java 插件，即可運行該系統(tǒng)。 但是本系統(tǒng)也還有很多不足之處，比如說 javaapplet 的功能沒有其他的網(wǎng) 頁語言多 [8]，游戲的畫面也不是非常好看等等。 對本系統(tǒng)的展望： ，添加開始游戲以及結(jié)束游戲的動畫效果。 ，讓用戶玩游戲的時候能夠更加賞心悅目。 ，記錄每次結(jié)束的分數(shù)并加以排序。 ，可以兩人一起開始游戲。 經(jīng)過兩個多月的開發(fā)，本系統(tǒng)終于完成了，雖然有很多的不足，但我學(xué)到了很多，我學(xué)到了 Eclipse 的使用 java 語言以及 javaapplet。與此同時，該系統(tǒng)也給了我很多經(jīng)驗和教訓(xùn)，讓我理解了前期系統(tǒng)設(shè)計對于整個系統(tǒng)開發(fā)的非凡意義 。在以后的學(xué)習(xí)中，我會更加努力，并且時常復(fù)習(xí)這段時間學(xué)到的東西，一步一步提高自己的開發(fā)能力。 35 主要參考文獻： [1] 張慧斌 : C網(wǎng)絡(luò)編程高級篇之網(wǎng)頁游戲輔助程序設(shè)計 [M]. 北京 : 電子工業(yè)出版社 , 2020. 21~30 [2] 鄭阿奇 : Visual C網(wǎng)絡(luò)編程 [M]. 北京 : 電子工業(yè)出版社 , 21~127 [3] 馬駿 : C網(wǎng)絡(luò)應(yīng)用編程（第 2 版） [M]. 北京 : 人民郵電出版社 , 2020. 36~39 [4] 楊富國 : Visual C.NET 網(wǎng)絡(luò)編程案例 解析 [M]. 北京 : 清華大學(xué)出版社有限公司 , 2020. 45~56 [5] Patrick McNeil: 網(wǎng)頁設(shè)計創(chuàng)意書 (卷 2)(Web 頁面的視覺盛宴 設(shè)計師的靈感源泉 )[M]. 北京 :人民郵電出版社 , ~79 [6] 劉增杰 : 精通 HTML5 + CSS3+JavaScript 網(wǎng)頁設(shè)計 [M]. 北京 : 清華大學(xué)出版社 , 2020. 45~52 [7] [美 ]Julie : HTML、 CSS 和 JavaScript 入門經(jīng)典 [M]. 北京 : 人民郵電出版社 , ~28 [8] 斯托克斯 : 網(wǎng)頁的吸引力設(shè)計法則（全彩） [M]. 北京 : 電子工業(yè)出版社 , 2020. 55~63 [9] 溫謙 : HTML+CSS網(wǎng)頁設(shè)計與布局從入門到精通 [M]. 北京 : 人民郵電出版社 , 2020. 123~131 [10]亞當(dāng)斯（ Adams， E.） : 游戲設(shè)計基礎(chǔ) [M]. 北京 : 機械工業(yè)出版社 , 2020. 121~127 36 致 謝 本次畢業(yè)設(shè)計我得到了來自周圍老師和同學(xué)多方面的幫助和支持，在這里，我要對他們表示衷心的感謝。 首先，我要感謝武漢科技大學(xué)計算機科學(xué)與技術(shù)學(xué)院， 在過去的三年里，學(xué)院為我們提高豐富的課程，充足的圖書資源以及優(yōu)秀的師資隊伍，讓我們在良好的氛圍里學(xué)習(xí)。在這里，我不僅學(xué)會了各項的知識，也學(xué)會了如何待人接物，如何主動自學(xué)，這將使我獲益一生。 我還要感謝我的指導(dǎo)老師喬瑞，她待人親切，工作認真負責(zé)，并且為我的畢業(yè)設(shè)計提供了大量的參考資料，當(dāng)有疑問向她請教時，她總是可以很好的解答出來。從她那里，我學(xué)到了很多，她是我的良師，沒有她的幫助，我的畢業(yè)設(shè)計不可能這么順利完成。 與此同時，我還要感謝周圍的同學(xué)。他們經(jīng)常熱心幫助我，有疑問的時候經(jīng)常能從同學(xué)那里得到解答，從 他們那里，我認識到自己的不足，也學(xué)會敢于正視自己的缺點。 最后，我要感謝我的父母和親人。他們不僅為我提供物質(zhì)條件，還很關(guān)心我的學(xué)業(yè)，經(jīng)常打電話詢問我的學(xué)習(xí)情況。 正是他們的期望和支持使我能夠全身心的投入到學(xué)業(yè)中，永遠激勵我不斷前進。 還有許多人都給予過我指導(dǎo)和幫助，在這里，讓我再次對給予過我?guī)椭娜酥劣谧钪孕牡母兄x，并祝愿他們永遠幸福與快樂。