从“跳一跳”到“羊了个羊”微信小游戏上线4年时间,除了涌现出不少火爆全网的小游戏之外,也有类似于“动物餐厅”、“口袋奇兵”等游戏得以在此孵化繁荣,凭借着微信强大的社交属性小游戏成为游戏厂商在桌面端、App 端、H5 端之外争夺的另一个窗口。

依托小程序而诞生的小游戏为什么能够受到如此大的关注?抛开桌面端和 App 端而言,与 HTML5 游戏相近的小程序游戏为何能频频出爆款出圈?

小游戏和H5游戏的关系也并不是非黑即白的关系,小游戏在H5游戏的基础上不断的优化,更像是我中有你的关系,但不管怎么样,技术的持续推陈出新形成了对用户来讲更佳优质的体验,就是一件好事。

小游戏的前世今生

小游戏从微信小程序诞生,我们不妨看看他的官方定义:小游戏是以小程序为载体的新游戏产品形态,具备无需下载、即点即玩、体验轻便等特点。

「呼朋引伴,说玩就玩,玩完就走」,这或许是对小游戏最准确的定义。

小游戏的前世

如果要追溯的话,在2016年4月12日,微信发布《微信外链规范》,将诱导分享、诱导关注、H5游戏等9大类外部链接内容列为违规内容,一经发现将立即作停止访问、屏蔽链接等处理。此举一度引发行业对于“微信要封杀H5游戏”的担忧。但现在看来,提前规范H5游戏链接分享行为,除了净化朋友圈内容,也正是腾讯在为微信开放H5游戏平台铺路。

2017年,腾讯正式在微信、手Q两大社交平台启动H5手游首轮测试,首款测试产品是其经典当家休闲游戏之一《天天爱消除》。随即通知小程序功能升级,正式推出小游戏。

在早期小游戏的玩法非常简单,更多类似连连看、俄罗斯方块、找不同等,比如俄罗斯方块,这种主要的技术点就是 DOM 操作,用 jQuery 原生 javascript css3 就可以了。画面内元素比较简单,逻辑不会太复杂,结构与常规Web 页面一致;主要技术点:DOM 元素、jQuery、原生javascript css3。

现在更复杂了一些,加了各种赛车类的、低画质格斗类的和塔防类的等等,总而言之就是在方便使用、方便运行、保证能玩的基础上使玩法更多、体验更优秀。

小游戏的今生

根据腾讯官方在2022年发布的数据显示,目前小游戏的开发者已经达到10万+,其中2021年实现了超 30%的商业增长,连续三年保持可观的增速,全年流水破千万的小游戏产品超过50款,过亿流水7款。

从数据可以明显看到,小游戏生态走向繁荣,其背后的商业规模也在持续的增长。

小游戏和H5游戏相比有何优势

H5 游戏的技术特点

H5 游戏在QQ农场、抢车位、4399小游戏的带动下,曾经也是达到过巅峰的,2017年 H5 游戏市场为30亿元,手游市场规模达到1440亿元。如果要说H5游戏的技术特点,主要应用到 DOM CSS、Canvas、WebGL,以及一些游戏引擎。

优点:

  • 开发成本相对低
  • 跨系统、跨终端、跨平台
  • 无需下载安装,即点即玩

缺点:

  • 制作门槛相对低
  • 缺少固定流量入口
  • 体验差距(性能、流量等)

小游戏的技术特点

小游戏是在 H5 游戏的基础上增加微信社交能力、文件系统、工具链,去掉一些对游戏开发不是那么重要的,像Dom、Bom 等,微信小游戏没有 webview 了,H5 规范 API 这里是微信小游戏 sdk 自己实现的,比如 canvas webgl。

优点:

  • 小游戏的操作逻辑更多,能够实现手搓键盘秀操作,而 H5 游戏只能做到点击互动
  • 能够调用系统的蓝牙、音频权限
  • 有固定的流量入口,可以实现用户的持续运营变现
  • 性能比 HTML5 要好,运行状况也更加稳定 小游戏的画质强体验更好,也能玩到不少创意十足的

缺点:

  • 仅能单一的运行在微信或抖音等平台
  • 游戏的开发和运营受限于各个平台标准

为了更为直观的进行对比,将一些重要的点梳理成为表格形式供大家参考:

小游戏引擎

虽然我们前面说了很多HTML5 与小游戏的区别,但请注意,无论怎样的引擎,最终在游戏运行时所做的大部分事情都是随着用户的交互更新画面和播放声音。

游戏引擎是指一些已编写好的可编辑电脑游戏系统或者一些交互式实时图像应用程序的核心组件。这些系统为游戏设计者提供各种编写游戏所需的各种工具,其目的在于让游戏设计者能容易和快速地做出游戏程式而不用由零开始。

小游戏的开发语言是 JavaScript,那么在引擎的底层就需要通过 JavaScript 调用绘制 API 和音频 API。在小游戏中,常见的引擎如下:


现在为了让更多的小游戏有更加完整的闭环,除了单一的可以在微信平台进行运行,有技术厂商已经开始通过集成 SDK 的形式支持将小程序游戏迁移至其他的 App 中,能够让小游戏的价值得以放大。

例如小程序技术底座厂商 FinClip ,他们除了支持集成 FinClip SDK 让任何 App 像微信一样具备小程序的运行能力外,还通过对几大游戏引擎的兼容,让微信生态内的小游戏也能照常运行到其他的 App 内,对于广大的开发者来讲除了能够拓展业务的边际外,还能打破微信平台的约束实现更大化的发展。

当然,小游戏作为一个只有4岁的新生模式,还有非常多可以深入发展的方面值得我们继续关注。

小程序游戏 vs h5游戏,技术优势分别有哪些相关推荐

  1. 小游戏与H5游戏对比与梳理

    H5游戏是运用了h5技术的响应式网站布局的游戏,它完全实现了网页游戏在手机移动端的无缝衔接.众所周知,H5游戏已盛行了多年,而如今,随着诸多小游戏的推出,小游戏爆款频出,从"跳一跳" ...

  2. 解密|小游戏与H5游戏的不同之处

    从"跳一跳"到"羊了个羊"微信小游戏上线4年时间,除了涌现出不少火爆全网的小游戏之外,也有类似于"动物餐厅"."口袋奇兵" ...

  3. 浅显易懂的说清楚小游戏与H5游戏的区别

    从"跳一跳"到"羊了个羊"微信小游戏上线4年时间,除了涌现出不少火爆全网的小游戏之外,也有类似于"动物餐厅"."口袋奇兵" ...

  4. 微信世界争霸服务器,微信世界争霸小程序进不去游戏怎么办

    微信世界争霸小程序进不去游戏怎么办?微信世界争霸小游戏设置相关问题问答攻略,希望对大家有帮助. Q:世界争霸一共有多少个区服,如何查看自己在哪个服呢? A:情况是这样的: 1.目前游戏共有8个服,后续 ...

  5. 小程序源码:游戏扫码登录多功能工具箱集合

    这是一款由多功能集合的一款微信小程序源码 该小程序无需服务器,无需域名所有功能都无需API接口,所以也不用担心功能失效 具体功能由以下功能组合 游戏扫码登录(N款热门游戏支持扫码登录如王者荣耀,和平精 ...

  6. 小程序源码:游戏助手王者战力查询扫码登录多功能微信小程序

    这是一款游戏多功能助手小程序 内由王者战力查询(支持微信QQ双端查询,安卓IOS) 游戏扫码登录(内支持多种游戏扫码登录) 短视频去水印功能(支持各大平台) 游戏改名助手(支持空白名生成,符号名生成) ...

  7. 小程序源码:游戏助手微信小程序源码王者荣耀战力查询,游戏扫码登录器-多玩法安装简单

    这是一款游戏助手小程序源码,UI方面的话还是挺简单,小编个人看着挺舒服的 小程序内支持多种热门游戏扫码登录,也就是说是一个游戏登录器 比如英雄联盟,王者荣耀,和平精英等等热门游戏都支持 另外还有王者战 ...

  8. h5跳转小程序_微信小程序吞掉H5?

    近来小程序越来越火,如果能嵌入h5,微信小程序会吞掉H5吗?意味着未来小程序创业者能影响整个web世界的信息流分发和服务流分发.像他一样,不少开发者把这看作最近半年微信最重要的能力释放,那么这两项功能 ...

  9. 开源全平台版知识付费系统源码 支持微信小程序+公众号+H5+PC端

    分享一个开源全平台版知识付费系统源码,系统支持微信小程序+公众号+H5+PC端,一套系统实现全端数据及用户体系全面打通,轻松实现店铺全网一站式运营.含完整代码包和详细搭建教程. 系统支持视频课程.音频 ...

最新文章

  1. Quartz动态添加、修改和删除定时任务
  2. 这一波震撼的福利,你绝对想不到!!!
  3. STM32学习笔记之__attribute__ ((at())绝对定位分析
  4. java构造函数中的this_关于构造函数中使用this的问题
  5. 音视频技术开发周刊 | 176
  6. DP问题之 捞鱼问题
  7. 聊聊eureka的preferSameZoneEureka参数
  8. 基于卷积神经网络模型的MSTAR高分辨率图像数据集识别实践【后续:网络层可视化分析】
  9. 模拟电子技术基础 第二章 常用半导体器件原理
  10. unity 2021.3.6f1 报错 dependencies manifest(Microsoft.NetCore.App.deps.json)was not found
  11. Learning Deep Structured Semantic Models for Web Search using Clickthrough Data
  12. 如何在手机上查银行卡号?进来手把手教你!
  13. nfc卡模式与标准模式_NFC的工作模式有哪些主动模式和被动模式的详细讲解
  14. QRCode.js:使用 JavaScript 生成二维码
  15. Apex英雄手游国服何时上线 Apex英雄手游和端游互通吗
  16. matlab调频调幅立体声接收机,基于simulink调幅调频发射接收机的设计.doc
  17. 0 13 amp 0 17c语言,急等网址跳转大神,无用网址尾巴处理:index.php?id=13amp;amp;rew...
  18. 企业IT管理员IE11升级指南【8】—— Win7 IE8和Win7 IE11对比
  19. python实现12306全自动抢票
  20. 2022年值得关注的 8 个人工智能趋势及中国人工智能行业发展情况

热门文章

  1. 详细讲解:打印菱形(随心所欲版)
  2. target is null for setProperty(null, name, [Ljava.lang.String;@ffc6ae)
  3. Unity-WebGL打包后不能输入中文
  4. JS Worker多线程
  5. 个人网站已备案,更换服务器后需要重新备案嘛?
  6. 那些能帮我愉快Coding的Webstorm插件
  7. 介绍一个很不错的电影网站
  8. Exception from HRESULT: 0x80004004 (E_ABORT) 的错误
  9. 用555芯片构成单稳态电路分析以及参数选择
  10. 【模拟IC】电荷泵基础1(On-chip High-Voltage Generator Design)