手机游戏&&尽在九游
&&&&&&&&This is a simple game, GreedySnake with touch panel. Move the gesture on touch panel and give the snake direct.Get score and see online and local record.picture...
This is a simple game, GreedySnake
This is a simple game, GreedySnake with touch panel. Move the gesture on touch panel and give the snake direct.Get score and see online and local record.picture from: http://www.veryicon.com/
开发者：互联网
Greedy Snake v1.0游戏截图
本周飙升榜
新游期待榜
点击下载按钮，或用手机二维码扫描可直接下载对应安装包！
正在加载，请稍后...
扫描二维码下载九游app预约游戏
第一时间接受活动,礼包,开测和下载提醒
直接预约>>>
*手机号格式不正确
游戏开放下载时，我们将通过手机短信通知你，同时告知你礼包领取方式
Greedy Snake v1.0
点击下载按钮，或通过扫描二维码直接下载！
1.0 安装包安卓安装包
请用手机扫描二维码订阅~
订阅后可及时接受活动,礼包,开测和开放下载的提醒!当前位置：
文件名称:GreedySnake
所属分类：
标签属性：
上传时间：
文件大小：
提 供 者：
相关连接：
下载说明：
别用迅雷下载，失败请重下，重下不扣分！
用STL实现了贪吃蛇的基本功能，算法比较精练，有参考价值
(系统自动生成,下载前可以参看下载内容)下载文件列表
GreedySnake/GreedySnake.aps
GreedySnake/GreedySnake.clw
GreedySnake/GreedySnake.cpp
GreedySnake/GreedySnake.dsp
GreedySnake/GreedySnake.dsw
GreedySnake/GreedySnake.h
GreedySnake/GreedySnake.ncb
GreedySnake/GreedySnake.opt
GreedySnake/GreedySnake.plg
GreedySnake/GreedySnake.rc
GreedySnake/GreedySnake.vcb
GreedySnake/GreedySnake.vco
GreedySnake/GreedySnake.vcw
GreedySnake/GreedySnakeDoc.cpp
GreedySnake/GreedySnakeDoc.h
GreedySnake/GreedySnakeView.cpp
GreedySnake/GreedySnakeView.h
GreedySnake/MainFrm.cpp
GreedySnake/MainFrm.h
GreedySnake/ReadMe.txt
GreedySnake/res/GreedySnake.ico
GreedySnake/res/GreedySnake.rc2
GreedySnake/res/GreedySnakeDoc.ico
GreedySnake/res/Toolbar.bmp
GreedySnake/Resource.h
GreedySnake/StdAfx.cpp
GreedySnake/StdAfx.h
GreedySnake/res
GreedySnake
www.dssz.com.txt
暂无评论内容．
*快速评论：
和说明不符
不是源码或资料
纯粹是垃圾
*内　　容：
*验 证 码：
搜珍网是交换下载平台，下载的内容请自行研究使用或咨询上传人.
资源属性分别代表：系统平台，开发平台，开发语言，文件格式四部分.
本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用进行解压.
如果您发现此软件无法下载，请稍后再次尝试；或者.
本站提供下载的内容为网上收集或会员上传提供，若无意中侵犯了您的版权，.
如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
如下载后发现下载的内容跟说明不相乎，可以联系本站的客服，经确认可以退回消费了的积分.
联系我们网站
·电话：(0)
搜珍网 www.dssz.com
All Rights Reserved.H5小游戏——贪吃蛇GreedySnake - 简书
H5小游戏——贪吃蛇GreedySnake
额。。先说几句
前阵子导师大大让我做点小项目练练手，于是就用业余时间做了个H5小游戏——贪吃蛇。。。过程中参考了（划重点，里面讲解的很到位）以及谷歌上大大小小的贪吃蛇项目，最后做出了这个简化到不能再简化的贪吃蛇。。。新手新手。。大家多多见谅
先上个吧，大家可以玩一下，只有最基本的功能：吃食物，然后会变长，每吃一个食物加一分，撞到自己或者撞到墙的话游戏结束。照理来说应该会越长速度越快，或者倒计时内计算得分，日后会继续完善！下面是该小游戏的二维码
源码在此~~真的是比较粗糙。。还在完善和添加注释的过程中。。都不好意思叫你们star一个了哈哈哈哈
这个项目使用了最基本的MVC设计模型，所以笔者分别从model，view，control三个层面进行分析~
模型层负责管理项目中的各种数据结构，包括蛇，食物，墙和整个活动区域。
看到界面中那条长长的蛇之后可能凭借着直观感受你第一时间就会想到用一个数组来存放它：（11，12，13，14，15），但是想了一下这条蛇会一直移动，每移动一次所有元素都会进行调整，假如用数组来存放的话复杂度一定会很高，然后你可能就会想到用一个链表来存放它，每次移动的时候新增头节点删除尾节点，本文就是用链表来实现蛇的数据结构，但是由于JavaScript没有原生的链表结构，也没有指针一说&_&所以笔者自己写了一个双向链表的数据结构存放这条蛇（关于用JavaScript实现双向链表，可以参考[这篇文章](http://www.jianshu.com/p/26)
继续分析蛇的行为，包括：
移动（新增头节点，删除尾节点）
吃食物（新增头节点）
碰撞（撞到自己或者墙壁，游戏结束）
创建蛇的时候通过判断它的上下左右的区域是否是空闲的而且是否是墙壁来创建节点
while (snake.length & config.min) {
let index = snake.length ? neighbour() : (Math.random() * zone.length) && 0
snake.unshift(index)
neighbour () {
let around = [
head.left,
head.right,
around = around.filter((index) =& {
if (index !== -1) {
if (zone[index].fill === undefined) {
return true
return false
return around[(Math.random() * around.length)&&0]
活动区域zone
整个活动区域是一个四边形，看起来应该是用一个二维数组来存放，但是为了方便操作，笔者使用了一维数组存放，每个数组元素包含每个点的行数row，列数column，上下左右的索引值up,down,left,right，其自身的标记值fill("undefined"代表空闲位，"snack"代表蛇，"food"代表食物，墙壁用index=-1 表示）
zone.length = config.row * config.column
for (let i = 0, len = zone. i & i++) {
let [col, row] = [i % config.column, (i / config.row) && 0]
zone[i] = {
left: col & 0 ? i - 1 : -1,
right: col & config.column - 1 ? i + 1 : -1,
up: row & 0 ? i - config.column : -1,
down: row & config.row - 1 ? i + config.column : -1，
fill: undefined
随机投食（feed）：食物可以随机投放到活动区域中的除了蛇身体以外的任何位置，我们可以简单地先随机投放到区域中任意一点，假如这个点不在蛇身上那就大吉大利，假如刚好在蛇身上的话我们就计算出剩余的空间大小进行随机投食，最后把那个区域的点标记设为"food"即可~
let random = Math.random () * zone.length && 0
return zone[random].fill === undefined ? random : -1
food = bet()
//假如投放到了蛇身上
if (food === -1) {
let len = zone.length - snake.length
let count = 0
let index = 0
let random = (Math.random() * len && 0)+ 1
while (count !== random) {
zone[index++].fill === undefined && count++
food = index - 1
updateZone(food, 'food')
蛇的行为go
go (next) {
let cell = -1 === next ? 'bound' : zone[next].fill
switch (cell) {
case 'food':
case 'snake':
collision('你自己')
case 'bound':
collision('墙')
move(next)
view层负责绘制游戏界面，对model层的数据结构进行渲染
笔者也是第一次学习游戏引擎，本文使用了PIXIjs进行游戏渲染
PixiJs是一个速度极快的2D精灵图渲染引擎，它能帮你展示、驱动和管理富有交互性的图形以便于制作游戏和通过使用JavaScript以及其他HTML5技术而创建的一系列应用，容易上手而且功能灰常强大~这里为和我一样的小白们提供一下学习链接：
渲染整个活动区域
创建并初始化整个活动区域
let app = PIXI.autoDetectRenderer(width, height,
transparent: true
let node = document.getElementById('snake-game')
node.appendChild(app.view)
let stage = new PIXI.Container()
我们定义model中的蛇叫snakeM,view中的蛇叫snakeV，我们首先根据snakeM来创建snakeV并对逐个蛇节点进行渲染
drawPoint(color = config.color) {
if (colletion = []) {
node = new PIXI.Graphics()
let { width, height } = config.size
node.beginFill(color)
node.drawRect(0, 0, width, height)
node.endFill()
node.x = 0
node.y = 0
node = colletion.pop()
stage.addChild(node)
return node
然后对这些节点进行定位，创建节点和节点定位分开是因为这些节点可以在蛇频繁的移动中进行回收再利用
setPosition(node, index) {
let x = index % config.column
let y = Math.floor(index / config.row)
let { width, height } = config.size
node.x = x * width
node.y = y * height
当蛇开始移动或者吃食物的时候就进行增量渲染的操作，只更新有变化的节点，即只更新头或者尾节点
updateSnake(snakeM, snakeV = this.snake) {
this.updateTail(snakeM, snakeV)
.then(() =& this.updateHead(snakeM, snakeV))
.then(() =& this.render())
updateHead(snakeM, snakeV) {
return new Promise(
(resolve, reject) =& {
while (snakeV.length &= snakeM.length) {
if(snakeM.chain[snakeM.head].element === snakeV.chain[snakeV.head].element) {
return resolve();
snakeV.unshift(snakeM.chain[snakeM.head].element)
updateTail(snakeM, snakeV) {
return new Promise(
(resolve, reject) =& {
while(snakeV.length !== 0) {
if (snakeM.chain[snakeM.tail].element === snakeV.chain[snakeV.tail].element) {
return resolve()
snakeV.pop()
control层负责管理用户与游戏互动的所有事件，驱动model层，同步model层和view层
初始化control的同时创建model和view
游戏操作： 开始/暂停游戏，（销毁原来的进度并）重新开始，控制蛇的前进方向
同时更新model层和view层
整个贪吃蛇过程就介绍完了，比较粗糙。。。例如游戏主体外的界面丑陋（按钮的位置和触感优化，更多各种友善的提示），游戏规则的逻辑太简单（应该有个规则说明而且可以调速啊等等的）如果有看得不爽的地方可以随时提出来，，笔者会尽力解决哒~~ : ）
假装自己是个前端攻城狮
谢谢你这么好看还来看我 ： ）
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注
09:45字数 61697阅读 3316评论 2喜欢 85 用到的组件 1、通过CocoaPods安装 项目名称 项目信息 AFNetworking 网络请求组件 FM...
用到的组件1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好...
对孩子最好的教育 就是闭上嘴，迈开腿 少说服教育，多榜样教育 做一个正直、敢于挑战的职场宝妈 你若盛开，蝴蝶自来！
刚和我老公认识那年，我们同在一个公司上班，而且都住在公司宿舍里。 我们的宿舍是一个大三房，我住着带卫生间的套房，房间非常大，正好可以养我的Larry，一个有灵性的猫小子。 那时候我和老公还是同事，从他搬进宿舍那天开始，Larry就特别爱去他房间串门，之前从不见他去别人的房间...
I have made a promise in January for improving my comprehensive English level. Until now, I encounter a problem after carrying out my pla...
时代与时俱进，男孩子们的撩妹方式却毫无长进。 互联网时代，80%的撩妹场所发生在微信。然而，生硬的试探，张口闭口「宝宝」和一言不合就发出的语音...各种「歪门撩法」一次次荼毒着无数青葱少女稚嫩的内心。 为了替祖国广大受难女同胞们铲除「低级强撩」，特写此文，定下当代直男们的撩...上传列表：
- 可实现FFT功能的MATLAB源代码，具有应用背景，也可方便初学者学习FFT的原理及实践, 13:44:31,下载2次 - 可实现FFT功能的C语言源代码，经过适当修改即可应用到不同的FFT变换的工程中，适合初学者理解FFT的原理, 13:42:39,下载3次 - MAX05系列数字电位器的广泛应用，可用于AGC和可调参考电压电路, 13:35:25,下载15次 - Csharp编程实例，关于数字排序的程序，用户输入数据，实现从大到小和从小到大的排序功能, 09:43:50,下载3次 - Csharp编程类的使用，及其进阶实验程序，可以方便初学者理解类的定义和使用, 09:39:04,下载2次 - 经典的贪吃蛇游戏，通过Csharp编程，适合初学者学习，对图形界面的理解, 09:31:17,下载4次 - c#程序的设计理念之一是向后兼容性，有利于版本的升级，和应用程序的可移植。这是一个画图程序，仿照微软的画图功能制作。旨在体现这一点。, 09:25:43,下载11次 - 定时器T1方式1+软件计数循环定时1Sec，控制LED闪烁，加入中断函数, 21:56:33,下载3次
近期下载：Snake Wars – Arcade Game下载_Snake Wars – Arcade Game安卓版下载_Snake Wars – Arcade Game 0.0.3.491手机版免费下载- AppChina应用汇
Snake Wars – Arcade Game
用户对 Snake Wars – Arcade Game 的评论
亲，想发表评论请下载哦～
我们的产品
客服邮箱：
微博/微信合作QQ：
网游玩家客服QQ：
24小时举报电话号码：
广告合作QQ：
游戏合作QQ：
帮助与支持
北京掌汇天下科技有限公司 版权所有
京公网安备39号|
京ICP备号-1
抵制不良游戏 拒绝盗版游戏 注意自身保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活
-提供安卓手机软件、游戏资源下载，做最贴心的Android手机软件应用平台！