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

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

小游戏的前世今生

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

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

小游戏的前世

如果要追溯的话,在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。在小游戏中,常见的引擎如下:

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

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

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

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

浅显易懂的说清楚小游戏与H5游戏的区别相关推荐

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

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

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

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

  3. 小程序游戏 vs h5游戏,技术优势分别有哪些

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

  4. 小程序和H5有什么区别?

    小程序和H5有什么区别? 1.运行环境 微信小程序的运行环境是一个不完整的浏览器和基于浏览器内核重构的内置解析器.通过定制开发语言标准,可以大大提高微信小程序的流畅性. H5的运营环境包括浏览器,包括 ...

  5. 微信小游戏 - 小游戏 vs H5 游戏性能对比和分析

    这是个人关于微信小游戏系列文章的第三篇,在这系列文章里会描述 -- 如何把一些 Canvas/WebGL Demo 移植到小游戏环境并支持双端运行: 对小游戏在 Android 平台的运行时架构进行分 ...

  6. 用微信小程序做H5游戏尝试

    微信小程序发布后,公司虽然没有拿到第一批内测资格,但作为微信亲密合作伙伴,一定要第一时间去尝试啦.现在微信小程序刚发布还在测试阶段,可以说是1.0版本,所以框架和结构内容都还不多,相关的文档跟微信AP ...

  7. 非法操作 login.php,阅文游戏中心 h5游戏接入wiki

    阅文游戏中心<h5游戏 CP接口规范> 接口要求规范 游戏方接口说明:游戏方需按照规范提供,阅文进行调用 阅文接口说明:阅文提供,游戏方调用 参数 time 为Unix 时间戳(Janua ...

  8. Html5小游戏 转微信小程序,白鹭H5游戏转微信小游戏问题集锦,你关心的都在这里...

    首先,再次强调一些微信小游戏的基础技术限制: * 不允许操作 DOM.BOM.如果必须改成小游戏相应的 API 调用方式,目前引擎会自动引入weapp-adapter.js 文件做兼容处理. * 不允 ...

  9. h5端登录是什么意思_关于app、小程序和h5之间的区别

    1.APP 运行环境--Android和IOS手机操作系统 系统权限-- 最多最全面,但有些属于隐私需要用户授权才能调用. (安卓与IOS也有许多差异:Android类似于Windows,App几乎可 ...

最新文章

  1. codevs 1376 帕秋莉•诺蕾姬
  2. iOS-NSThread编程详解
  3. 精选 26 个 Python 实用技巧,想秀技能先 Get 这份技术列表!
  4. matlab与python实现神经网络_Adaline神经网络简单介绍和MATLAB简单实现
  5. C++_程序内存模型_new运算符---C++语言工作笔记030
  6. 校招刷题---java选择题笔记03
  7. 文件怎么更新_安装累积更新丢文件似乎已成为惯例 KB4556799同样出现文件丢失问题...
  8. 杭电2391--Filthy Rich(DP)
  9. 又找到一个免费的ASP.net2.0免费空间,支持MS Sql Server Express2005 及Ftp
  10. Atitit 关于建立知识库体系的方案
  11. ftp服务器vsftpd配置文件,vsftpd配置文件详解及ftp服务器搭建
  12. h5打开app指定页面,有则打开,无则下载
  13. 简述ip地址的abc类如何划分_IP地址ABC类解释
  14. 实用PS-抠图换背景
  15. Verilog语言入门
  16. Shader编程学习笔记(五)—— Fixed Function Shader 1
  17. 基于功能连通性MRI对大脑皮层的局部功能分区进行划分
  18. Vue-Cli 3.0 + vue.config.js
  19. 堆排序(JAVA版)
  20. biubiu加速器下载安装包路径

热门文章

  1. 回溯算法解子集、组合、排序
  2. 中文新闻文本标题分类(基于飞桨、Text CNN)
  3. 以下对微型计算机系统的描述正确的是什么,以下对微型计算机汉字系统描述正确的是()...
  4. 元件引脚电气类型作用
  5. Life-Long Learning(LLL)终身学习的理解
  6. 将 PDF 压缩到 1 MB 或更小的 5 个工具
  7. 【数据结构与算法】String大数加减乘除(非负整数)
  8. ABAQUS纤维增强复合材料层合板分层和界面损伤与扩展分析-想学习ABAQUS复合材料建模分析,那就来这里!
  9. Tiva C LaunchPad入门(1)
  10. MySQL 系统表损坏导致xtrabackup备份失败Cannot open filepath