HTML5游戏的迷思

2024-02-01 09:59
文章标签 html5 游戏 frontend 迷思

本文主要是介绍HTML5游戏的迷思,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

这里写图片描述

2014年10月底,HTML5 标准规范终于制定完成,并已公开发布。八年来,HTML5从饱受质疑到逐渐受到重视,经历了诸多起起落落,到现在这最后一只靴子也终于落地了。

“Adobe这家公司太懒,而Flash迟早被HTML5取代”,四年前,乔帮主炮轰Flash,给HTML5社区打了一针强心剂。但各家浏览器都有各自的小算盘,为了开发兼容性和响应性良好的网页,开发者和设计师仍然要为不同的浏览器适配版本。

标准分化的问题,在HTML5游戏被提出来的那天起就一直存在着,显然如果没有一个统一的Web平台,HTML5游戏也必将是空中楼阁。那如今,HTML5游戏的发展又如何呢?

一句话,其实过得并不好!或许当初吸引了太高的期望,而移动端HTML5技术的发展滞后于游戏的表现需求,各个浏览器的标准不统一导致碎片化也加剧了这个问题。

先看看市场份额:2014年占移动游戏用户比例达到23%(这个数据明显乐观,可能把一些支持运营的互动小游戏也计算在内)。付费率约1.3%,ARPU值较低,约1.1元,跟Banner广告收入近似。(数据来自TalkingData)

再看看HTML5的游戏类型:绝大部分是休闲益智类游戏,靠用户量来提升营收,缺少中重度游戏。游戏品质受制于硬件和HTML5标准的发展,表现力较差,画面效果粗糙,在移动网络会有非常多的加载延迟。产品周期大多呈爆发式、话题式,生命周期极短,现象级产品居多,主要是社交分享所转化的点击,呈指数级增长。

但同时我们也能看到一些变化:首先是渠道,HTML5游戏的导量方式不同于传统的手游分发渠道,由于缺少有影响力的Game Portal入口,所以更加依赖在社交网络上的传播,或者附着在官方APP中发布。

其次是产品形式:

  • 常规游戏:桌面和手机游戏,也就是我们常见的HTML5轻游戏;
  • 企业品牌展示:与企业形象展示结合,将品牌元素灵活的植入到游戏中;
  • 客户积分消耗:玩家需扣除在企业运营活动中积攒的积分来为游戏 “付费”,或购买道具(单向消耗)。

可见现阶段国内大部分HTML5游戏还是商家进行辅助运营的补充工具,远未成为主流,这可能跟HTML5本身的技术平台有关,与商家的运营需求比较契合。

毋庸置疑,HTML5是种新技术,相比于其它成熟的端游、页游、手游等平台,HTML5能带给玩家什么呢?HTML5又会给游戏领域带来什么新的革新呢?
(SAMR)
这里写图片描述
如果套用SAMR模型(替代、增强、改造、重塑),HTML5目前只能算是已有游戏技术的替代方案,而它产生的一种增强,或者说优势就是:“即点即玩”,只要打开一个链接就可以愉快的玩耍,无论你是在电脑前,还是在手机上,甚至在未来的电视旁,都无需任何插件。

在桌面市场,Flash Player和Unity Player几乎是浏览器的标配,且已耕耘多年,HTML5很难有所作为,所以HTML5的广大战场仍然在移动端。

有些HTML5游戏为了在标准碎片化中突出重围,改用了Hybrid模式(混合HTML5和Native),采用APK或IPA安装包的方式发布,但由于游戏本身表现力欠佳,如果内容也没啥亮点的话那也是凶多吉少,很难与其它原生技术制作的游戏竞争,而呼声很高的《巴哈姆特之怒》后劲不足渐渐被人淡忘也是一个佐证,玩家最终关注的还是体验和游戏品质。

不过,随着HTML5标准的发布,WebGL、WebAudio、WebRTC等各种完善的组件加入,大量游戏引擎和开发工具的发布,许多酷炫的中重度游戏开始在酝酿,有开发商甚至喊出“Your browser will be a gaming consoles!”的口号。未来HTML5有望成为各个智能电视的标准前端框架,从而低成本的实现统一,云游戏的时代才真正到来,而这虽然是美好的展望但也是极有可能发生的。

HTML5仍是很有潜力的一种技术,“点开即玩的无缝游戏体验”仍然有很强的市场需求。整个市场对HTML5的期望值仍然很高。随着微信小游戏的风靡,《围住神经猫》、《试试你有多色》也狠让用户尝了一回鲜,但是仍然缺少能吸引玩家长久留存的中重度游戏,或许这也正是HTML5游戏需要证明自己的契机。

对微信而言,由于目前HTML5游戏还缺少一个完善的发布平台,神经猫的“小打大闹”让我们看到了微信作为一个HTML5游戏门户的潜力。由于微信浏览器本身对HTML5的支持已非常完善,如果附加更多游戏相关的特性,比如支付、登录、分享,甚至专为游戏做的优化等,将会成为下一代HTML5游戏引擎的强势标准,同时也可以与海量用户结合,进一步提升用户粘性。

目前比较缺乏低成本、便捷的HTML5游戏分发渠道,Game Portal或许在未来也有很大的市场,这也是许多创业者关注的焦点。

这篇关于HTML5游戏的迷思的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/666911

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者:计算机编程-吉哥 🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 🍊心愿:点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能

Vue3项目开发——新闻发布管理系统(六)

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后,系统就进入了首页。接下来,也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分,左侧为系统的菜单栏,右侧

国产游戏崛起:技术革新与文化自信的双重推动

近年来,国产游戏行业发展迅猛,技术水平和作品质量均得到了显著提升。特别是以《黑神话:悟空》为代表的一系列优秀作品,成功打破了过去中国游戏市场以手游和网游为主的局限,向全球玩家展示了中国在单机游戏领域的实力与潜力。随着中国开发者在画面渲染、物理引擎、AI 技术和服务器架构等方面取得了显著进展,国产游戏正逐步赢得国际市场的认可。然而,面对全球游戏行业的激烈竞争,国产游戏技术依然面临诸多挑战,未来的

【VUE】跨域问题的概念,以及解决方法。

目录 1.跨域概念 2.解决方法 2.1 配置网络请求代理 2.2 使用@CrossOrigin 注解 2.3 通过配置文件实现跨域 2.4 添加 CorsWebFilter 来解决跨域问题 1.跨域概念 跨域问题是由于浏览器实施了同源策略,该策略要求请求的域名、协议和端口必须与提供资源的服务相同。如果不相同,则需要服务器显式地允许这种跨域请求。一般在springbo

HTML提交表单给python

python 代码 from flask import Flask, request, render_template, redirect, url_forapp = Flask(__name__)@app.route('/')def form():# 渲染表单页面return render_template('./index.html')@app.route('/submit_form',

Java 后端接口入参 - 联合前端VUE 使用AES完成入参出参加密解密

加密效果: 解密后的数据就是正常数据: 后端:使用的是spring-cloud框架,在gateway模块进行操作 <dependency><groupId>com.google.guava</groupId><artifactId>guava</artifactId><version>30.0-jre</version></dependency> 编写一个AES加密