JavaScript支持下網(wǎng)頁游戲設(shè)計及制作流程,網(wǎng)頁設(shè)計論文

JavaScript支持下網(wǎng)頁游戲設(shè)計及制作流程,網(wǎng)頁設(shè)計論文伴隨時代發(fā)展、科技進步，以計算機為基礎(chǔ)、互聯(lián)網(wǎng)絡(luò)為支撐的信息化技術(shù)已經(jīng)成為了當(dāng)今時代中的主要因素，不但給人類的生活形態(tài)與精神相貌帶來了較大的轉(zhuǎn)變，最重要的是在很大程度上改變了人們的生存方式，使人類擁有了另一種生存的可能，同時由于它的發(fā)展，也催生了游戲方面的變革，尤其是網(wǎng)游的出現(xiàn)，俘獲了千萬顆童心未泯的心，其利弊得失是當(dāng)今頗受爭議的問題。然而，還是應(yīng)該對于這一項技術(shù)加以關(guān)注，對基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作進行分析研究。1概述。網(wǎng)頁游戲通過閱讀器實現(xiàn)無端網(wǎng)游，只需擁有一根網(wǎng)線、一臺電腦即可實現(xiàn)無客戶端下載的Web游戲。其最大優(yōu)勢在于程序設(shè)計者完全能夠一面進行設(shè)計、一面進行調(diào)整、修改、補充工作。因其系統(tǒng)能夠為操作人員提供一個人機交互的界面，進而采用問答的方式，在接收信息后，進行處理，這種在系統(tǒng)--操作者間的交互式處理方式，主要是進行交互作用的信息處理。相對而言，其直觀性、可控性與靈敏度有了很大的提升，是非交互式處理無法完成的優(yōu)勢所在，依當(dāng)前發(fā)展情況來看，其普遍性在增加，應(yīng)用范圍在逐步擴大，而且備受廣大用戶喜歡，免除了來自于單道任務(wù)所帶來的眾多效率問題，因此當(dāng)操作者較慢的時候，它卻能夠進行其他任務(wù)的處理，節(jié)省了時間，使資源得到了充分利用，并且提高了計算機的工作效率。在結(jié)合工作方面，將分時處理、交互式處理兩種處理方式有效結(jié)合起來，不但能夠使多個用戶進行同時對話；還能夠與批處理方式結(jié)合起來；在每種結(jié)合方式中，都可具體表現(xiàn)出出其獨特的優(yōu)勢與特征，而且應(yīng)用起來也比擬方便。2開發(fā)工具和設(shè)計構(gòu)思分析。2.1JavaScript.技術(shù)用來制作網(wǎng)頁，而JavaScript即是通過其本身作為腳本語言的功能對其網(wǎng)頁進行功能添加，主要集中于動態(tài)功能方面，進而到達命名用戶的操作得到響應(yīng)的效果。其最大特點即是，當(dāng)其源代碼發(fā)送至客戶端，尤其是在運行之前，沒有必要進行任何經(jīng)過的編譯處理，通常來講，主要是把文本格式中的字符代碼發(fā)往閱讀器，然而讓閱讀器單獨進行解釋性運行。由于它是動態(tài)、弱類型、基于原型的語言，內(nèi)置支持類，所以在安全性方面，相對較差，其聯(lián)絡(luò)程度較高，獨立性不強，因此假如出現(xiàn)一條無法運行的情況時，便會出現(xiàn)其下的語言也不能繼續(xù)運作，從該方面來看，解譯次數(shù)有時會偏多，所以，速度慢是其最大缺點。另一方面，作為編譯語言，Java的源代碼卻需要編譯，才能傳遞到客戶端運行，因而，就需要搭建起一個平臺，使解釋器、仿真器，將特定的編譯代碼加以適度化的約束，以此來到達安全可靠的保障作用。2.2CSS.層疊樣式表或級聯(lián)樣式表，全稱為CascadingStyleSheet,簡稱CSS.其作用在于對閱讀網(wǎng)頁進行控制，主要是通過一組格式設(shè)置規(guī)則加以實現(xiàn)，也就是通過CSS來到達這一目的。功能在于分離頁面中的形式與內(nèi)容，使二者能夠獨立存放于文檔之中。這樣，有助于將維護站點的外觀變得愈加簡便，可以以簡化文檔代碼，減少閱讀器在加載經(jīng)過中的時間。從CSS的特征分析，在修改頁面方面易于施行，壓縮網(wǎng)頁體積，同時還能保持頁面風(fēng)格的完全統(tǒng)一。從其功能與作用的價值看，可降低成本，增加工作效率，由于它能夠同時管理多個頁面，并且根據(jù)保存方式，又能夠通過改變CSS文檔，到達從外部樣式到站點中頁面的格局的充化。也就是講，對于樣式的更新，即能夠?qū)⒕W(wǎng)站中的全部元素加以更新。3網(wǎng)頁游戲設(shè)計及制作流程。3.1游戲背景、素材及舉設(shè)計舉例。根據(jù)要上的講明可知游戲需要其可玩性、效果性，所以，先應(yīng)該以層疊式樣表對將要完成的游戲所給定的各要素片理好，做了版面的整理工作，比方，游戲元素的圖像選擇以及整理工作等。另一方面，游戲素材應(yīng)該能夠透過它來實現(xiàn)一定的吸引人注意的效果。一般而言，除了網(wǎng)站中的擷取，還應(yīng)該進行PS處理、自繪畫等。舉例，為了明白起見，下面以打地老鼠為詳細的講明，呈現(xiàn)出交互式網(wǎng)頁游戲的設(shè)計方式方法。首先，需通過鼠標，完成每一個操作，規(guī)則之一，即是不能擊打那些白色的地老鼠，打擊一次，會讓玩家丟一次命。其次，設(shè)置一些帶有炸彈的地老鼠，分別將其放置在游戲屏幕的左右兩邊，需對其進行不斷打擊，否則，即會發(fā)生爆炸，當(dāng)爆炸發(fā)生后，也會損失一次命。第三，為玩家設(shè)置三次性命，全部丟掉即算GAMEOVER.最后，在界面顯示出玩家的最終成績，即打死地老鼠的最終個數(shù)。而且在該界面繼續(xù)顯示開場或結(jié)束的選項，供玩家選擇。該游戲的基礎(chǔ)在于地老鼠的出現(xiàn)，需要有相應(yīng)的控制方式方法，以使其能夠隨機在屏幕中出現(xiàn)，其本質(zhì)即是地老鼠對應(yīng)元素出現(xiàn)的高度伴隨情況之出現(xiàn)。在擊打地老鼠時，需要先將選中，再進行鼠標點擊即可。以打地老鼠為例，華而不實需要四種辦法到達對地老鼠出現(xiàn)的控制。第一種方式方法是randomBunny〔〕函數(shù)，第二種方式方法是bunnyJumpl〔〕函數(shù)，第三種方式方法是bunnyJump2〔〕函數(shù)，第四種方式方法是bunnyJump3〔〕函數(shù)。第一個主要是用來控制地老鼠的隨機出現(xiàn)，而對于其它的三種方式方法，則可依次表述為對于各類伴隨情況出現(xiàn)的控制。對于擊打，需要通JavaScript中的兩個函數(shù)來完成，分別是華而不實的onmousedown/onclick,其交互作用發(fā)生在擊打地老鼠之時，兩個函數(shù)在不同的時間發(fā)生，前者發(fā)生于點擊時的事件發(fā)生，而后者是點擊后放開時事件發(fā)生。詳細來講，若要擊打到地老鼠，先應(yīng)該有一個函數(shù)，也就是講，clientX,,clientY,getPosition,通過后面的數(shù)，即可得到對應(yīng)的元素的橫向與縱向坐標，當(dāng)?shù)乩鲜筇幱谒驌舻淖鴺朔秶鷥?nèi)，即會被鼠標的點擊所打中，也就是講，利用規(guī)范與斷定來到達所需要的結(jié)果。上面未提到的白色地老鼠無需打擊以及其他條件及要求，都需要對應(yīng)的功能來實現(xiàn)。當(dāng)出現(xiàn)白色地老鼠與帶有炸彈時，便會失去生命，因而，需要根據(jù)這一條件設(shè)定一個lostlife的函數(shù)，其主題簡單，在判別條件的設(shè)置時，只需要調(diào)動該函數(shù)，使其值與發(fā)生丟失生命值相合即合，也就是講，令lives.lostlife=1,當(dāng)其不為空值時，執(zhí)行的是live.lostlife++,當(dāng)判定live.lostlife=3時，即可調(diào)用函數(shù)endgame〔〕去終止游戲，此時計時停止，等級信息、分數(shù)等逐一輸出到游戲界面。在開場與結(jié)束的菜單上，還需要設(shè)置兩個不同的按鈕，分別通過相應(yīng)的函數(shù)進行設(shè)置。華而不實的基本原理是相通的，而且對于各種功能設(shè)置及處理方式區(qū)別也不是很大，主要是以對應(yīng)元素與所需功能間的規(guī)范化與控制來到達最終所要到達的效果。除了這些功能設(shè)置外，還需要對整個游戲進行相應(yīng)的控制。其主要內(nèi)容即是通常玩家能夠看到的時間與升級問題，在這里中，需要通過計時條、計時條時間被控制來到達。比方，在計時條中，resumlevel〔〕控制，能夠?qū)⒂嫊r條透明性、計時性進行相應(yīng)規(guī)定，還能夠利用計時條的滾動進行提與計時時間控制，這里就需要另一個函數(shù)leaveup〔〕來完成，當(dāng)這走完時，即可將其設(shè)計到升級條件之下，升級的根據(jù)也就是地老鼠所停留的時間的長短、數(shù)量等。3.2演示及測試。首先，安裝網(wǎng)頁閱讀器，以上面所講的打地老鼠網(wǎng)頁游戲可知，不同的ID能夠?qū)Σ煌牡乩鲜筮M行控制，而每個對象的出現(xiàn)都是隨機的，當(dāng)擊中白色掉一條命，當(dāng)擊不中帶有炸彈者，發(fā)生爆炸，也會掉一條命。在演示與測試經(jīng)過中，能夠通過調(diào)試功能，對圖片的變換進行閃爍界定即可。3.3標準及要求。在基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作中，需要對JavaScript客戶端腳本語言有一個明確的認識、對其基于對象的編程思想加以把握，在詳細的游戲開發(fā)項目中，先應(yīng)該有一個合理的計劃書與備忘錄的制作，然后根據(jù)項目設(shè)計要求及標準，利用一些模塊進行網(wǎng)頁游戲制作。下面以最為基礎(chǔ)，用處最廣泛的連連看為例，來介紹作為一個可行項目的基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作施行經(jīng)過。首先，應(yīng)該在項目設(shè)計的基礎(chǔ)之上，以設(shè)計方案，依次將網(wǎng)頁制作、程序開發(fā)、測試、文檔編寫等完成。其要求在于將JavaScript客戶端作為腳本編程技術(shù)出發(fā)點，進行開發(fā)。在設(shè)計連連看網(wǎng)頁游戲時，先對其網(wǎng)頁界面進行整體上的布局，比方，從審美角度的要求，從廣大客戶需的角度來設(shè)定一些原則，將操作系統(tǒng)與界面之間的可操作性進行細致區(qū)分，比方在界面的上端可進行時間、初始化等信息的顯示；比方設(shè)置難度系數(shù)易、難、困難等供玩家自主選擇等；在界面下端能夠設(shè)置游戲主體界面，將其位置布置到中位，調(diào)整好整體的比例與效果，其實可以以將其反過來，上下?lián)Q位處理，只是在設(shè)計時，給定了一種習(xí)慣性，因此導(dǎo)致了最終的適應(yīng)性，假如反過來，以手機自帶的方式提供應(yīng)廣大用戶，大多是能夠構(gòu)成其新的玩家習(xí)慣的。其次，在連連看游戲網(wǎng)頁中，應(yīng)該對其功能模塊設(shè)計加以認真分析，功能模塊設(shè)計，主要是需要了解清楚華而不實的基本功能需求為何，也就是講，好像上面的打地老鼠游戲一般，先確定清楚項目中的對象，并開創(chuàng)建立根對象；在游戲區(qū)的控制或能模塊設(shè)計方面、游戲區(qū)功能模塊設(shè)計方面等等，都應(yīng)該先在程序中分級管理，也就是講根據(jù)文件的上錄入進行分類管理，以項目工程的主到子進行分別建立，最后在完成一系列詳細的制作之后，進行測試與演示，然后對華而不實的效果加以評估。無論是根據(jù)模板進行直接的設(shè)計，還是利用代碼的方式進行編程設(shè)計，其結(jié)果都可到達最終的網(wǎng)頁游戲效果。但是最主要的還是以上面所講的JavaScrip技術(shù)、CSS技術(shù)為運用基礎(chǔ)，把交互式技術(shù)引入到網(wǎng)頁中，進而實現(xiàn)網(wǎng)頁游戲功能。4結(jié)束語?？傊?，筆者以為從技術(shù)的角度而言，基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作把網(wǎng)絡(luò)在線小游戲變成了可能，提升了游戲的動態(tài)性，增加了機與人之間的交互作用，使可玩性得到了在線升級，隨著文化主題的帶入，該方面的游戲越來越遭到追捧，但同時也應(yīng)該防止因游戲上癮所帶來的費事，盡可能的在游戲的設(shè)計與制作方面，根據(jù)不同年齡階級設(shè)置一些適應(yīng)各層級的游戲項目，進而保衛(wèi)未成年人的健康成長。以下為參