HTML5受全民追捧,想变现还得傍上O2O
myzbx 2024-12-30 05:30 18 浏览
近期,几家游戏引擎公司、数据公司和分发平台都纷纷发声,预测HTML5游戏将在今年爆发。然而就轻量的HTML5游戏来说,继《围住神经猫》之后,就没有再出现有一定影响力的游戏。
1999年,他用HTML5写了一个棋牌类游戏平台,令他3个月内赚了300万。之后,他又开发了国内三大休闲游戏平台之一的可乐吧,他就是Layabox的CEO谢成鸿。Layabox是一家为Flash程序员开发HTML5提供技术解决方案的公司,简单地说,借助Layabox的解决方案,程序员可以直接在Flash环境下开发大型的重度HTML5游戏。
2010年,赵霏开始第二次创业——磊友科技,从手游行业转向HTML5,就是因为乔布斯的一句话:“移动时代是低功耗设备、触摸屏界和开放网络标准的时代,Flash已经落伍。”在苹果、Facebook等科技巨头们纷纷加入HTML5行业之时,赵霏和他的团队开始着力开发HTML5的解析引擎和手机浏览器,同时也被李开复相中,成为创新工场孵化的第一个HTML5项目。
然而,到了2012年,HTML5从技术支持到产品都不见成效,自身的标准制定也分成了两派,Facebook创始人马克·扎克伯格更公开宣布放弃HTML5。这一年,赵霏和他的团队把重心都放在了开发大型手机HTML5网页游戏上。
2013年,磊友科技陆续推出的5款HTML5游戏都没有获得成功,团队不断有人出走,一直笼罩在“散伙”的阴影下。有的转去做代计费的,有的转去做iOS和Android开发,有的甚至离开了这个行业,几近凋敝。团队只剩下了两三个“元老”,但是赵霏仍旧没有放弃HTML5。
HTML5就这样一直在冰火两重天里游走,谁也没有想到,就在2014年8月,一个HTML5的小游戏《围住神经猫》在微信朋友圈一夜爆红,而南京泥巴怪公司其实只是为了拉点用户,花了一天功夫就将它做了出来。自此以后,HTML5的“卡片”广告、邀请函、互动游戏在朋友圈里盛传,不管是营销公司、游戏公司还是风投,都跟风研究起HTML5。
风口,大型游戏借HTML5颠覆App?
近期,几家游戏引擎公司、数据公司和分发平台都纷纷发声,预测HTML5游戏将在今年爆发。然而就轻量的HTML5游戏来说,继《围住神经猫》之后,就没有再出现有一定影响力的游戏。而且,《围住神经猫》一直为人诟病的就是,生命周期短,没法将流量变现,而这两点恰恰是游戏的命脉。
在谢成鸿看来,HTML5游戏的前景在于大型游戏。
但问题就来了,大型的HTML5游戏需要有高性能的浏览器适配,如若不然,卡顿、发热就会成为硬伤,目前看来还没有浏览器可以顺畅地跑大型游戏。于是,就衍生出了做HTML5加速器的公司,Cocos、白鹭引擎和谢成鸿的Layabox俨然成三足鼎立之势。
“Cocos和我们主要针对较大的游戏开发者,白鹭引擎主要面向小开发者,在HTML5游戏潜在客户里,我们已经占有一半左右。”谢成鸿说道。据悉,国内20家主流页游厂商中,已经有三分之一与Layabox合作。
“大型HTML5游戏在普通浏览器上跑不动,这是最大的问题。”他说。于是,Layabox就做出了一套针对HTML5生态链的整体解决方案。
目前,Layabox有三个主要业务方向,在开发者端,基于Flash的开发环境较为成熟,所以Layabox为开发者提供在Flash环境下开发大型HTML5游戏的解决方案,夸张一点的理解就是一键转换;在浏览器适配问题上,Layabox开发了自家的加速器,可以让微信这样的流量平台也可以跑得动大型页游。
几年前,赵霏和他的团队也都认为,PC上既然经历了从端游到页游的趋势,说明用户有使用场景上的需求,那么在移动设备上,应该也会有从App向HTML5转移的倾向。在解决卡顿和发热的前提下,毕竟HTML5游戏不用下载安装,比起App更加方便,而且营销成本将近比App要低10倍。
难道HTML5真的能颠覆App?经过几年的试水,赵霏开始不看好大型HTML5游戏在移动端的前景。因为他发现,用户在手机上玩大型游戏时,还是会倾向于App。“用户体验的时间和场景都是不对的,举个简单的例子,当你想再玩一次HTML5网页游戏时,会发现很难找到入口,但App至少在桌面上有个图标。”他对《IT时报》记者说道。
模式,流向变现还得傍上o2o
在海底捞,最壮观的场景就是排队等食,虽然已经使出了免费美甲、免费擦鞋等招数,但仍旧没有缓解食客因为排队而流失的情况。
这倒是激发了赵霏的灵感,于是磊友科技就为海底捞设计了一个HTML5的游戏营销方案。食客在排队时,可以通过扫描二维码玩一个小游戏,如果能荣登排行榜,就可以领取海底捞的代金券。
今年1月份,这个HTML5游戏上线,在北京10家海底捞分店进行试玩,结果显示,20%~30%的食客愿意参与进来,达到了30万人次的访问。
从海底捞的成功案例开始,宝洁、可口可乐、旺旺等公司都踏进了赵霏的门槛,目前已有将近100家企业让他们定制游戏。一般这些小游戏都会被植入商家的微信公众号内,玩游戏并分享至朋友圈来赢取代金券,就是用积分抽奖等方式帮电信运营商消耗积分。
那么,怎么解决用户留存的问题呢?“HTML5的游戏营销最重要的是考虑使用场景,比起横幅、弹窗等互动性不强的移动营销模式,效果更好。”赵霏说。
一般来说,在外面消费时,HTML5就显示出了不用下载安装的优势。到酒店先连Wi-Fi是一个常见的使用场景,客人可以直接扫二维码自动关注酒店微信号,同时取得连接Wi-Fi的权限,然后就能点开公众号里的菜单,玩游戏赢取附近餐厅的代金券。
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
更多干货关注o2o杂志网的微信公众号:“o2ozazhi”长按可复制,也可以直接搜索“o2o杂志网”添加关注,提供最权威,最专业的o2o咨询,汇集最全面,最详实的大数据资料。
相关推荐
- 以文本的方式绘制简单的SVG流程图——flowchart.js
-
介绍flowchart.js是在浏览器和终端中运行的流程图DSL和SVG渲染。节点和连接是分别定义的,因此可以重复使用节点,并可以快速更改连接。也可以在DSL中对节点和连接器样式进行细微的更改。Git...
- 全国首套构网型SVG在木垒投运
-
中新网新疆新闻1月5日电(翟文辉)12月29日,全国首套构网型SVG在新疆木垒华电220千伏四十个井子汇集站并网,本项目是新疆电网继阿克陶构网型储能后又一次构网型支撑项目示范。为全面响应国家“双碳”...
- Popmotion – 小巧,灵活的 JS 运动引擎
-
Popmotion是一个只有12KB的JavaScript运动引擎,可以用来实现动画,物理效果和输入跟踪。原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用。Popmoti...
- 零基础教你学前端——43、初识SVG
-
解决网站图标问题的最佳方案——SVG!SVG是一种基于XML语法的图像格式,英文全称是:ScalableVectorGraphics,即可缩放矢量图,是W3C的一项建议。我们用手机拍摄...
- 2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF
-
2.3文件格式全解:PSD/JPG/PNG/SVG/GIF一、文件格式的核心意义文件格式是数字图像的存储规则,决定了:-信息保留程度(图层/透明度/动画)-压缩方式与画质损失-跨平台兼容性-...
- vite v6.3.2 发布!HMR 优化+CSS 增强+稳定性提升,前端开发再提速!
-
前言:Vite6.3.2来了!2025年4月18日,Vite团队正式发布了v6.3.2版本!虽然是一个小版本更新,但修复了多个关键问题,并带来了性能优化和稳定性提升,让开发体验更丝滑!如果你还...
- 一篇文章带你了解SVG 蒙版(Mask)
-
SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。一、简单的蒙版代码解析:本示例使用ID=mask1定义...
- SVG实现的流程图绘制
-
一、项目简介使用SVG技术实现的流程图绘制二、实现功能流程图块生成、连线、拖拽产生相应的xml和xpdl导入导出json数据放大缩小功能保存操作(选择、自动插入、开始结束、普通活动、子活动、块活动、路...
- 解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享
-
前言当我们访问网站时,如果访问到不存在的路径时,会出现404错误。为了避免给访问者带来不良体验,设计网站时通常会在页面上展示“404页面不存在”的提示,并引导用户进行返回首页等操作。因此在建立网...
- 交互设计师做好动画后,提交给开发的文档有哪些?
-
谢邀!简单的说一下自己的看法。首先从制作动画开始。目前制作动画的方式主要有:Gif动画视频动画Web动画,而Web动画又包括:CSS动画、JS动画(Canvas动画、原生JS动画API)、SVG动画等...
- Motion for Vue:为Vue量身定制的强大动画库
-
在前端开发中,动画效果是提升用户体验的重要手段。Vue生态系统中虽然有许多动画库,但真正能做到高性能、易用且功能丰富的并不多。今天,我们要介绍的是MotionforVue(motion-v),...
- Web开发人员的福音!8个实用的SVG工具
-
SVG可缩放矢量图形(ScalableVectorGraphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格式...
- 一键画波浪线、一键多图片调色?这3个网站好玩到停不下来
-
作为一个经常收集网站的PPT设计师,无意中发现了一些超级有趣的网站。只要你动手能力足够强,就一定会利用它做出创意作品。不说废话,直接进入主题。1、炫酷的光线绘画网站http://weavesilk.c...
- vite 6.2.5 更新速递:告别SVG路径Bug,构建效率再提升!
-
Vite6.2.5更新公告2025年4月3日,Vite团队正式发布了Vite6.2.5版本!此次更新虽然是一个小版本迭代,但修复了一个关键问题,涉及SVG文件路径检查,对前端开发者尤...
- DrawSVG – SVG 路径动画 jQuery 插件
-
jQueryDrawSVG使用了jQuery内置的动画引擎实现SVG路径动画,用到了stroke-dasharray和stroke-dashoffset属性。DrawSVG是完全...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 基础教程 (29)
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)