JavaScript 寫遊戲 : 搬運工

最新推荐文章于 2024-05-16 02:28:14 发布
最新推荐文章于 2024-05-16 02:28:14 发布
阅读量950 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript function button input character timer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dewin/article/details/16649
版权

<title>dwin.net - web application - sokoban</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>
<style>
.Ground{}
.Floor{}
.Wall{overflow:hidden;border:2px outset #ADFF2F;background-color:#888888;z-index:0}
.Aim{overflow:hidden;background-color:#FF69B4;opacity:0.4;-moz-opacity:0.4;filter:Alpha(opacity=100,FinishOpacity=0,Style=3);z-index:0}
.Box{overflow:hidden;background-color:#87CEFA;opacity:0.5;-moz-opacity:0.5;filter:Alpha(opacity=0,FinishOpacity=100,Style=3);z-index:1}
.Man{overflow:hidden;z-index:1;}
</style>
<br>
Current Map : <input id="CurrentMap" size=5 ><br>
<input type=button value='Previous Map' οnmοusedοwn='ChangeMap(-1)'>
<input type=button value='Next Map' οnmοusedοwn='ChangeMap(1)'><br><br>

<textarea id="SolutionInfo" style="word-wrap:break-word; word-break:break-all"  wrap="virtual" rows=20></textarea><br>
<input type=button value='copy' οnclick='document.getElementById("SolutionInfo").select();document.execCommand("Copy")'>
<input type=button value='paste' οnclick='document.getElementById("SolutionInfo").focus();if(!/[^(l|r|u|d|L|R|U|D)]/g.exec(window.clipboardData.getData("Text")))document.execCommand("Paste")'>
<input type=button value='Clear' οnclick='document.getElementById("SolutionInfo").value=""'>
<input type=button value='Auto Run' οnmοusedοwn='AutoRun()'><br><br>

Boxes has Moved<br><input id=BoxMoveInfo readonly> Steps<br>
Man has Moved<br><input id=ManMoveInfo readonly> Steps

<div id=Base style='position:absolute;overflow:hidden'></div>
<script>
// firefox
if(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;
  }
 }

 HTMLElement.prototype.insertAdjacentHTML = function(where,htmlStr)
 {
  var r = this.ownerDocument.createRange();
  r.setStartBefore(this);
  var parsedHTML = r.createContextualFragment(htmlStr);
  this.insertAdjacentElement(where,parsedHTML)
 }

 HTMLElement.prototype.insertAdjacentText = function(where,txtStr)
 {
  var parsedText = document.createTextNode(txtStr)
  this.insertAdjacentElement(where,parsedText)
 }
}

 

 

/*
Written by David NG @ http://dwin.net
Copyright(c) 1998-2004 dwin.net all rights reserved

Start:   2002-10-02 17:50
Finish:  2002-10-15 22:41

2003-06-11 18:55
bug fix

2007-08-08 19:44
firefox support
*/
Map = [];
Solution = [];
FormatAry = [];
CurrentMapPtr = 0;

function init( MapPtr )
{
 MainMap = [];
 CurrentMapPtr = MapPtr;
 FormatPtr = 0;
 MaxWidth = 0;

 RePlayTime = 100 //million second
 MapW = MapH = 30;
 PushScrollNo = 30;
 BoxCompletes = 0;
 TotalBox = 0;

 Timer = null;
 canMove = true
 BoxMoves = 0;
 Count = -1;
 BackRecord = [];
 document.getElementById('BoxMoveInfo').value = 0;
 document.getElementById('ManMoveInfo').value = 0;
 document.getElementById('CurrentMap').value = CurrentMapPtr;
 document.getElementById('SolutionInfo').value = Solution[CurrentMapPtr]; 
}

 

 

function ReadMap( MapPtr )
{
 init( MapPtr );
 
 for( var y=0; y<Map[MapPtr].length; y++ )
 {
  if( Map[MapPtr][y].indexOf('$') != -1 )
   FormatPtr = 1;
  if( MaxWidth < Map[MapPtr][y].length )
   MaxWidth = Map[MapPtr][y].length;
 }
 var h = Map[MapPtr].length*MapW;
 var w = MaxWidth*MapW; 
 var baseObj = document.getElementById('Base')
 baseObj.innerHTML = '';
 baseObj.style.width = w;
 baseObj.style.height = h;
 baseObj.style.left = (w>document.body.clientWidth)?0:(document.body.offsetWidth-w)/2;
 baseObj.style.top = 10;

 for( var y=0; y<Map[MapPtr].length; y++ )
 {
  MainMap[y] = new Array(MaxWidth)
  for( var x=0; x<MaxWidth; x++ )
  {
   try{ MainMap[y][x] = Map[MapPtr][y].charAt(x); }
   catch(e){ MainMap[y][x] = FormatAry[FormatPtr].Floor; }

   if( MainMap[y][x] == FormatAry[FormatPtr].Wall )
    iHtml( x, y, 'Wall' );
   else
   {
    iHtml( x, y, 'Ground' );
    switch( MainMap[y][x] )
    {
     case FormatAry[FormatPtr].Box : iBox(x,y,0);
             break;
     case FormatAry[FormatPtr].Aim : iHtml(x,y,'Aim');
             break;
     case FormatAry[FormatPtr].BoxOnAim : iHtml(x,y,'Aim');
              iBox(x,y,1);
              BoxCompletes++;
              break;
     case FormatAry[FormatPtr].Player : iMan(x,y,0);
              break;
     case FormatAry[FormatPtr].PlayerOnAim : iHtml(x,y,'Aim');
               iMan(x,y,1);
               break;
    }
   }
  }
 }
}

 

function iHtml( x, y, k )
{
 document.getElementById('Base').insertAdjacentHTML("beforeEnd","<span style='position:absolute;left:"+x*MapW+";top:"+y*MapH+";width:"+MapW+";height:"+MapH+"' class='"+k+"' x="+x+" y="+y+">");
}

 

function iBox( x, y, k )
{
 var obj = document.createElement("span");
 obj.style.position = 'absolute';
 obj.style.left = x*MapW;
 obj.style.top = y*MapH;
 obj.style.width = MapW;
 obj.style.height = MapH;
 obj.className = 'Box';
 obj.setAttribute('class','Box');
 obj.setAttribute('complete', k);

 document.getElementById('Base').appendChild( obj );
 MainMap[y][x] = obj;
 TotalBox++;
}

 

function iMan( x, y, k)
{
 Man = document.createElement("img");
 Man.src = 'http://dwin.net/webapp/cow.gif';
 Man.style.position = 'absolute';
 Man.style.left = x*MapW;
 Man.style.top = y*MapH;
 Man.style.width = MapW;
 Man.style.height = MapH;
 Man.className = 'Man';
 Man.setAttribute('class','Man');
 Man.setAttribute('x',x);
 Man.setAttribute('y',y);

 document.getElementById('Base').appendChild( Man );
 MainMap[y][x] = (k==0)?FormatAry[FormatPtr].Floor:FormatAry[FormatPtr].Aim;
}

 

 

 

 


function Dir( x, y, k)
{
 if( !canMove || y+(Man.getAttribute('y')|0)<0 || y+(Man.getAttribute('y')|0)>=Map[CurrentMapPtr].length || x+(Man.getAttribute('x')|0)<0 || x+(Man.getAttribute('x')|0)>=MaxWidth )
  return


 var ManFront = MainMap[y+(Man.getAttribute('y')|0)][x+(Man.getAttribute('x')|0)];
 
 if( ManFront==FormatAry[FormatPtr].Floor || ManFront==FormatAry[FormatPtr].Aim )
 {
  if( k != null )
   Move1( x, y, k.toLowerCase() );
  else
   Move1(x,y);
 }
 else
 {
  if( typeof(ManFront) == 'object' )
  {
  
   var ManFrontFront = MainMap[2*y+(Man.getAttribute('y')|0)][2*x+(Man.getAttribute('x')|0)];

   if( ManFrontFront == FormatAry[FormatPtr].Floor )
   {
    if( k != null )
     Move1( x, y, k.toUpperCase() );
    else
     Move1( x, y );
    Move2( ManFront, x, y );
   }
   else if( ManFrontFront == FormatAry[FormatPtr].Aim )
   {
    if( k != null )
     Move1( x, y, k.toUpperCase() );
    else
     Move1( x, y );
    Move3( ManFront, x, y );
   }
   BoxMoves++
  }
 }
}

 

function Move1( x, y, k)
{
 if( k != null )
 {
  BackRecord[++Count] = k
  BackRecord.length = Count+1
 }
 Man.setAttribute('x', x+(Man.getAttribute('x')|0) );
 Man.setAttribute('y', y+(Man.getAttribute('y')|0) );
 Man.style.left = (Man.getAttribute('x')|0)*MapW;
 Man.style.top  = (Man.getAttribute('y')|0)*MapH;
}

 

function Move2( obj, x, y)
{
 obj.style.left = (x+(Man.getAttribute('x')|0))*MapW;
 obj.style.top  = (y+(Man.getAttribute('y')|0))*MapH;
 MainMap[y+(Man.getAttribute('y')|0)][x+(Man.getAttribute('x')|0)] = obj;

 if( obj.getAttribute('complete') == 0 )
  MainMap[Man.getAttribute('y')|0][Man.getAttribute('x')|0]=FormatAry[FormatPtr].Floor;
 else
 {
  MainMap[Man.getAttribute('y')|0][Man.getAttribute('x')|0] = FormatAry[FormatPtr].Aim;
  BoxCompletes --;
 }
 obj.setAttribute('complete', 0);
}

 

function Move3( obj, x, y)
{
 obj.style.left = (x+(Man.getAttribute('x')|0))*MapW;
 obj.style.top  = (y+(Man.getAttribute('y')|0))*MapH;
 MainMap[y+(Man.getAttribute('y')|0)][x+(Man.getAttribute('x')|0)] = obj;

 if( obj.getAttribute('complete') == 1 )
  MainMap[Man.getAttribute('y')|0][Man.getAttribute('x')|0]=FormatAry[FormatPtr].Aim;
 else
 {
  MainMap[Man.getAttribute('y')|0][Man.getAttribute('x')|0] = FormatAry[FormatPtr].Floor;
  if(++BoxCompletes == TotalBox)
   oWin();
 }
 obj.setAttribute('complete', 1);
}

 

function UnDo()
{
 if(Count >= 0)
 {
  canMove = true
  switch( BackRecord[Count] )
  {
   //not object
   case 'l':Move1(1,0);break;//left -> right
   case 'u':Move1(0,1);break;//up -> down
   case 'r':Move1(-1,0);break;//right -> left
   case 'd':Move1(0,-1);break;//down -> up
   //object
   case 'L':UnGo(1,0);break;//left -> right
   case 'U':UnGo(0,1);break;//up -> down
   case 'R':UnGo(-1,0);break;//right -> left
   case 'D':UnGo(0,-1);break;//down -> up
  }
  iSelects(--Count)
 }
}

 

function UnGo( x, y )
{
 BoxMoves--;
 var obj = MainMap[-y+(Man.getAttribute('y')|0)][-x+(Man.getAttribute('x')|0)];

 if( MainMap[Man.getAttribute('y')|0][Man.getAttribute('x')|0]==FormatAry[FormatPtr].Floor )
 {
  if( obj.getAttribute('complete') == 0 )
   MainMap[-y+(Man.getAttribute('y')|0)][-x+(Man.getAttribute('x')|0)]=FormatAry[FormatPtr].Floor;
  else
  {
   MainMap[-y+(Man.getAttribute('y')|0)][-x+(Man.getAttribute('x')|0)]=FormatAry[FormatPtr].Aim;
   BoxCompletes --;
  }
  obj.setAttribute('complete', 0);
 }
 else
 {
  if( obj.getAttribute('complete') == 0 )
  {
   MainMap[-y+(Man.getAttribute('y')|0)][-x+(Man.getAttribute('x')|0)]=FormatAry[FormatPtr].Floor;
   if( ++BoxCompletes == TotalBox )
    oWin();
  }
  else
   MainMap[-y+(Man.getAttribute('y')|0)][-x+(Man.getAttribute('x')|0)]=FormatAry[FormatPtr].Aim;
  obj.setAttribute('complete', 1);
 }
 obj.style.left = (Man.getAttribute('x')|0)*MapW;
 obj.style.top  = (Man.getAttribute('y')|0)*MapH;
 MainMap[Man.getAttribute('y')|0][Man.getAttribute('x')|0] = obj;
 Move1( x, y );
}

 

function ReDo()
{
 if( Count+1 < BackRecord.length )
 {
  switch( BackRecord[++Count] )
  {
   case 'l': case 'L': Dir(-1,0);break;//left
   case 'u': case 'U': Dir(0,-1);break;//up
   case 'r': case 'R': Dir(1,0);break;//right
   case 'd': case 'D': Dir(0,1);break;//down
  }
  iSelects(Count)
 }
 else
  clearInterval(Timer);
}

 

function oWin()
{
 canMove = false
 alert('Congratulation!')
}

 

function AutoRun()
{
 var temp = document.getElementById('SolutionInfo').value;
 if(temp == '')
  return;

 ReadMap(CurrentMapPtr);
 BackRecord = temp.split("");
 Timer = setInterval(ReDo,RePlayTime);
}

 

function iSelects(x)
{
 var obj = document.getElementById('SolutionInfo');
 if( obj.createTextRange )
 {
  var iRange = obj.createTextRange()
  iRange.collapse(true)
  iRange.moveStart("character",x)
  iRange.moveEnd("character",1)
  iRange.select()
 }
 else if( obj.setSelectionRange )
 {
  obj.selectionStart = x;
  obj.selectionEnd = x+1;
 }
 document.getElementById('BoxMoveInfo').value = BoxMoves;
 document.getElementById('ManMoveInfo').value = x+1;
}

 

function ChangeMap( ptr )
{
 var GoMap = (CurrentMapPtr+ptr) % Map.length;
 GoMap = GoMap<0 ? Map.length-1:GoMap;
 ReadMap( GoMap );
}

 

document.getElementById('CurrentMap').onkeydown = ChangeMapHandler;
function ChangeMapHandler( evt )
{
 if( typeof(evt) == 'undefined' )
  evt = window.event||window.Event;
 var keyCode = 0;
 if( evt.keyCode )
  keyCode = evt.keyCode;
 else if( typeof(evt.which) != 'undefined')
  keyCode = evt.which;

 if( keyCode == 13 )
  ChangeMap( this.value|0 );

 evt.cancelBubble = true
 if( evt.preventDefault )
  evt.stopPropagation();
}

 

 

 

 


document.onkeydown = function( evt )
{
 if( typeof(evt) == 'undefined' )
  evt = window.event||window.Event;
 var keyCode = 0;
 if( evt.keyCode )
  keyCode = evt.keyCode;
 else if( typeof(evt.which) != 'undefined')
  keyCode = evt.which;

 if( evt.ctrlKey )
 {
  switch( keyCode )
  {
   case 37 : document.body.scrollLeft-=PushScrollNo;break;//left
   case 38 : document.body.scrollTop-=PushScrollNo;break;//up
   case 39 : document.body.scrollLeft+=PushScrollNo;break;//right
   case 40 : document.body.scrollTop+=PushScrollNo;break;//down
  }
 }
 else
 {
  switch( keyCode )
  {
   case 37 : Dir(-1,0,'l');break;//left
   case 38 : Dir(0,-1,'u');break;//up
   case 39 : Dir(1,0,'r');break;//right
   case 40 : Dir(0,1,'d');break;//down
  }

  if( evt.returnValue != false )
   evt.returnValue = false;
  if( evt.preventDefault )
   evt.preventDefault();

  document.getElementById('SolutionInfo').value = BackRecord.join("")
  iSelects(Count)
 }
}

 

document.onmouseup = function( evt )
{
 if( typeof(evt) == 'undefined' )
  evt = window.event||window.Event;

 if( evt.button==1 || evt.button==0 )
  ReDo()
}

 

document.oncontextmenu = function( evt )
{
 if( typeof(evt) == 'undefined' )
  evt = window.event||window.Event;

 if( evt.returnValue != false )
  evt.returnValue = false;
 if( evt.preventDefault )
  evt.preventDefault();

 UnDo();
}

 

window.onload = function()
{
 ReadMap( CurrentMapPtr % Map.length );
 document.body.scroll='no'
 window.focus();
 document.getElementById('Base').focus();
}

 

 

 

 

 

 

/*
XSB Format:
$ = Box
* = Box on Aim
@ = Player
+ = Player on Aim
# = Wall
. = Aim
  = Floor

My Format:
0 = Box
@ = Box on Aim
* = Player
# = Player on Aim
W = Wall
. = Aim
  = Floor
*/
FormatAry[0] = {
 Box      : "0",
 BoxOnAim : "@",
 Player      : "*",
 PlayerOnAim : "#",
 Wall  : "W",
 Aim   : ".",
 Floor : " "
}
FormatAry[1] = {
 Box      : "$",
 BoxOnAim : "*",
 Player      : "@",
 PlayerOnAim : "+",
 Wall  : "#",
 Aim   : ".",
 Floor : " "
}

 

 

Map[Map.length] = [
'WWWWWWWWWWW',
'W    W*   W',
'W 00000 0 W',
'W         W',
'WWWWW WWWWW',
'   W  .W   ',
'   W  .W   ',
'   W...W   ',
'   W  .W   ',
'   WWWWW   ']
Solution[Solution.length] = 'rddlllllluurDurrDLdRRRRuulDrdLuLDDDDuuulluullddRRRluurDrDDDrddLUluRuurruurrdLrdLLLulDDDDrddllURuuuuruurDrdLLulDDDDDldRuuuuuulldRurDDDlDRuuulluulDldRRRurDDDD';

Map[Map.length] = [
'   ## ##',
' ##  #  ##',
' ##     ##',
'#  *$#$*  #',
'#  $...$  #',
' # #.@.# #',
'#  $...$  #',
'#  *$#$*  #',
' ##     ##',
' ##  #  ##',
'   ## ##']
Solution[Solution.length] = 'luULuurDDDrrRUrrdLLLddDRddlUUUllLDlluRRRlluuRuurrrDrrdddLddlllUddlUrrrruurrdLuuuulluurDllllddlluR';

Map[Map.length] = [
'      #####',
'      #   #',
'     ## $ ##',
'   ### $.$ ###',
'   #  $.*.$  #',
'  ## $.*.*.$ ##',
'### $.*.$.*.$ ###',
'#  $.*.$ $.*.$  #',
'# $.*.$   $.*.$ #',
'#  $.*.$ $.*.$  #',
'### $.*.$.*.$ ###',
'  ## $.*.*.$ ##',
'   #  $.*.$  #',
'   ### $.$ ###',
'     ## $ ##',
'      # @ #',
'      #####']
Solution[Solution.length] = 'ruUrUrruUrUrruulLuLuulLuLuulldDlDlldDlDllddrRdRddrRdRddrruururruulUlUdrdrrurruulluluulldLdLruruuluullddldllddrDrDululldllddrrdrddrruRuRlUddldlluululluurrurrdrdRdddlddrUdddrruuLrddlUlUlulluRdrdrdrrururruululLLrrrdrddlldldllulululululluurrRlllddrUluRRuruurDururuurrddrddldldLdDrrrrdrruLLdrddlUruurrruulDrdLLruululuulldldldlddrrRllluurDldRRuluuruUUdddlddrUUUruulDDurrrdLrdrdrddldlddlldldllulululululuururuurruruurrDDDuuulldRurDD';

Map[Map.length] = [
'       ####',
'       #  ##',
'      ## $####',
'     ###. .  #',
'  #### $ # $ #',
'  #  #  . .####',
' ## $####$ #  ##',
'###. . $. $# $####',
'# $ # $ **.#. .  #',
'#  . .#.** $ # $ #',
'####$ #$ .$ . .###',
'  ##  # $####$ ##',
'   ####. .  #  #',
'    # $ # $ ####',
'    #  . .###',
'    ####$ ##',
'      ## @#',
'       ####']
Solution[Solution.length] = '';

 

 

</script>

dewin
关注
专栏目录
【HTML小游戏】推箱子网页版(附完整源码)
zhangxia_的博客
11-09 1万+
经典的推箱子是一个非常古老游戏，甚至是80，90年代的回忆，目的是在训练你的逻辑思考能力。在一个狭小的仓库中，要求把木箱放到指定的位置，稍不小心就会出现箱子无法移动或者通道被堵住的情况，所以需要巧妙的利用有限的空间和通道，合理安排移动的次序和位置，才能顺利的完成任务。在移动箱子的过程中，是对你的思维能力的一个训练，今天这款推箱子正是童年的回忆，但是我们的目的是为了通过学习源码的形式，来学习前端开发的知识，熟练掌握HtML标签，CSS属性和JS逻辑的知识。
JavaScript 编写的游戏
09-23
用JavaScript编写的一款非常经典的游戏，真的很经典
过节很无聊？还是用 JavaScript 写一个脑力小游戏吧！
weixin_34174105的博客
02-05 105
作者：疯狂的技术宅原文：https://medium.freecodecamp.o... 本文首发微信公众号：jingchengyideng欢迎关注，每天都给你推送新鲜的前端技术文章 本教程使用了HTML5，CSS3和JavaScript的基本的技术。 我们将讨论数据属性、定位、透视、转换、flexbox、事件处理、超时和三元组。...
用JavaScript写游戏
weixin_30872789的博客
07-29 403
javascript也可以写出游戏？这到底是不是真的？也许你有太多的疑问，也有太多的惊讶，但这是摆在眼前的事实。眼见为实，给个链接自己去看吧 http://jsmario.com.ar/Super Mario这款经典中的经典游戏，再次以别样的姿态和大众见面，这款游戏由Jacob Seidelin开发，大小仅14k。原来javascript是如此的强大，我们得用新的眼光重新审视下这个精灵了。这是一...
javascript编写的小游戏
01-18
上班无聊吗？下载一个js写的小游戏玩玩把，什么超级玛丽，坦克大战，贪吃蛇等等，玩过之后不妨再学习一下。
用JavaScript写的贪吃蛇游戏（很简单，很详细）
Bejpse的博客
03-02 3424
效果 编写外部框架 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #box{ width:620px; height:450px; position:absolute; margin:0 auto; l
js+asp编写的搬运工
04-30
总之，"js+asp编写的搬运工"是一款结合了JavaScript和ASP技术的Web游戏。JavaScript负责前端的交互和展示，ASP处理后端的数据管理和逻辑处理。这种结合使得游戏既具有良好的用户体验，又能实现复杂的功能，如关卡...
H5游戏微端开发（一）：基础工程——WebView的使用
wxc237786026的专栏
08-01 2301
# 写在前面 这是一篇关于H5微端总结，我主要做搬运工，很感谢各位技术大牛的贡献。 H5微端的原理很简单，就是使用Android App的WebView控件。那么什么是webView呢？WebView是手机中内置了一款高性能webkit 内核浏览器,在SDK 中封装的一个组件。 没有提供地址栏和导航栏，WebView只是单纯的展示一个网页界面。简单地可以理解为简略版的浏览器。 这篇文章的重点主要是...
JavaScript学习笔记
weixin_42530002的博客
11-04 5900
一、JavaScript 1、字符串 (1)、验证码 (2)、将字符串按照单词进行逆序，空格作为划分单词的唯一条件 (3)、对称数组 (4)、已知一个字符串对象中,英语单词用各种非字母字符分割，统计单词个数 (5)、判断单个字符是否是字母(包含大小写) (6)、实现函数，查找子串出现的次数，返回字符串str中出现substring的次数 (7)、判断是否为邮箱，已知千锋邮箱的用户名只能由数字字母下划线组成，域名为@1000phone.com, (8)、判断单个字符是否符合数字字母下划线 (9)、敏感词过滤
cocos2d-x 的小游戏
06-11
作为“搬运工”，作者可能是将别人的作品进行整理和分享，以供他人学习和参考。这种分享精神对于技术社区的繁荣至关重要，因为它可以促进知识的传播和技能的提升。 在【标签】中，我们看到"**cocos2d-x**"、"**c++*...
JavaScript经典小游戏
02-24
很了二天时间下载并整理代码格式，确认运行效果，最终将几个感觉还不错的打包，供亲们下载！优点：代码格式良好，经过测试可以运行，内容经典包含：坦克（超猛）、俄罗斯方块、贪吃蛇、打雷、三子棋等六6个，希望能给深入学习JavaScript的童鞋们带来帮助
JavaScript做的小游戏
Vincero
11-21 1751
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 记忆力小游戏 var pics = new Array(); //用于保存
javascript翻转棋、javascript写的小游戏
HaQiaME的博客
07-29 667
用js写了个黑白翻转棋的，大家感兴趣的可以直接粘贴就能用。 把下面代码放到txt文件里，文件后缀改成htm直接打开就能用，没有加人机的功能。不过还不错呀！
JavaScript写的打字游戏
hezhoujun的专栏
10-07 2230
game.js var __startGame = false; var interValTimer = 1000; var gameTimerId; var labelMap = new Object(); var gameNum = 0; function ru
用JavaScript写一个猜拳小游戏
Of_Mine的博客
07-24 5584
代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table align="cen
JavaScript游戏开发（1）（笔记）
weixin_46949627的博客
11-06 5128
学习HTML小游戏制作 使用Javascript
javaScript写的一个小游戏（原创）
一根筷子的专栏
05-15 655
JavaScript编写的小游戏～ 本游戏适用于Firefox浏览器 IE为浏览器请绕行～
使用JS和Canvas做一个html5小游戏_html canvas用javascript制作一款网页游戏(1)
最新发布
2401_84976170的博客
05-16 1065
这是游戏的截图：1.有计算抓住的怪物的数量2.有背景，英雄，怪物。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值