HTML5APP实战(1): 围住神经猫(一)

2014年7月小伙伴们的朋友圈被一款名为“围住神经病猫”的小游戏刷屏。这只露着屁股、腰身细长的白猫,在手机屏幕中贱贱地扭动腰肢,一副欠扁的模样。之前学习到了一款WebAPP开发神器:Gamebuilder + Cantk 具有非常高效流畅的webapp开发体验,开发速度无出其右。这里主要介绍通过它来开发神经猫游戏。

通过有关媒体介绍,神经猫这款游戏的开发团队有美术一人,程序员一人,用时1.5天完成,48小时上线。上线当天PV值达到86.5万,IP破23.4万。在接下来的24小时后,PV窜升到了1024万,IP更高达241万。我相信借用了这一套WebAPP开发神器,0.5天就能上线一款类似的小游戏。说不定下一个刷爆微信圈的小游戏就会出自你之手 :)

神经猫游戏很难吗?

俗话说内行看门道,外行看热闹。神经猫这款游戏能够火在我看来完全是偶然的。而背后支撑神经猫游戏的所谓"引擎公司"由此也火了一把更是让我觉得莫名其妙。总结来说,这款游戏可以通过任何游戏引擎开发,在这款游戏中也体现不出所谓引擎的优势。相信看了接下来的这篇文章你也会有一样的感触。

围住神经猫游戏中用到了最短路径算法与最大通路算法。神经猫的逃跑策略总是考虑当下离边缘最近的路线。关于这两个算法的介绍可以到这里查看:算法

了解了算法之后这里放一个该游戏的在线编辑链接和在线运行链接,下一篇文章会介绍整个游戏的开发流程:)

在线运行:http://gamebuilder.duapp.com/apprun.html?appid=genius-321422689309100

在线编辑:http://gamebuilder.duapp.com/gamebuilder.php?appid=genius-321422689309100

参考资料:https://github.com/drawapp8/gamebuilder/wiki/%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3

时间: 2024-12-21 18:57:27

HTML5APP实战(1): 围住神经猫(一)的相关文章

HTML5APP实战(1): 围住神经猫(二)

之前的文章分析了围住神经猫游戏的"偶然性",这篇文章主要介绍通过Gamebuilder + CanTk来完成整个游戏的设计开发. 1.新建项目删除场景中的球和草地,并放置背景图片,和猫移动的方块: 这里场景的背景图和猫移动的圆圈均是简单的Label图片. 2.放置一个帧动画来表示猫 猫从蹲下到站立一共有16个状态,点击选择图片来进行图片的拆分. 3.放置游戏开始的界面图片: 点击开始游戏的时候隐藏该控件并把帧动画显示出来: Gamebuilder提供了非常人性化的代码编辑工具,而且极大

HTML5APP实战(2): 赛车游戏

先Show一下最终的运行效果: http://gamebuilder.duapp.com/apprun.html?appid=genius-441422599398441 在线编辑界面: http://gamebuilder.duapp.com/gamebuilder.php?appid=genius-441422599398441 1.新建项目,删除篮球和草地.选择垂直方向平铺,在道路中间放置一个刚体检把道路一分为2. 2.设置游戏场景的虚拟高度为5000,X方向和Y方向重力设置为0 3.放置

我们都傻不啦叽为《围住神经猫》免费推广!

[谋哥每日一干货,第三十九篇] <围住神经猫>这个HTML5小游戏从7月22日出现后,仅花了2天时间,百度指数直接上升到15000!互联网的App世界再次出现专家无法理解的奇迹.如下 图: 其传播之快,简直可以用病毒来形容,对,其实就是病毒式的传播.谋哥为了更好理解这种传播方式,把它叫做“社交自传播”,主要它通过社交手段来传播,并且 不是自己主动去推广,而是用户“傻啦叭叽”地心甘情愿地帮它推广.且搜索的指数中,移动搜索占到12000的样子,移动时代早已到来. 昨天还有人跟我说“App已经一片红

极客学院前端实战开发 网页小游戏/网页布局/导航/标签页/语音识别

===============课程目录===============<实战开发教程>├<1 围住神经猫-HTML5实战游戏开发教程>│  ├1. 围住神经猫-游戏玩法.mp4│  ├2.围住神经猫-使用createjs.mp4│  ├3. 围住神经猫-绘制页面元素.mp4│  ├4.围住神经猫-添加监听事件.mp4│  ├5.围住神经猫-简单的逻辑实现游戏效果.mp4│  ├6. 围住神经猫-完整游戏效果实现.mp4│  └<source>├<10 回到顶部功能实

【机器学习实战】Machine Learning in Action 代码 视频 项目案例

MachineLearning 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远 Machine Learning in Action (机器学习实战) | ApacheCN(apache中文网) 视频每周更新:如果你觉得有价值,请帮忙点 Star[后续组织学习活动:sklearn + tensorflow] ApacheCN - 学习机器学习群[629470233] 第一部分 分类 1.) 机器学习基础 2.) k-近邻算法 3.) 决策树 4.) 基于概率论的分类方法:朴素

下载-深入浅出Netty源码剖析、Netty实战高性能分布式RPC、NIO+Netty5各种RPC架构实战演练三部曲视频教程

下载-深入浅出Netty源码剖析.Netty实战高性能分布式RPC.NIO+Netty5各种RPC架构实战演练三部曲视频教程 第一部分:入浅出Netty源码剖析 第二部分:Netty实战高性能分布式RPC 第三部分:NIO+Netty5各种RPC架构实战演练

C#网络编程技术FastSocket实战项目演练

一.FastSocket课程介绍 .NET框架虽然微软提供了socket通信的类库,但是还有很多事情要自己处理,比如TCP协议需要处理分包.组包.粘包.维护连接列表等,UDP协议需要处理丢包.乱序,而且对于多连接并发,还要自己处理多线程等等.本期分享课程阿笨给大家带来的是来源于github开源Socket通信中间件:FastSocket,目的就是把大家从繁琐的网络编程技术中彻底地解放和释放出来. 阿笨只想安安静静的学习下网络编程技术Socket后,将学习的成果直接灵活的运用到自己的实际项目中去.

下载Java8实战视频教程

1.15套java架构师,高并发,分布式,集群,大型分布式综合项目实战详情:https://my.oschina.net/java168/blog/863547 2.36套精品Java高级课及架构课,亿级流量,P2P金融,第三方支付,设计模式实战,程序调优,系统设计:https://my.oschina.net/java168/blog/1539323 下载Java8实战视频教程

[js高手之路]设计模式系列课程-组合模式+寄生组合继承实战新闻列表

所谓组合模式,就是把一堆结构分解出来,组成在一起,现实中很多这样的例子,如: 1.肯德基套餐就是一种组合模式, 比如鸡腿堡套餐,一般是是由一个鸡腿堡,一包薯条,一杯可乐等组成的 2.组装的台式机同理,由主板,电源,内存条,显卡, 机箱,显示器,外设等组成的 把一个成型的产品组成部件,分成一个个独立的部件,这种方式可以做出很多灵活的产品,这就是组合模式的优势 比如:家用台式机电脑,要求配置比较低, 这个时候只需要主板+电源+内存条+机箱+显示器+外设就可以了,不需要配置独立显卡 鸡腿堡+鸡翅+紫薯