- Tech
- JavaScript game: greedy snake
dwin.net - Web Application - Snake </ title> <body> Written by David Ng @ <a href="http://dwin.net"> http://dwin.net </A> <br > Copyright (c) 1998-2007 dwin.net all rights reserved <br> <span id = 'base' style = 'position: absolute; -moz-box-frame: border-box;'> </ span> <br > <br> <div id = 'Score'> </ div> <br> <br> <font color = red> Page Down to Speed down <br> Page up to Speed up </ font></p>
<p><Script> // firefoxif (! Typeof HTMLElement = "undefined" && HTMLElement.prototype.insertAdjacentElement!) {HTMLElement.prototype.insertAdjacentElement = function (where, parsedNode) {switch (where) {case 'beforeBegin': this.parentNode. insertBefore (parsedNode, this) break; case 'afterBegin': this.insertBefore (parsedNode, this.firstChild); break; case 'beforeEnd': this.appendChild (parsedNode); break; case 'afterEnd': if (this.nextSibling This.parentnode.insertbefore (ParsedNode, this.nextsibling); else this.parentNode.Appendchild (ParsedNode); Break;}}</p>
<p>HTMLElement.prototype.insertAdjacentHTML = function (where, htmlStr) {var r = this.ownerDocument.createRange (); r.setStartBefore (this); var parsedHTML = r.createContextualFragment (htmlStr); this.insertAdjacentElement (where, parsedHTML)}</p>
<p>Htmlelement.prototype.insertadjacenttext = function (where, txtstr) {var parsedtext = document.createtextNode (txtstr) this.insertadjacentelement (where, pasedtext)}}</p>
<p>/ * Written by David Ng @ http: //dwin.netcopyright (c) 1998-2004 Dwin.Net All Rights Reserved</p>
<p>Start: 2002-10-12 11: 12FINISH: 2002-10-16 07: 432007-06-17 02: 10Bug fix</p>
<p>2007-08-08 16: 35firefox support * / var rows = 20; var cells = 30;</p>
<p>VAR MAPW = 20; var maph = 20;</p>
<p>Var borderw = 5; var OspEed = 70Var scores = 0;</p>
<p>Var snakeheakcolor = 'blue'; var snakebodycolor = 'Orange'; var snaketailcolor = 'Yellow'; var foodcolor = 'pink';</p>
<p>Function CreatMainMap () {mainmap = []; for (var y = 0; y <rows; y ) {mainmap [y] = []; for (var x = 0; x <cells; x ) mainmap [y] [ x] = '';}}}</p>
<p>Function createfood () {var x = parseint (math.random () * Cells; var y = parseint (Math.random () * ROWS);</p>
<p>IF (MainMap [Y] == ') {document.getlementByid (' score '). Innerhtml = scores ; document.getElementByid (' base '). InsertAdjacenthtml ("beforeend", "<div id =' Food 'name =' food 'style =' POSITION: ABSOLUTE; LEFT: " x * Mapw "; TOP: " y * maph "; width: " mapw "; Height: " MAPH "; Background: " FoodColor "; '>"); Mainmap [y] =' f ';} else return createfood ();</p>
<p>. Function CreateSnake () {document.getElementById ( 'Base') insertAdjacentHTML ( "beforeEnd", "<span id = 'snake' name = 'snake' x =" SnakeX "y =" SnakeY "style = 'position: Absolute; Left: " Snakex * Mapw "; TOP: " Snakey * Maph "; Width: " MAPW "; Height: " Maph "; Background: " SnakeheakColor "; '> </ span> "); Mainmap [snakey] [snakex] = 's';} var gox = 0; var goy = 0; var gotime = 0;</p>
<p>Function Dir (X, Y) {IF (GOX! = 0 && Goy! = 0) // Right & Down Or Left & Top or Right & Top or Left & Down {GOX = x; Goy = Y;} else // Left or Right or Top or Down { GOX = (-gox == x)? GoX: x; Goy = (-goy == y)? Goy: y;}</p>
<p>IF (! gotime) Gotime = setInterval (Move, OSPEED);</p>
<p>Function move () {Snakex = (Snakex gox <0)? Cells-1: ((Snakex gox> cells-1)? 0: snakex gox); snakey = (Snakey Goy <0)? ROWS-1 ((Snakey Goy> ROWS-1)? 0: Snakey Goy);</p>
<p>IF (mainmap [snakey] == ') {allsnakes [allsnakes.length-1] .Style.BackgroundColor = snakebodycolor; mainmap [allsnakes [0] .GetaTribute (' y ')] [allsnakes [0]. GetAttribute ('x')] = '; allsnakes [0] .parentNode.removeChild (allsnakes [0]);</p>
<p>IF (Allsnakes.Length> 1) Allsnakes [0] .style.backgroundcolor = snaketailcolor;</p>
<p>CreateSnake (); return;} if (mainmap [snakey] [snakex] == 'f') {allsnakes [allsnake.length-1] .style.backroundcolor = snakebodycolor; //Allfoods[0].removenode (true); Allfoods [0] .parentnode.removechild (allfoods [0]);</p>
<p>IF (Allsnakes.Length> 1) Allsnakes [0] .style.backgroundColor = snaketailcolor; createSnake (); CreateFood (); Return;} if (mainmap [snakey] [snakex] == 's') {IF (Confirm 'Game over. Try Again?')) WINDOW.LOCATION.RELOAD (); else window.close ()}}</p>
<p>Var lastkeycode = 0; Document.onkeyDown = function (evt) {if (typeof (evt) == 'undefined') evt = window.event || WINDOW.EVENT; var keycode = 0; if (est.keycode) Keycode = Evt.keycode; Else IF (TypeOf (Evt.Which)! = 'undefined') Keycode = evt.which;</p>
<p>Switch (keycode) {copy 34: // page up - speed up clearinterval (gotime); ospeed = 3; gotime = setInspeed; Break; case 33: // page down - speed downiff (Ospeed 2> 0) {ClearInterval (Gotime); Ospeed - = 2; Gotime = setInterval (Move, OSPEED);} Break; Case 83: // S - Stop ClearInterval (Gotime); Gotime = 0; Break;</p>
<p>Case 37: PREDIR (-1, 0); LastKeyCode = Keycode; Break; // Left case 38: PREDIR (0, -1); LastKeyCode = keycode; Break; // Up Case 39: PREDIR (1,0); LastKeyCode = keycode; break; // right case 40: predir (0, 1); LastKeyCode = keycode; Break; // Down}}</p>
<p>Document.onkeyup = function () {LastKeyCode = 0;}</p>
<p>Function Predir (x, y) {i (LastKeyCode> 0) {Switch (LastKeyCode) {Case 37: DIR (-1, y); Break; // Left case 38: DIR (x, -1); Break; / / up case 39: DIR (1, y); break; // Right Case 40: DIR (x, 1); Break; // down}} else Dir (x, y);</p>
<p>Window.onLoad = function () {var mainmapwidth = 2 * borderw cells * mapw; var mainmapheight = 2 * borderw rows * maph;</p>
<p>var obj = document.getElementById ( 'Base'); obj.style.left = (document.body.clientWidth-MainMapWidth) / 2; obj.style.top = (document.body.clientHeight-MainMapHeight) / 2; obj. style.width = MainMapWidth; obj.style.height = MainMapHeight; obj.style.borderWidth = BorderW; obj.style.borderStyle = 'inset'; obj.style.borderColor = '# 0000CC'; SnakeX = parseInt (Math.random () * Cells); SnakeY = parseInt (Math.random () * Rows); AllSnakes = document.getElementsByName ( "snake"); AllFoods = document.getElementsByName ( "food"); window.focus (); CreatMainMap () CreateSnake (); CreateFood (); DIR (1, 1);</p>
<p></ script></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-25958.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="25958" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.056</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'zlxgCJ7qtxglZ0oKk2tsQ0cdi_2FKtUz_2FStlqLpsoY8dlKGDyy3zHXVK_2FdJlrJ_2BT0ZVmWD_2FQAb9a1lWcvkZ2vfHQ_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script> 
