html5围住神经猫源码

A. 围住神经猫的游戏玩法

1、首先这个游戏的玩法非常的简单，就是将图中的那只猫围住，不让它从旁边跑掉；
2、在游戏开始会有几个随机分布的点亮了的格子；
3、你需要点一个圈将猫围起来，这时候你会发现猫的姿势会改变；
4、而此时最终的目的就是让它无路可走
5、最终游戏结束了，看看你用了几步。 获胜关键：
这个游戏最关键的地方就是玩家要用最少的步数将神经猫困住，那么到底有什么秘诀呢?
过关攻略：
发现猫其实最喜欢往左边或者是左上角落跑。
举个例子，假如说猫是向左边跑的话，那么在这条路线的三步距离的点周围，开局就已经会有两个点。
而接下来两步把虚线框内的另外两个填满，这样猫就会在表明“第三步”的那个位置，而这样玩家就能够获得胜利。
举一反三，其他路线也是一样的，猫是回走两条路线，往左或者是往上，玩家如果想要三步就达成目标，那么在开局的时候，至少有已经有三个点。
也就是说，玩家在开局的时候这条路上一条，在距离中心两步的地方，至少有3天，只要玩家掌握这点，那么就可以不断的更换开局，一直到上述条件都出现位置，那么就能够轻松获得胜利。
最少步数和最优策略
定理1：如果你在猫边上2格之内布子，除非有很好的地形，不然猫必定从你身边跑掉。所以在开阔场地，你的棋子至少和猫中间隔2个空格。
设猫的目标是向右上开阔地逃跑。如果你走1，猫向右上走2，你再走5，猫走10……显然完全拦不住，猫直接往右上方跑走了。
如果你在4布点，猫还是向2移动，你走5的话和刚才一样了，走10的话猫走5，等等，还是不行。
但是如果在7布点，就不一样了。猫1，你8，猫5，你11，就拦在了猫前面，逼迫它转向。如果猫2，你可以13，等等，同样可以拦住。
定理2：当你在开阔场地布下第一子时，封锁线会形成于你的这个子和猫中线的靠你那一侧。你应当让盘上已有子力和你的新子位于这条线上。
假设猫只能往右上逃而不能往左下跑。
红色方块代表猫的起始点，绿色六边形代表你的开局第一子。红色数字代表猫需要那么多步才能跑过去，绿色数字代表你的子需要那么多步才能连过去。
显然，如果某个格子上红字小于等于绿字，表明猫会比你先到，那么朝那里布防就是没有意义的，会被突破。想象一下你的棋子是在追猫的狗。
而蓝线标记的，就是刚好红字大于绿字的那条线。
所以你在布子的时候不要太激进，和猫靠的太近会被绕过去。要尽可能在封锁线的我方一侧布子，远远地形成包围之势。
定理3：猫是“贪心”的，所以你的布子方位要挡在猫的前方。
有些人想耍小聪明，不堵前方而堵后面，寄希望于猫犯蠢。根据我们的观察，这是没有必要的，猫的走法是“贪心法”——当前局势下，哪一步最有助于它逃脱，它就走哪一步。注意是当前局势，它不会玩佯攻，不会有长远考虑，所以其实是可以预判的。
而且利用这个特点，还可以给猫下陷阱：留一个开口，任猫向那里逃跑，同时加固别的防线;在最后一刻把那里封死。

B. 保存围住神经猫网页（html5游戏），在本地打不开，http://www.leyue.net/sjm/index.html

如果你需要在本地玩这个游戏，你需要把这个网页所关联的所有文件（包括js）都下载到本地并且按原目录（相对路径）排列好，然后再运行这个html才行，你只是下载了原html是没意义的

C. HTML5游戏热炒：趋势所向 但爆发点何时到来

HTML5游戏是一个趋势，对现状而言，这仅是一个趋势。规则简单、进程快、时间短，成为HTML5游戏被迅速认可的主要原因。通过社交网络的分享，获取更广泛的传播，产品变成商业的逻辑正源于此。在资本市场的推波助澜后，留下的只有HTML5游戏从业者的迷惑——何时才是爆发点。

基于HTML5技术开发的《围住神经猫》在微信朋友圈疯狂转发的时候，从业者似乎看到了已故苹果CEO乔布斯所指引的方向已经到来——“没有人愿意使用Flash，全球已经开始步入HTML5时代”。

作为生态链上的一环，HTML5游戏引擎公司白鹭时代市场营销中心副总裁张翔最近在向外讲述这样一个利好消息：经纬创投王华东说非常看好 HTML5游戏，这两年至少三五家公司能上市，300亿的市场;程天总他说顺为也可能会拿出几亿美元投资H5领域。然而他同样明白，这个市场并非平稳发展。“从2012年开始就有很多人进入H5游戏行业，不过由于各方面的原因，HTML5的发展受到很多阻碍。”

HTML5的数据在一场行业会后被公开,HTML5的游戏规模经过短短一年的发展，现在已有1.2亿左右的用户规模，据预测，今年用户将突破 1.71亿。但这仍原远低于手机游戏用户的整体规模，腾讯互娱运营部总经理崔晓春在华为2015年分析师大会上表示，2015年中国手机游戏用户超过6 亿。此外，另一组数据也可以证实HTML5的虚火。日前一场行业会议上从业者披露，《愚公移山》月流水刚突破200万，《古龙群侠传》用户刚突破200 万。这与动辄过千万，甚至过亿原生App手游相距甚远。

与App手游相比，HTML5游戏更加依赖渠道，但却难以寻找到新的出路。南京泥巴怪创始人秦川表示，HTML5可能接触到一些手游没有覆盖的人群，比如朋友圈的分享，工具类APP的游戏频道，或者浏览器的推荐，但已经形成规范运营和实际收入的渠道还是占少数。

关于HTML5游戏难以从趋势转为产业的四点原因：

缺少明星产品带动产业健康发展

在朋友圈等社交网络迅速传播的HTML5游戏，能够称之为明星产品的少之又少。缺乏成功产品的带动，开发者的信心被打击，进而难以使得这类游戏产品迅速上量。

2014年7月末一夜爆红的《围住神经猫》，因为设计符合移动端传播的规律，而游戏规则简化到只需用户点击，使得其迅速得以传播。然而同样是一夜之间，产品已经消失在用户的视野。在这之后虽然仍有一些小游戏在社交网络病毒式传播，但是难以被人记住，甚至更多有着浓厚的商业广告痕迹。即使有产品获得较好的成绩，如《寻找房祖名》2日点击超6000万次、《愚公移山》月流水已达100万左右，但整个行业的最大问题仍是变现能力有限，这决定了 HTLM5游戏市场的发展速度。

触控科技高级技术总监林顺表示，手游可以通过设置付费点，增值道具等一系列手段完成付费形成闭环，且通过日常运营来提高用户粘性和留存率，但HTML5游戏寿命短，用户利用碎片化时间进行即时游戏，热度通常不超过7天，一旦兴趣点转移，无需卸载变直接流失。

事实上，HTML5游戏可以理解为移动端的网页游戏，这使得另一个影响产业健康发展的因素出现。类比PC端网页游戏即可发现，由于开发技术门槛较低，这使得山寨品开始出现。“神经猫”热度尚未衰减时，各类“围住XXX”的山寨也开始出现在社交网络。神经猫的创造者秦川就估计：山寨神经猫大约分走了500万的访问量。同样为点击类操作的休闲游戏，开发类似《疯狂猜图》这样的App游戏尚需要10万元左右的成本，而《围住神经猫》的开发仅需要一个程序员、一个工程师合力开发一天的时间。

硬件和网络发展并未推动HTML5爆发

早在2010年，Zynga收购了HTML5游戏引擎开发商Dextrose，随后发布了第一款HTML游戏《Mafia Wars Atlantic City》，这带动了Facebook、EA，甚至是迪士尼的跟进。然而，仅用了不到一年时间，这些崛起的HTML5游戏公司就开始纷纷宣告失败、倒闭。彼时失败的原因被归结于网络上无法支持、渲染技术本身不够成熟、没有合适的分发渠道等多种因素。《围住神经猫》制作人秦川日前向媒体表示，“归结起来就是天时地利人和。”

经历两年的基础设施积累，2014年10月，W3C HTML工作组正式发布了HTML5的推荐标准。与之同步的是，智能手机的性能升级，以及网络进入4G带来的高速带宽。但从现实来看，HTML5却并未如预期的那样迅速爆发，甚至连Web App取代原生App的呼声也日渐稀薄。

秦川表示，“我头疼的问题，确实手机首先性能参层不齐，其次H5在原生基础上性能再差一层。”游戏发展从轻度游戏到重度游戏，这是技术发展， “我们可以做重度游戏，但是重度只能少数机器上跑，其实投产比低，所以我们尽可能适配大量的游戏，让很多人都可以玩这一款游戏。”

事实上，更有游戏开发者向腾讯科技表示，目前HTML5的坑很多，比如在适配的过程中，不仅要满足高配置系统的运行，而且要满足低端智能手机使用者的体验。这样的问题在网络方面同样出现，因为并非所有用户都在使用4G网络，甚至在一些地区用户仍使用2G网络进行。

收入低导致行业普遍观望

尽管整个产业并不成熟，但对开发者来说，HTML5游戏的快速开发和迅速发布，比起原生App要更容易切入市场，尤其是巨头林立的手游市场。 DataEye《2014年Q4HTML5游戏数据报告》显示，目前六成从业者已经投入或准备投入HTML5游戏，近7成HTML5游戏的用户集中在微信平台。不过，“HTML5游戏的未来很美，但现在很苦。”掌趣科技联席CEO胡斌说，很多公司由于收入低的问题在观望。在他看来，如果能有三个月流水达 180万的游戏出现，会吸引更多的CP切入尝试。

收入低的主要原因是HTML5游戏本身的特性。其主要以轻度游戏为主，虽然有一些厂商希望类似页游一样打造中重度游戏实现亿元级产品，但是后者的通道暂时没有打通，用户的碎片时间短暂，市场难以培育相应玩家。

但值得注意的是，一些轻度HTML5游戏正在朋友圈瞬间兴起，其本身并不具备更多游戏本身的特性，而是帮助企业营销而获取广告和开发收入。这类产品的出现，使得开发者可以通过流量实现广告变现，但其出现正在摧毁原本就很脆弱的HTML5良型生态。

资本关注技术多过游戏本身

市场应该看空HTML5游戏，原因是这只是资本在旺盛的手游热后，正在需找新的出路，真正吸引资本的实际上技术，而非游戏开发者。正如张翔所讲述的，资本正在关注这以市场。顺为已经计划支持至少10个以上HTML5团队，而王华东认为在两三年内有多家HTML5技术公司在国内外上市。但显然这些团队并非是单纯的游戏CP。HTML5游戏的开发者似乎也意识到问题的现状，《愚公移山》制作人陈陈表示，资本对HTML5 CP的关注度很高，但是钱不多。“一很汹涌把你淹没掉，但是你们公司没有做好准备。”

与此同时，《围住神经猫》背后开发引擎白鹭某联合创始人就曾表示，HMTL5游戏在朋友圈大火后，我们只要跟投资人说《神经猫》用我们产品开发的，投资人就会说“哦，明白了”。事实上，张翔近日在其主持的圆桌论坛上，与经纬创投合伙人王华东、顺为资本合伙人程天进行对话中猛料，其已获得深创投和经纬创投等机构B轮融资，估值超10亿元。此前，白鹭时代于2014年11月获得顺为资本千万美元的A轮融资。显然，产业上游远比游戏开发者更容易转到第一桶金。

D. 围住神经猫2攻略 3步围堵图文攻略 详解怎么玩

首先要明白，神经猫的行进路线。是以原点为极坐标，往四周扩散的。如果周围没橙色圈干扰的话，神经猫将会沿直线行进，一般以向左或斜上行进居多。

E. 求一个包含html5,css,js，技术的静态网页demo

下载下来就是了

F. 什么是H5页面

H5是HTML5的简称。

HTML5是HTML最新的修订版本，是一种超文本标记语言。H5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。

发展

H5页面就是利用html5制作出来的页面，尤其在微信中发展迅速，借由微信这个移动社交平台，正在走进更多人的视野，比如从引爆朋友圈的H5小游戏《围住神经猫》，到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》，各种H5游戏和专题页纷纷崭露头角。

为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括邀请函、贺卡、测试题等形式。

G. Web前端开发知识点之HTML5的应用

今天小编要跟大家分享的文章是关于Web前端开发知识点之HTML5的应用。正在从事web前端工作的小伙伴们来和小编一起看看一看吧，希望本篇文章能够对大家有所帮助。

HTML5的应用


HTML5凭借着增加的新功能和新特性，以及对开发当今流行的移动应用的适应性，一经面世，就受到了开发人员及用户的青睐。


①HTML5开发游戏


HTML5新增了canvas对象，可在浏览器中绘画图像，无须额外地安装插件即可实现原来Flash的功能。因此，可利用这个新增加的功能，辅以JavaScript,CSS等进行HTML5游戏的开发，尤其是移动端小游戏的开发。由于移动设备的便携性，设计精巧的HTML5小游戏可通过各种移动应用接口或者浏览器进行加载，因此，HTML5游戏借助各种社交平台(如微信朋友圈、微博或其他社交网站)疯狂传播，一度风靡。例如，2014年大火的“围住神经猫”，借助朋友圈的分享，无须下载，即点即用，收获了一大批忠实粉丝，上线3天即创造了用户量500万、访问量超1亿的神话，甚至还带动了有关神经猫的各类周边产品。


②HTML5进行网络营销


网络营销是建立在互联网基础上，借助互联网来更有效地满足顾客的需求和愿望，从而实现企业营销目标的一种手段。HTML5页面设计美观、功能强大、互动性强、适合移动端操作，营销设计人员们趋之若鹜，一时间，基于HTML5创建的各类营销宣传页十分流行，甚至有了简称为H5营销的概念。H5营销通常用于活动运营、品牌宣传、产品介绍及总结报告等，其形式多样，可以是游戏、邀请函、贺卡、测试题等。究其根本，HTML5无非是HTML的更高版本，它在今天的互联网营销中能受到如此青睐，一是互联网的快速发展，特别是移动社交平台的传播优势使得人们越来越注重网络营销;二是设计效果美轮美奂，并且通过HTML5实现各种外观及互动设计更加便捷，因此各种H5营销更能吸引眼球，抓住人心。例如，微信曾为抢红包推出的专题页面《从此看尽中国人的名与利》，创意巧妙新颖，画面设计细腻，文案发人深省，堪称设计典范。淘宝曾在“双十二”推出的预售推广专题页，操作简单，然而页面呈现效果流畅、生动，将HTMI5技术发挥得淋漓尽致。


③HTML5开发WebApp


WebApp就是运行于网络和标准浏览器上，基于网页技术开发实现特定功能的应用。Web
App与一般Web网站的区别在于：一般Web网站使用网页技术做信息的展示，包括文字和媒体文件等，而WebApp更侧重于执行某个任务。Web
App具有跨平台特性，用户不需要下载，不需要频繁升级更新，且可进行动态的更新。使用HTML5的描述文件功能，可实现应用的离线使用。虽然Web应用使用的基础就是网络通畅，然而无法保证应用永远不掉线。而离线应用可以保证Web
App应对间歇性的网络中断时，不会中断任务，用户体验如同原生App。此外，HTML5新增的本地存储功能、音视频播放功能以及更多的API，可更便捷地实现丰富的功能和良好的交互。


HTML是一门不断发展的语言，HTML5的标准制订不仅契合当今Web发展的现状，而且又为HTML的后续发展增添了新的设计理念。当下，HTML5应用普及流行，虽然还有一些限制，如HTML5页面泛滥后人们的审美疲劳以及Web
App本身的普及度并未达到预期等。但是，正如HTML是不断发展的，Web的开发也会持续向前发展。


以上就是小编今天为大家分享的关于Web前端开发知识点之HTML5的应用的文章，希望本篇文章能够对大家有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利。


文章来源：原创凯哥的故事

H. 目前有哪些比较成熟的 HTML5 游戏引擎

cocos2d 应该是IOS平台最火的游戏引擎之一，保险起见加个‘之一’总是没有错了哈。而cocos2d-js则是官方新推出不久的JS版本，之前还有个cocos2d-html5，也不知道为什么又推出cocos2d-js，有什么区别呢看还有c++版本之类的，万一你以后要改其它编程语言，还可以继续使用cocos2d。大公司，好像要上市，团队作品，文档很全。开发完可以转换成原生应用，打包之后你的游戏也就和html5没什么关系了，调用的都是高级接口，牛逼闪闪。egret 最近也火到不行，自从出了那个围住神经猫之后……虽是新团队，但也是企业级产品，据说团队都是来自各界精英，大部分是从Flash阵营转过来的。用的是typescript作为开发语言，而且和cocos2d-js一样 也可以转换成原生应用。生命力很旺盛，假以时日必成大器。还有跟腾讯X5浏览器合作，恐怕会是微信游戏开发不二之选。不过看过一些用egret开发的案例，感觉有点Low，也许是围住神经猫给人留下的第一印象吧。比起egret，Sirius2D 展示的一些案例，效果都杠杠的，但是对于他们团队的了解并不是很多，也没有像egret那样搞在线培训，我个人对这引擎还是挺有好感的，但就是不知道它明天会不会死，今天还一度打不开官网…… 拜托也努力一点好吗看lufylegend 应该是《HTML5 Canvas游戏开发实战》作者开发的，这个感觉倒是挺努力的，但是Canvas怎么拼得过WebGL。。。

I. HTML5围住神经猫

源码简介 相关最新源码
HTML5围住神经猫游戏网页版是一款基于HTML5 canvas、egret_loader.js和jquery.min.js等技术制作的围住神经猫网页版游戏源码。
游戏玩法：

游戏随机出现灰色圆点和橙色圆点，屏幕中央为一只扭动的神经猫。游戏要求通过触击灰色圆点从而变成橙色，使橙色圆点将神经猫四周全部包围起来，进而使其不能再行移动即为胜利。

J. unity3d制作 围住神经猫 ，求大神

你可以看一下
“极客学院”，
里面有用
Android
和
HTML5
两种方式实现了围住神经猫