Javascript贪食蛇小游戏

试玩:http://hovertree.com/game/9/

贪吃蛇是一种风靡全球的小游戏,就是一条小蛇,不停地在屏幕上游走,吃各个方向出现的蛋,越吃越长。只要蛇头碰到屏幕四周,或者碰到自己的身子,小蛇就立即毙命。和别的游戏不同,贪食蛇是一个悲剧性的游戏。许多电子游戏都是打通关到底,游戏操作者以胜利而告终。而贪食蛇的结局却是死亡。“贪食蛇”,要命的就在一个“贪”字上。所以,有时候真的需要及时收手,不要逼人太甚。如果没有余地,就算你的手再快,面临的结局也是——崩盘。

HTML代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>贪食蛇 - 何问起</title>
<link rel="stylesheet" type="text/css" href="http://hovertree.com/game/9/hovertreesnake.css">
</head>
<body>
<div id="hovertreecontainer">
<canvas width="300" height="300" id="hovertreecanvas"></canvas>
<div>
已得分:
<input type="text" id="hewenqiscore" placeholder="0">
</div>
<script type="text/javascript" src="http://hovertree.com/game/9/hovertreesnake.js"></script>
<h3>何问起贪食蛇</h3> <a href="http://hovertree.com/game/">更多游戏</a>
</div>
</body>
</html>

转自:http://hovertree.com/h/bjaf/2rp37fq9.htm

更多特效:http://www.cnblogs.com/roucheng/p/texiao.html

时间: 2024-10-05 07:14:10

Javascript贪食蛇小游戏的相关文章

java swing版本 贪食蛇 小游戏

package test002; import java.awt.Color; import java.awt.Graphics; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; import java.io.Serializable; import java.util.LinkedList; import java.util.Random; import java.util.Timer; import jav

利用javascript实现的小游戏-打地鼠

随着html5的兴起,那些公司对大型游戏的开发正在慢慢疏远,一.开发周期长:二.运营花费高:他们正找一些能够克服这些缺点的替代品.正好,html5的出现可以改变这些现状,在淘宝.京东等一些大型电商网站.QQ.微信等聊天软件都出现了html5的小游戏,这说明html5越来越受到大家的青睐.接下来我用javascript实现一个小型游戏---打地鼠. 打地鼠其实很好实现,主要思路有:先用表格做一个3*3的九宫格,然后放9张坑的图片-->设置一个小于等于9的随机数k,然后让k的坑的图片替换成地鼠的图片

JavaScript版拼图小游戏

慕课网上准备开个新的jQuery教程,花了3天空闲时间写了一个Javascript版的拼图小游戏,作为新教程配套的分析案例 拼图游戏网上有不少的实现案例了,但是此源码是我自己的实现,所以不做太多的比较 在线预览(Chrome):http://sandbox.runjs.cn/show/pcwfu7i5 拼图游戏其实挺简单,主要是涉及到一些细节的处理,以下是我的自己在实现中涉及到的问题: 图片的切割与拼接 如何随机布局 如何切换图片 拖动图片溢出处理 怎么知道图片是否还原成功 实现思路: 为了简单

【原创】只学到二维数组和结构体,不用链表也能写一个C贪食蛇?(一)

先扯几句闲话 往往非科班出身的编程爱好者,以C作为入门语言时,往往会问:“我学了这个XX,能做些什么?” 其实,配合Google,基本上啥都能做了. 你甚至连链表都不需要,就可以写一个贪食蛇小游戏 :) 本系列将分4个部分,让任何一个仅仅会二维数组合结构体的初学者写出自己的贪食蛇 进入正题.我们先分析一下问题,确定下四个部分. 0.分析游戏的本质以及在控制台中的表现形式 1.分析贪食蛇游戏的基本结构 2.确定实现方案 3.全部源代码 一.游戏,或者视频游戏的本质是什么? 0.游戏的本质是程序 对

JavaScript强化教程 - 六步实现贪食蛇

本文为H5EDU机构官方的HTML5培训教程,主要介绍贪食蛇JavaScript强化教程 1.首先创建div 并且给div加样式 <div id="pannel" style="width: 500px;height: 500px;z-index: 1;opacity: 0.5"></div> 给 <style...> 地图(div和表格).所有的块(蛇头,食物身体加样式) 2.创建地图     document.write(&q

编写小游戏《贪头蛇》第三篇

源码下载地址:http://download.csdn.net/detail/oyangyufu/7492917 点击NEW GAME按钮,进入游戏主场景 代码: 游戏背景 layer = (CCLayer*)this->getChildren()->objectAtIndex(SnakeConstants::LAYER_BACKGROUND); layer->setTouchEnabled(false); //游戏背景 CCSize size = CCDirector::sharedD

编写小游戏《贪头蛇》第一篇

小游戏<贪头蛇>设计场景有: 主菜单.游戏主场景.游戏继续.游戏设置.游戏暂停.关于 进入游戏第一场景,显示该款游戏由哪家工作室或个人开发的 代码: SnakeSceneManager类用来管理游戏所有场景的切换,包括创建新的场景,切换下一个场景,和关卡场景 OpenLayer类用来创建该场景 CCScene *SnakeSceneManager::createscene() { CCScene *Scene = CCScene::create(); //进入游戏第1个图层 OpenLayer

canvas游戏之贪食蛇

直接上效果图: 这个贪食蛇关键地方在于数组,它的长度增加其实是数组的增长,就是数组的向前追加等操作,核心就是数组的操作. 完整代码: <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="240" height="240" style="border:1px solid #d3d3d3;"> Your browser

websocket实战(4) websocket版贪食蛇游戏(tomcat官方自带)

websocket实战(1) 入门 websocket实战(2) 信息处理发送.接收和编码 websocket实战(3) 错误处理及配置管理 通过前面3篇的阐述,相信可以构建一个简单的socket应用了.当然,也会遗漏了许多知识点,相信会在以后分享的实例中捎带说明下. 本文的主要是分析下tomcat官方自带的贪食蛇游戏.为什么选择分析这个项目呢. 贪食蛇游戏规则,人人明白,业务方面不需要过多解释(当然这款websocket版的游戏规则也有一定特色). 游戏设计简单,一个对象足以完成游戏,但不涉及