自己做的贪吃蛇

最新推荐文章于 2022-02-12 14:39:26 发布
最新推荐文章于 2022-02-12 14:39:26 发布
阅读量163 收藏
点赞数
文章标签： IE Go HTML 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Snake</title>
<script>
var width=20;
var height=20;
document.write("<table bgcolor=white bordercolor=black align=center border=1 cellpadding=0 cellspacing=0><tr><td>");
for(i=0;i<width;i++){
   for(j=0;j<height;j++){
      document.write("<img src=BLANK.GIF width=15 height=15>");
   }
   document.write("<br>");
}
document.write("</td></tr></table>");

var sPosition=Math.floor(Math.random()*width*height);
document.images[sPosition].src="WORM.GIF";

var fPosition;
do{
   fPosition=Math.floor(Math.random()*width*height);
}while(fPosition==sPosition)
document.images[fPosition].src="FOOD.GIF";

document.onkeydown=getDirect;
var direct;
var direction=-1;
function getDirect(){
   direct=window.event.keyCode;
}

window.onload=go;
var when;
var speed=200;
function go(){
   if(direct==37 && direction!=39){
      if((sPosition)%20==0){
         die();
      }
      else{
         doIt(sPosition-1);
      }
   }
   else if(direct==38 && direction!=40){
      if((sPosition-20)<0){
         die();
      }
      else{
         doIt(sPosition-20);
      }
   }
   else if(direct==39 && direction!=37){
      if((sPosition+1)%20==0){
         die();
      }
      else{
         doIt(sPosition+1);
      }
   }
   else if(direct==40 && direction!=38){
      if(sPosition+20>399){
         die();
      }
      else{
         doIt(sPosition+20);
      }
   }
   else{
      direct=direction;
   }
   when = window.setTimeout("go();",speed);
}

var snake=new Array();
snake.push(sPosition);
function doIt(where){
   direction=direct;

   snake.push(where);
   for(i=snake.length-1;i>0;i--){
      snake[i]=snake[i-1];
   }
   snake[0]=where;

   if(where==fPosition){
      document.images[snake[0]].src="WORM.GIF";
      do{
         fPosition=Math.floor(Math.random()*width*height);
      }while(document.images[fPosition].src.indexOf("WORM.GIF")>0)
      document.images[fPosition].src="FOOD.GIF";
   }else{
      if(document.images[snake[0]].src.indexOf("WORM.GIF")>0){
         die();
      }else{
         document.images[snake[0]].src="WORM.GIF";
         document.images[snake[snake.length-1]].src="BLANK.GIF";
         snake.pop();
      }
   }
   sPosition=where;
}

function die(){
   alert("You lost!");
   speed-=400;
   clearTimeout(when);
}
</script>
</head>
<body>
<div align=center style="color:#4682B4;font-size:30">
<br>按方向键操作方向。
<br>按F5键重新开始。
<br>按空格键暂停。
</div>
</body>
</html>


目前只能是在IE中运行，如果大家看了觉得有什么可以改进的地方一定要留言啊。
fanday
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
手把手教你制作贪吃蛇
12-03
手把手教会你做贪吃蛇，当你发现它是一个很简单的一个方法时，你就开始形成了自己的思维
基于linux的贪吃蛇游戏设计_基于Unreal4的战棋类游戏《棋行傀儡》的设计与实现...
weixin_39847437的博客
11-26 928
找个地方放一下简历附件渣毕业设计，与游戏设计关系不大，更多地是展现自己有实际游戏开发能力，了解游戏开发各方面工作，能够使用游戏引擎。本科生毕业论文（设计）题目 基于Unreal4的战棋类游戏《棋行傀儡》的设计与实现院 （系） 计算机科学与技术 专 业 软件工程 班 级 f160118 学 号 ...
（十）Scratch制作《贪吃蛇》，超详细
m0_60921419的博客
02-12 3万+
几乎在学习任何一种编程语言过程中，都会拿《贪吃蛇》这款游戏来实战练手，那如何用Scratch来制作 《贪吃蛇》呢？ 首先声明制作《贪吃蛇》方法多种多样，不局限于我这一种方法，我这一种是我平常给孩子上课，我认为比较容易理解的一种方法。这个方法适合教培机构Scratch讲师，青少年，和对Scratch感兴趣的成人编程小白学习。废话不多说我先上成品图： 介绍： 1.游戏界面： 2.游戏规则： （1）游戏开始，只有蛇头，蛇头会自动移动，玩家通过控制方向键控制蛇移动的方向 （2）游戏开始会随机
教你如何用C语言做一个简单的贪吃蛇
热门推荐
OMGMac的博客
06-02 3万+
小时候大家可能都玩过贪吃蛇，但有没有想过自己做一个出来玩玩看。今天我们就教大家用C语言做一个简单的贪吃蛇游戏。这里没有采用图形界面去做，而是采用win32控制台。 首先，先把做好的游戏初始界面和游戏截图先展示一下。
自制简易贪吃蛇小游戏
niujin561的博客
12-14 1594
今天实现一款经典小游戏的实例，贪吃蛇想必大家都有接触过，当然今天实现的细节没有那么全面，只能算是简易版本的小游戏，使用的是Unity中的UGUI，Bug可能有点多，不过大体算是完成了。
PYTHON做贪吃蛇代码
05-29
PYTHON做贪吃蛇代码 PYTHON做贪PYTHONPYTHON做贪吃蛇代码做贪吃蛇代码 吃蛇代码 PYTHON做贪吃蛇代码PYTHON做贪吃蛇代码PYPYTHON做贪吃蛇代码THON做贪吃蛇代码PYTHON做贪吃蛇代码PYTHON做PYTHON做贪吃蛇代码贪吃蛇...
自己做的安卓贪吃蛇源码（注释极详细）
04-21
自己做的安卓贪吃蛇源码（注释极详细） 自己做的安卓贪吃蛇源码（注释极详细） 自己做的安卓贪吃蛇源码（注释极详细） 自己做的安卓贪吃蛇源码（注释极详细）
自己制作的贪吃蛇的aia
12-20
贪吃蛇的aia 贪吃蛇游戏是一款经典的益智游戏，有PC和手机等多平台版本。既简单又耐玩。该游戏通过控制蛇头方向吃蛋，从而使得蛇变得越来越长。 [1] 另外还有一种名为“贪吃蛇”钻井测井技术，是运用旋转导向系统、...
C做的贪吃蛇
06-05
C做的贪吃蛇，我是新手，主要是想给那些做贪吃蛇联系的人看下。
自己设计的贪吃蛇游戏
02-22
自己设计的非常简单的贪吃蛇小游戏，用JAVA设计，eclipse环境下运行，简单易懂
贪吃蛇
HL_HLHL的博客
09-04 309
Snake.h Snake.c main.c 学了C语言的同学们快来写一个属于自己的贪吃蛇小游戏吧~ 我的这个贪吃蛇是最基本的几个功能实现，有了这几个基本的框架，我们可以在后期根据自己的想法来扩展它的功能。下面是我的一些扩展的想法（后面慢慢实现）： 1.给界面加上颜色 2.添加一项可以记录最高成绩的功能 3.实现两条蛇竞争的双人贪吃蛇 4.贪吃蛇大作战 Snake.h #...
如何入手做贪吃蛇？
zcxsythenew的博客
12-23 695
对于新手而言，代码似乎是令人难以忍受的事情。但实际上，随着难题一个个解决，不论是谁，都会由衷地感到激动。
自学制作贪吃蛇
半亩天堂
02-16 1400
在学习的过程中,特别是学习程序,如果看懂了一个程序,但是你如果不亲自去写一遍这个程序,你还是不算是真正会制作这个程序的,本人利用闲暇时间,参考别人的程序,自己做出了一个贪吃蛇游戏的程序: 程序设计的过程是: 一:抽象出:贪吃蛇游戏中的各个对象(界面,游动的蛇,) 二.一步一步的理顺游戏的逻辑,从设计对象开始, 三,修改自己的程序,使其尽量少地bug出现 总结:我自己制作的贪吃蛇程
我做的贪吃蛇
carlbiao
02-27 1758
  花了一天时间，我终于把贪吃蛇这游戏写出来了，这也是我学C#两个多月以来写的第一个能稍微拿出来给大家看的程序，希望大家能多提意见，能指出错误和改正的办法。其中还有一个小问题还没解决，就是当按方向键控制蛇的移动的时候，旁边的按钮的焦点捕获也在更换，这是系统默认的，我还不知道怎么修改。下面是代码：Form的设计代码：namespace snake{ partial
如何做一个贪吃蛇的小游戏
Ryan130509的博客
01-20 1183
1. 首先创建贪吃蛇的一节的类 package tanchishe; //one depart cell public class cell {   private int x ;// 单元格的属性属性是私有的   private int y;  public cell() {       }      public cell (int x ,int y) {       
教你制作属于自己的C语言版贪吃蛇！
ChrisPhantom的博客
03-17 641
贪吃蛇？ 　　没错，就是贪吃蛇，这个你不会不知道吧。那你肯定会疑问了，还能用代码写贪吃蛇？当然啦，今天我就教大家写一个属于自己的贪吃蛇！ 　　你所需要准备的是：一定的链表知识，电脑集成编译环境CodeBlocks（最好使用该软件，否则可能会不成功），点个赞，关注一波~~后续有好东西，我会继续分享的！ 设计思路 　　首先，要先将背景打印出来，这里需要的函数下面会介绍。然后随机生成蛇头，根据蛇头...
自己用js做的一个贪吃蛇小游戏
J4ffee的博客
06-28 703
本人小白一个，刚学js，做了一个贪吃蛇小游戏，可能存在一些小bug。html部分，css部分，js部分都需要自己创一个文件夹，再放进去。-------------------------------------------------------------------------------------------------------------------------------html部...
闲着没事，自己做贪吃蛇耍耍？
可爱不能当饭吃
10-10 1231
前言 相信大家都玩过贪吃蛇这个游戏，那你们想不想自己也做一做呢？可能会有人说很难把，不，其实不难，因为博主也是JS的入门小白，但是博主今天把贪吃蛇做出来了，做这个项目的时候，有一个小门槛给我卡住了，就是用哪种方式实现蛇的移动，如果这个你们都想出来了，那这个项目对你们来说 so easy！ 先来讲讲我的做法。 前提准备： 1.蛇：属性有宽、高、方向、节数、方法：显示、移动 2. 食物：属性宽、高、位置 3. 显示蛇：根据状态向 container（相当于地图）里添加元素 ...
eclipse做贪吃蛇压缩包
最新发布
12-09
要做一个贪吃蛇游戏的压缩包，首先需要在eclipse中编写贪吃蛇游戏的源代码。可以利用Java语言来编写游戏的逻辑和控制代码，然后在eclipse中进行调试和测试。 在eclipse中编写贪吃蛇游戏的源代码时，可以利用图形...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值