php编写的贪吃蛇游戏

最新推荐文章于 2024-05-28 10:43:52 发布
最新推荐文章于 2024-05-28 10:43:52 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/W1365966490/article/details/8200199
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <style type="text/css">
 #container{
  width:800px;
  margin:auto;
  margin_top:60px;
 }
 #map{
  width:800px;
  height:400px;
  background-color:#ccc;
  overflow:hidden;
  position:absolute;
  
 }
  </style>

<script type="text/javascript">
function Food(){
 this.w = 20;
 this.h = 20;
 this.color = 'red';
 //显示食物
 this.display = function(){
  //我们显示一个食物，首先要知道，大小，位置，属性
  var new_div = document.createElement('div');
  new_div.style.width = this.w+'px';
  new_div.style.height = this.h+'px';
  //位置我们采用0,1,2....
  //还要求出有多少个空格
  this.x = Math.round(Math.random()*39);//随机产生
  this.y = Math.round(Math.random()*19);

  new_div.style.left = (this.w*this.x)+'px';
  new_div.style.top = (this.h*this.y)+'px';
  new_div.style.backgroundColor = this.color;
  new_div.style.position = 'absolute';
  document.getElementById('map').appendChild(new_div);

 }
}
//显示蛇
function Snake(){
 this.w = 20;
 this.h = 20;
 this.direct = 'right';//方向
 
 this.body = [
  {x:5,
  y:3,
  color:"blue"
  },
  {x:4,
  y:3,
  color:"red"
  },
  {x:3,
  y:3,
  color:'red'
  }
 ];

 this.display = function(){
 //通过数组来保存蛇身，一个元素代表一个蛇节，

        //遍历蛇身，根据每节 产生一个div
        for(var i=0; i<this.body.length; i++) {
        //得到当前的蛇节，显示
            //创建一个div
           var snake_div = document.createElement('div');
           snake_div.style.position = 'absolute';//绝对定位
           snake_div.style.left = (this.w * this.body[i].x) + 'px';
           snake_div.style.top = (this.h * this.body[i].y) + 'px';

           snake_div.style.width = this.w + 'px';
           snake_div.style.height = this.h + 'px';

           snake_div.style.backgroundColor = this.body[i].color;

           document.getElementById('map').appendChild(snake_div);
           //将显示的div记录下来
           this.body[i].div = snake_div;
        //alert('hello');
       }
}
  this.move = function(){
         //控制蛇身
        for (var i= this.body.length-1; i > 0; i--) {
            //赋值
            this.body[i].x = this.body[i-1].x;
            this.body[i].y = this.body[i-1].y;
        }
   //移动蛇头
   switch(this.direct){
     case 'up':
     this.body[0].y -=1;
     break;
     case 'down':
     this.body[0].y +=1;
     break;
     case 'left':
     this.body[0].x -=1;
     break;
     case 'right':
     this.body[0].x +=1;
     break;
   }
   //alert(this.body[0].x);
   //把旧的蛇节删除
    this.removeSnake();
   //按照新的位置属性重新显示一下
    this.display();
    //判断方向
    this.setDirect = function(keycode){
     switch(keycode){
       case 37:
       if(this.direct!='right'){
       this.direct = 'left';}
       break;
       case 38:
       if(this.direct!='down'){
       this.direct = 'up';}
       break;
       case 39:
       if(this.direct!='left'){
       this.direct = 'right';}
       break;
       case 40:
       if(this.direct!='up'){
       this.direct = 'down';}
       break;
     }
    }
  }
  this.removeSnake = function(){
   //先找到他的父元素
   var map = document.getElementById('map');
   for(var i=0;i<this.body.length;i++){
    map.removeChild(this.body[i].div);
   }
  }
}


 function init(){
  food = new Food();
  food.display();

  snake = new Snake();
  snake.display();
 }

 function start(){
  snake_id = setInterval("snake.move()",300);
 }
 function changeDirect(evt){
  snake.setDirect(evt.keyCode);
 }

</script>

 </head>

 <body οnlοad="init();" οnkeydοwn="changeDirect(event)">
  <div id="container">
  <input type="button" οnclick="start();" value="开始">
  <div id="map"></div>
  </div>

 </body>
</html>

不吵不闹小低调
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
纯php实现贪吃蛇游戏（不使用JavaScript）
sdxjwkq01的博客
04-13 4918
好久不写php了，最近有朋友说php只能写写增删改查，无法实现贪吃蛇游戏，忙里偷闲，写了个纯php版的贪吃蛇，不包含一句JavaScript代码，其实php也有写桌面应用的接口，不过今天我们这个demo就是我们常见的写增删改查的服务端php，下面还是先上效果图，再上代码。 然后是代码 <?php namespace snake; class snake{ public function __construct(){ $this->app="http://".$_...
贪食蛇小游戏 能动啦 高兴ing
lmw的专栏
11-17 448
今天完善一下贪食蛇游戏的代码  哈哈 能动了  只能实现上下左右的移动    不能 吃食物呢   我相信很快我的贪食蛇就会吃的饱饱的  哈哈 以下是完善的代码：   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     new document
PHP地方门户系统
最新发布
2401_83908395的博客
05-28 369
PHP地方门户系统是一种基于PHP语言开发的的内容管理系统（CMS），主要应用于地方政府、企事业单位、社区等组织机构，用于建立信息发布、互动交流、政务服务等功能的网站。支持多种内容发布形式，包括图片、视频、音频等。支持内容分类管理，方便用户查找所需信息。支持内容发布审核机制，确保信息质量。提供新闻评论、论坛、问答等互动功能，方便用户交流互动。支持用户注册，建立用户体系。提供站内私信功能，方便用户一对一交流。提供在线办事大厅，整合各类政务服务资源，方便用户办理政务。
php 实现贪吃蛇游戏,HTML5 贪吃蛇游戏实现思路及源代码_html5教程技巧
weixin_39721853的博客
03-12 189
游戏操作说明通过方向键控制贪吃蛇上下左右移动。贪吃蛇吃到食物之后会变长一个长度。游戏具体实现游戏难点是怎么模拟贪吃蛇的移动。如果只是一个方块的话显然很简单。但是当蛇的长度变长之后要怎么样控制每个方块的移动呢？如果观察蛇的移动，可以发现，从蛇的头部到尾部，每个方块在下一时刻的位置就是它的前一个方块在当前时刻的位置。因此我们需要做的只是控制贪吃蛇的头部的运动。其他部分的位置都可以依次类推。另外一个值...
php小案例：扫雷小游戏、54张扑克牌六张一行显示、编写一个函数，求任意两个数的四则运行算值、一百次我爱你、随机车牌程序
m0_69034993的博客
10-09 1321
php小案例：扫雷小游戏、54张扑克牌六张一行显示、编写一个函数，求任意两个数的四则运行算值、一百次我爱你、随机车牌程序
php实现贪吃蛇小游戏
12-19
在诺基亚时代，风靡整个手机界，今天我们来看看另类的，如何使用php来实现贪吃蛇小游戏 废话不多说，代码奉上： control.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <...
贪吃蛇游戏网页版
06-08
贪吃蛇游戏是一款深受全球玩家喜爱的经典小游戏，现在它被移植到了网页版，让你无需下载安装即可在浏览器中畅玩。这款"贪吃蛇游戏网页版"提供了完整的源码，对于学习HTML5、JavaScript和CSS3等前端技术的开发者来说...
php贪吃蛇php贪吃蛇
03-25
【标签】"php 开发语言" 暗示了该压缩包中的资源是使用PHP语言编写的游戏代码或相关文档。PHP语言具有易学性、丰富的库支持和良好的Web集成能力，使得开发者能够快速构建功能丰富的应用，包括游戏。在这个案例中，...
PHP 读取和编写 XML
10-25
本文主要介绍PHP 读取和编写 XML的方法，非常的简单实用，给需要的小伙伴们参考下吧
贪吃蛇游戏源码.zip
07-10
贪吃蛇游戏-安卓程序源码实例下载，学习Android最快的方法就是先研究例子，非常经典的安卓源码例子，对提高大家的编程知识和能力很有帮助。
小程序-贪吃蛇
12-15
效果图预览地址：http://bbs.haoyangtian.com/forum.php?mod=viewthread&tid=220 使用鼠标拖动来操作：喜欢研究游戏的同学可以试试：实现了贪吃蛇的基本功能，可以拿来继续玩法的开发。对于初学者是很好的熟悉微信小程序开发流程项目。
PHP基础的贪吃蛇游戏制作1
01-03
详细步骤进行贪吃蛇制作全过程指导，本人感觉很好的资料，共享一下！！
php 实现贪吃蛇游戏,php编写的贪吃蛇游戏
weixin_33960567的博客
03-12 248
new document #container{width:800px;margin:auto;margin_top:60px;}#map{width:800px;height:400px;background-color:#ccc;overflow:hidden;position:absolute;}function Food(){this.w = 20;this.h = 20;this.co...
php 实现贪吃蛇游戏,C++实现简单贪吃蛇游戏
weixin_29541743的博客
03-12 145
我大概在一个多月前把自己上学期写的c代码的贪吃蛇游戏push到csdn上，并且说c风格的贪吃蛇写起来有些麻烦(贪吃蛇游戏的c语言实现)，准备用面向对象的c++再写一遍。现在我们专业恰好刚教完了c++，学校也布置了一道简单的贪吃蛇的编程题目，实现下来，的确觉得c++的思路清晰很多，所以再次把c++的代码push上来，供大家对比参考：)直接上代码，c++把整个游戏拆分成几个文件，分开上，有一定的c++...
贪吃蛇大作战双人版完整代码
wang__junhappy的博客
12-13 5593
贪吃蛇双人版。完整代码，详细问题不懂了问博主
有了这15款编程游戏，谁都可以学编程！
热门推荐
数据与算法之美
08-13 11万+
1、Coding Games一边玩游戏，一边挑战编程难题。Coding games支持包括PHP、C、JavaScript在内的20多种编程语言。用户界面功能强大，可以定...
Python贪吃蛇小游戏_完整源码免费分享
bboy枫亭的博客
09-15 1万+
文章目录Python 贪吃蛇小游戏1. 导包2. 配置初始化参数3. 主函数及运行主体4. 画食物的函数5. 画贪吃蛇的函数6. 画网格的函数（非必选，觉得多余的可以忽略此项）7. 操纵贪吃蛇移动的函数8. 判断蛇是否死亡的函数9.判断蛇是否吃到食物的函数10. 随机生成食物11. 游戏开始与结束的相关配置12. 函数俱备，只欠main这个东风了13.图片和字体资源14. 更多干货分享（免费） 今天给大家免费分享一下Python飞机游戏的源码。 Python 贪吃蛇小游戏 （声明：本文使用的源码非原创，
用php写一个贪吃蛇游戏
06-07
对于AI助手来说，我并不是一个可以直接在屏幕上展示游戏的程序，但我可以为您提供一个基本的PHP贪吃蛇游戏的程序框架，您可以根据您的需求进行修改和完善。 ``` <!DOCTYPE html> 贪吃蛇游戏 #gameBoard { ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值