百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

围住神经猫,HTML5移动游戏的成功范例

zhezhongyun 2025-01-16 21:36 29 浏览

i黑马注:最近,微信朋友圈最红的不再是各种鸡汤,而是一款呆萌的小游戏“围住神经猫”。不少网友表示,朋友圈已被这只猫刷屏!“围住神经猫”是南京一家公司的游戏团队开发的,开发只用了一天半。现在这股神经猫的传播热潮已经席卷整个网络。这里i黑马为各位带来神经猫背后的故事:

“围住神经猫”火了。这是一款HTML5游戏,在微信获得了疯狂转发,短短两天时间里,即获得一千万次的点击和500万次的用户数。百度指数两日间便完成了0到75804的跨越,而出现食品安全危机的麦当劳在7月21日百度指数峰值时竟比围住神经猫的百度指数少了两万多。

一个设计再加一个程序员,开发时长共计1.5天,这就是一款百万用户数游戏的全部成本。这款游戏是南京泥巴怪公司开发的,做“围住神经猫”也是想为了自己的“在线儿童社区”聚拢些用户而已。

“围住神经猫”采用HTML5游戏方式开发,最大的好处就是“即点即玩”,为游戏微信传播提供了一个“便捷”的前提,而非像通常意义上的 App 那样,需要经过更多的步骤从应用商店下载。而开发成本低的原因也恰恰是因为使用了HTML5游戏引擎——开发者只负责考虑创意问题,重复机械的底层游戏编程模块则由游戏引擎负责。

于是,作为“围住神经猫”的游戏引擎,HTML5游戏引擎公司Egret也赶上了这波现象级神经猫热潮,一日之间网站浏览量翻了十倍。

对于Egret创始人兼CEO陈书艺来讲,“围住神经猫”游戏网页最下面那一行“Egret framwork”则意味着,他在短短半天的时间里,两部手机——一部iPhone5s,一部三星Galaxy,毫无电力——他的电话已经被打爆了,嵌入广告邀请、采访邀请、投资意向纷至沓来。采访当时,陈书艺的手机还一直在充电状态。马鉴是Egret的联合创始人,负责管理引擎产品和技术团队。他则频繁遭遇QQ群“开小窗”,其中甚至有公司公关,希望马鉴可以帮忙制作HTML5游戏,嵌入公司的一些软推广。《财经天下》周刊采访时曾被打断两次,一次是一个投资人的来访,而另一次是陈书艺短暂离开时,自己的手机刺耳地在马鉴背后发出响声。

Egret是一家HTML5游戏引擎公司,这个定义对普通读者来说可能有些模糊,按照定义来讲,HTML5是一系列制作网页互动效果的技术的集合,而简单来讲,它的优势在于能够在移动端为Flash之所不能为的动画效果。而游戏引擎,则可以用陈书艺过去的经历来解释:2005年,从英国回国一年的他加入Discuz!公司。泡过论坛的人都会在网页的最下方看到:powered by Discuz!字样——它是十年间最流行的网络论坛框架。Discuz!的用户可以在不需要任何编程的基础上,通过简单的设置和安装,在互联网上搭建论坛服务。直到今天,还有很多论坛在使用这套框架。而Egret想要做得就是HTML5游戏界的Discuz!。

游戏引擎行业也不乏国际品牌,Cocos的2D引擎,Unity的3D引擎已是声名在外。而Egret的市场策略与它们的不同之处在于,前两者的使命是使游戏开发者在开发App游戏上更加便捷,而Egret则侧重于开发HTML5游戏。这种策略挺中国特色的,毕竟目前微信和微博的病毒传播成为一种主流,游戏开发者可能更愿意先通过易于传播的移动网页,以“即点即用”的方式推广自己的游戏,期望用户产生依赖之后,会去应用商店下载。而且,游戏引擎业又不像时尚界、投资界、媒体界一样有“外来和尚光环效应”,毕竟不是每个程序员都是海归,而Egret提供的中文文档使游戏开发门槛更低。

Egret的产品被“围住神经猫”的开发者选为自己的游戏引擎还有一个原因,Egret公司联合创始人马鉴此前十年都在Adobe负责Flash产品研发,连从Egret官网下载的程序后缀都是.air,以Adobe Air开发的程序才会带有这一后缀。而神经猫的开发者此前曾一度开发过Flash游戏。当开发者看到Egret的界面,简直震惊了,因为代码逻辑与Flash开发别无二致,只要稍微替换一些代码说明,即可上手。

给陈书艺打电话的人不乏希望“围住神经猫”可以嵌入广告。现象级产品可以赚快钱,但是现象级产品制造者的制造者,他们的商业模式却不太清晰。在陈书艺看来,这不是现在急需解决的问题,他对《财经天下》周刊的记者说,“我们公司成立才半年多时间,目前就是希望能把产品做好。”

在整个游戏引擎行业主要有三种盈利模式,最简单是卖软件,比如Unity的3D引擎,代理商价格在一万两千元左右,这在中国基本不可行。然后就是为游戏开发者提供云服务等增值服务,以CocoonJS为代表。最后则是利用游戏引擎做一个游戏集合平台,类似最早的Web端4399小游戏集合平台,游戏引擎公司担任因流量的任务,Turbulenz游戏引擎就发布了一个ga.me的网站。对于每一种商业模式陈书艺都不置可否。

他可能还没想清楚做HTML5游戏引擎最终的盈利方向,但是他觉得,今年是他做HTML5搜索引擎最合适的契机,“这个项目让我觉得特别兴奋”,据他所说,他算是为此放弃了一份差点IPO的创业公司——奇矩互动。“我不是想赚多少钱,我是挺想做点……”他没好意思把“做成一件大事”说出口,默默转头开始挪回因为需要拍摄杂志照片而挪动的茶几。

简单的来讲,做HTML5游戏引擎,陈书艺就是想“占山头”,先把这件事做了。在这个时间点上,他和马鉴发现做HTML5游戏引擎的时机已经日趋成熟。首先是移动社交网络的兴起,游戏“即点即用”这个需求是存在的。其次是HTML5的规范标准日趋稳定,Google的Chrome、微软的IE、苹果的Safari逐渐愿意支持规范统一的的标准化。而移动硬件的进化已经逐渐能满足需求运行游戏的需求,2010年,很多智能手机都没有配置对Canvas的硬件加速,这使某些游戏开发者“有心无力”,而现在就连红米Note都已经配备了8核处理器。

陈书艺总提到一个具体的年份,2010年。这一年是一个HTML5的里程碑,乔布斯在加利福尼亚州库比蒂诺总部的内部大会上回答一位苹果员工的提问,“没有人愿意使用Flash,全球已经开始步入HTML5时代。”使得HTML5走入人们的视线中心,此后HTML5经过捧后杀——以一家名叫Moblyng的提供HTML5解决方案的公司的倒闭作为引爆点。“其实这件事也是这个公司自己的经营问题”,陈书艺说,接着他看了一眼被乔布斯视为HTML5的手刃对象Adobe的前员工马鉴。

泥巴怪公司无疑是互联网的幸运者,但是除了HTML5,其本身对一些细节的改造或多或少成为了它火爆的因素。“围住神经猫”并非泥巴怪的首创游戏,此前中美日各国开发者均开发过类似游戏——格点围住一只不断移动的猫,就算获胜。而把日本漫画“全是猫”和围猫游戏相结合,再加上不同级别胜利者的取名“击败了精神病院99%的精神病患者,获得称号精神病院长”、“击败了精神病院100%的精神病患者,获得称号:白天睡觉喵”迎合了互联网亚文化的贱心理,再加上微信分享使人类“攀比心”作祟,使得“围住神经猫”比其它“围猫游戏”更有可能获得人类的关注度,当然,最重要还是运气好。

本文来自《财经天下周刊》的投稿

相关推荐

JPA实体类注解,看这篇就全会了

基本注解@Entity标注于实体类声明语句之前,指出该Java类为实体类,将映射到指定的数据库表。name(可选):实体名称。缺省为实体类的非限定名称。该名称用于引用查询中的实体。不与@Tab...

Dify教程02 - Dify+Deepseek零代码赋能,普通人也能开发AI应用

开始今天的教程之前,先解决昨天遇到的一个问题,docker安装Dify的时候有个报错,进入Dify面板的时候会出现“InternalServerError”的提示,log日志报错:S3_USE_A...

用离散标记重塑人体姿态:VQ-VAE实现关键点组合关系编码

在人体姿态估计领域,传统方法通常将关键点作为基本处理单元,这些关键点在人体骨架结构上代表关节位置(如肘部、膝盖和头部)的空间坐标。现有模型对这些关键点的预测主要采用两种范式:直接通过坐标回归或间接通过...

B 客户端流RPC (clientstream Client Stream)

客户端编写一系列消息并将其发送到服务器,同样使用提供的流。一旦客户端写完消息,它就等待服务器读取消息并返回响应gRPC再次保证了单个RPC调用中的消息排序在客户端流RPC模式中,客户端会发送多个请...

我的模型我做主02——训练自己的大模型:简易入门指南

模型训练往往需要较高的配置,为了满足友友们的好奇心,这里我们不要内存,不要gpu,用最简单的方式,让大家感受一下什么是模型训练。基于你的硬件配置,我们可以设计一个完全在CPU上运行的简易模型训练方案。...

开源项目MessageNest打造个性化消息推送平台多种通知方式

今天介绍一个开源项目,MessageNest-可以打造个性化消息推送平台,整合邮件、钉钉、企业微信等多种通知方式。定制你的消息,让通知方式更灵活多样。开源地址:https://github.c...

使用投机规则API加快页面加载速度

当今的网络用户要求快速导航,从一个页面移动到另一个页面时应尽量减少延迟。投机规则应用程序接口(SpeculationRulesAPI)的出现改变了网络应用程序接口(WebAPI)领域的游戏规则。...

JSONP安全攻防技术

关于JSONPJSONP全称是JSONwithPadding,是基于JSON格式的为解决跨域请求资源而产生的解决方案。它的基本原理是利用HTML的元素标签,远程调用JSON文件来实现数据传递。如果...

大数据Doris(六):编译 Doris遇到的问题

编译Doris遇到的问题一、js_generator.cc:(.text+0xfc3c):undefinedreferenceto`well_known_types_js’查找Doris...

网页内嵌PDF获取的办法

最近女王大人为了通过某认证考试,交了2000RMB,官方居然没有给线下教材资料,直接给的是在线教材,教材是PDF的但是是内嵌在网页内,可惜却没有给具体的PDF地址,无法下载,看到女王大人一点点的截图保...

印度女孩被邻居家客人性骚扰,父亲上门警告,反被围殴致死

微信的规则进行了调整希望大家看完故事多点“在看”,喜欢的话也点个分享和赞这样事儿君的推送才能继续出现在你的订阅列表里才能继续跟大家分享每个开怀大笑或拍案惊奇的好故事啦~话说只要稍微关注新闻的人,应该...

下周重要财经数据日程一览 (1229-0103)

下周焦点全球制造业PMI美国消费者信心指数美国首申失业救济人数值得注意的是,下周一希腊还将举行第三轮总统选举需要谷歌日历同步及部分智能手机(安卓,iPhone)同步日历功能的朋友请点击此链接,数据公布...

PyTorch 深度学习实战(38):注意力机制全面解析

在上一篇文章中,我们探讨了分布式训练实战。本文将深入解析注意力机制的完整发展历程,从最初的Seq2Seq模型到革命性的Transformer架构。我们将使用PyTorch实现2个关键阶段的注意力机制变...

聊聊Spring AI的EmbeddingModel

序本文主要研究一下SpringAI的EmbeddingModelEmbeddingModelspring-ai-core/src/main/java/org/springframework/ai/e...

前端分享-少年了解过iframe么

iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...