Artikel ini menjelaskan kode sumber yang berjalan cepat dari game mini JS, dan dibagikan kepada Anda untuk referensi Anda. Dengan rincian sebagai berikut:
Setelah pertandingan dijalankan, angka berikut ditampilkan:
Bagian dari kode JavaScript adalah sebagai berikut:
/** Kecepatan Jalankan* Penulis: fdipzone* Tanggal: 2012-07-15* ver: 1.0*/var gameimg = ['gambar/start.png', 'gambar/start_over.png', 'gambar/go_over.png', 'gambar/go_over.png', 'gambar/runing.gif', 'gambar/runif_ger_g.griger', gambar ', gambar/runrif', gambar/runrif ', gambar/runrif', gambar/go_over.png ',' 'gambar/run_start3.gif']; var speed_obj = new speedclass (); window.onload = function () {var callback = function () {speed_obj.init (); } img_preload (GameImg, callback);} // speed classfunction speedClass () {this.levelset = [8,5,8,12]; // parameter kesulitan this.playerlist = null; // daftar pemain this.player = 0; // pemain terpilih this.level = 2; // Kesulitan this.lock = 0; // Kunci this.isstart = 0; // apakah akan memulai ini.isover = 0; // apakah akan mengakhiri} // initspeedclass.prototype.init = function () {this.reset (); this.create_player (); this.create_event ();} // resetspeedclass.prototype.reset = function () {this.player = 0; this.level = $ ('level'). nilai; // level this.playerlist = $ _tag ('li', 'playerlist'); untuk (var i = 0; i <this.playerlist.length; i ++) {this.playerlist [i] .className = ''; } disp ('start_btn', 'show', 'start_btn'); disp ('go_btn', 'hide', 'go_btn'); this.lock = 0; // Buka kunci ini.isStart = 0; // untart this.isover = 0; // unover} // Buat PlayersPeedClass.prototype.create_player = function () {var runway = []; var playerlist = []; untuk (var i = 1; i <= 8; i ++) {runway [i] = '<li> <div id = "player' + (9-i) + '"> </div> </li>'; PlayerList [i] = '<li>' + i + '</li>'; } $ ('Runway'). InnerHTML = Runway.join (''); $ ('playerlist'). innerHtml = playerlist.join (''); Runway = NULL; playerlist = null;} // buat eventspeedclass.prototype.create_event = function () {var self = this; this.playerlist = $ _tag ('li', 'playerlist'); untuk (var i = 0; i <this.playerlist.length; i ++) {this.playerlist [i] .onmouseOver = function () {if (this.className! = 'on') {this.classname = 'over'; }} this.playerList [i] .onmouseout = function () {if (this.className! = 'on') {this.className = ''; }} this.playerlist [i] .onClick = function (o, c) {return function () {if (self.lock == 0) {o.playerlist [c] .className = 'on'; if (o.player! = 0 && o.player! = c+1) {// tidak sama dengan 0 dan tidak sama dengan dirimu o.playerlist [o.player-1] .classname = ''; } o.player = c + 1; }}}} (self, i); } $ ('start_btn'). onmouseOver = function () {this.classname = 'start_over_btn'; } $ ('start_btn'). onmouseout = function () {this.classname = 'start_btn'; } $ ('start_btn'). onclick = function () {if (self.player == 0) {return alert ('Pilih pemain yang ingin Anda dukung'); } else {self.lock = 1; // terkunci disp ('start_btn', 'hide'); disp ('go_btn', 'show'); untuk (var i = 1; i <= 8; i ++) {self.start (i); }}} $ ('go_btn'). onmouseover = function () {this.classname = 'go_over_btn'; } $ ('go_btn'). onmouseout = function () {this.classname = 'go_btn'; } $ ('go_btn'). onClick = function () {self.go (); }} // Mulai gamespeedclass.prototype.start = function (c) {var o = $ ('player' + c); var step = 1; var self = ini; var usaha = 0; o.style.marginleft = '62px'; // init var et = setInterval (function () {if (Langkah <4) {// Langkah 1-3 siap o.classname = 'run_status' + langkah;} else {// run if (o.classname! = 'running') {o.classname = 'running';} // Mulai dapat digunakan jika mandiri (. telah mencapai garis finish if (self.isover == 1) {clearinterval (ET); Math.floor (Math.random ()*8) +4 +usaha +'px'; = function () {if (this.isStart == 1 && this.isover == 0) {var o = $ ('player' + this.player); var exert = math.floor (math.random ()*3) +2; // 2-5 o.style.marginleft = parseInt (o.style.marginleft) + usaha + 'px'; } return false;} // GameOnSOnsPeedClass.prototype.gameover = function (id) {id = id.replace ('player', ''); var self = ini; var msg = ''; if (id == this.player) {msg = "Selamat, para pemain yang Anda dukung won/n/n"; } else {msg = "Sayangnya, para pemain yang Anda dukung tidak menang, orang yang menang adalah" + id + "select/n/n"; } if (konfirmasi (msg + 'apakah itu dimulai lagi?') == true) {setTimeout (function () {self.init ();}, 1000); } else {return false; }}/** Fungsi Umum*/// Dapatkan Document.GetElementBy (ID) Function $ (id) {this.id = id; return document.geteLementById (id);} // dapatkan document.geteLementsbyTagnamefunction $ _tag (name, id) {if (typeof (id)! = 'tidak terdefinisi') {return $ (id) .geteLementsByTagname (name); } else {return document.getElementsbyTagname (name); }}/* Div show dan sembunyikan* @param id dom id* @param handle show atau hide* @param classname*/function disp (id, handle, className) {if (handle == 'show') {$ (id) .style.display = 'block'; } else {$ (id) .style.display = 'none'; } if (typeOf (className)! = 'tidak terdefinisi') {$ (id) .className = className; }}/* img preload* @param img array gambar yang akan dimuat* @param callback metode setelah gambar dimuat dengan sukses*/fungsi img_preload (img, callback) {var onload_img = 0; var tmp_img = []; untuk (var i = 0, imgnum = img.length; i <imgnum; i ++) {tmp_img [i] = gambar baru (); tmp_img [i] .src = img [i]; if (tmp_img [i] .complete) {onload_img ++; } else {tmp_img [i] .onload = function () {onload_img ++; }}}} var et = setInterval (function () {if (onload_img == img.length) {// timer, panggilan callback clearInterval (ET); callback ();}}, 200);}Klik di sini untuk mengunduh kode contoh lengkap.
Saya percaya bahwa artikel ini memiliki nilai referensi tertentu untuk desain game JavaScript semua orang.