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

HTML5将会成为下一个主流游戏平台

zhezhongyun 2025-03-02 19:56 39 浏览

文/Raul Otaolea

Raul Otaolea是网页平台WiMi5的合作创始人和CEO。

我打算来谈谈我个人是如何看待HTML5的未来。显然,这样做有点不自量力,但我相信时间会证明我的对错。但是对我来说它感觉像是个建构性活动,好吧,把自己当做是先知,让我们一起来看看手中的水晶球能告诉我们什么。

我把这篇文章分成了4个部分,文中叙述了网页游戏行业升级最有可能的走向,还有对其他平台的产生的影响。

全新的网络平台

随着移动商店逐渐兴起,先是App Store,然后是Google Play,一个基于移动平台的新行业就这样诞生了,而且众所周知它发展势头正猛。

自那以后,网游行业就遭受了不小的冲击,衰落程度都能和移动平台的增长程度持平了。

虽说二者提供的游戏类型都很相似,但是手机用户数量庞大,使用频率也高,对他们来说新的用户体验也很容易就接受了。结果就是大量玩家从网页平台转移到移动平台。

网页平台无法和移动平台竞争,因为web标准并不是相当成熟并且它主要面向的是桌面式浏览器。

在那段时期,移动平台遇到的最大阻碍就是它没办法像桌面浏览器那样功能强大,意味着无法将网游植入到移动平台。为移动平台定制的网游?这个不存在。

但是我们生活在一个无法预测的网络技术如何发展的时代,如今看来,天平要倾向另外一边了。

15年过去了,几乎没有什么东西可以做到一成不变,在过去两年内所有的Web标准技术都更新了。在我看来,这项技术转变带来了翻天覆地的变革,个人总结如下:

新标准能够让开发人员制作出旧版不可能实现的内容,提升了移动设备本身的性能表现,例如2D、3D效果,外围设置、专业音效、硬件接入等等。

新标准适用于所有浏览器,包括移动版本。这就意味着,开发者们可以制作出在所有设备上都能顺利运行的游戏,对20多亿的手机和平板用户开放了通道,这是历史上的首次突破。

随着新标准的出台,那些非标准的技术,尤其是Flash,这种目前还在游戏开发中广泛使用的技术,已经不再是必需品。网页浏览器开发者们已经决定屏蔽那些非标准的内容。这就迫使上千个还在使用Flash做游戏的网站不得不更新他们的所有作品。

网页不再局限于浏览器上。多亏了标准实施中的开放性,开发者们可以基于开放源代码项目(注:例如Chromium, V8, Chakra, JavaCore, SpiderMonkey, NodeJS等等),利用这些Web标准的优势所在制作app。

因此,我在这一节标题中所用的“新”是个至关重要的特性。现在我们需要摆脱对网游老印象了,把它们上升到另外一个新类别,它们不再是所谓的二流或者是三流产品。

现在开始,网游进入一流领域,将会给人们带来顶级的内容体验。兼具单人和多人模式,拥有高质量音效和画面,在所有设备运行顺畅,这样的2D和3D游戏问世也只是时间问题了。

实际上,主流的网游站点已经注意到这个变革了,你可以从Kongregate公司的CEO,Emily Greer的近期推文中得知。

HTML5这么多年来都被认为是网游的将来时态,而如今它终于成了现在时。

— Emily Greer (@EmilyG) 3月7日, 2017

另一个重点就是更新网页的过程有了很大改变。从现在开始,Web标准的更新将会变得更加频繁,会和技术提升齐头并进。

不用再等上15年我们就能看到这些新特性了。事实上,新版本已经出现了:HTML5.1, ES7和ES8。这次更新提升了网页的速度,精简了体积,因此开发者们能够制作出更加优秀的游戏,丰富游戏的种类。

这个改变也会导致手机应用市场过于拥挤,商家在营销和宣传方面投入了很多,用尽各种方法让玩家接触到自家的游戏。

我个人认为,近期的Web标准升级不仅仅是更新,而更像是一次颠覆性变革,因为这次的新性能跟之前根本就不在一个等级上。

你不能忽略他们是把15年的软件研究过程一次搞定啊。这就是为什么我说网页正在转变为下一个游戏平台,这种想法比以往更加坚定。这是将来一定会发生的事,但是这个新行业现阶段还需继续探索。

如何能让网页端流量快速增长,开拓它的跨平台性能,最大的挑战就是如何能够普及手机用户,让他们接受在浏览器中玩游戏。

这是个非常重要的瓶颈,因为就目前来说,要玩游戏的唯一途径就是进入商店,搜索找到它,然后下载。实际上,这个过程也体现了手机app的生命周期,还有移动平台的原生运作方式。这种模式已经在用户中扎根,形成了习惯,要改变是一件很难的事。

然而,新的应用程序编程接口比如说谷歌的添加到主界面功能,能够恰当地引导用户接受改变。这个应用程序编程接口允许页面向用户发出询问,是否想要在手机桌面建立一个快捷方式。

如果用户同意,那么系统就会在桌面创建一个和系统自带图标类似的图标,点击它就会出现全屏式浏览器,甚至连网站地址栏都隐藏了,跟普通app没什么不同。

因此,用户体验跟使用系统自带的app很相似。我们只能拭目以待,看看其他浏览器会不会也这样。

超级app成为平台

Web标准最主要的特征就是它能跨平台使用。大家最为熟知的跨平台游戏方法就是通过浏览器。然而,这并不是唯一的途径。

超级app巧妙地利用了网页的跨平台特性掀起了一股新潮流。超级app就是普通的app升级演变成他们自己的平台。意思就是这些超级app可以在应用内安装其他服务程序,这要由第三方设计。

这种新模式提供的第一批应用服务就是聊天机器人和游戏。难就难在选择一个足够强大、灵活、热门的技术,能在所有操作系统中运行的,能够通杀那么多种设备的技术就是网页了。

第一批在应用内嵌入HTML5游戏的通讯app有Telegram, Kik和Messenger,这些游戏还是由第三方开发。

最有趣的事情是他们这些通讯应用其实是利用游戏来增加用户参与率。

令人无法忽视的是,这三个超级app随便挑出一个每个月都有20多亿的用户在使用。这样开发者们的游戏就有走红的机会,利用这些app的社交功能比如向朋友发起挑战,分享成就,排名等等让更多人知道这游戏。

另一方面,这些通讯应用的用户发现在app内直接就可以玩游戏,这是一种全新的用户体验。由因及果,这样就有了一种双赢的局面,app,开发团队还有用户,大家都有受益。

我们需要密切关注这几个超级app,同时也要留心其他超级app,看看它们是否会再次聚合成另一个游戏平台。

App成为游戏接口(注:当然大部分的超级应用都没做好成为入口的工作)

还有另一种有趣的趋势就是利用这些超级app的相同特征,但是聚焦的部分有所不同,这些人关注的是它能成为游戏接入口。

在HTML5中开发游戏时,这些app可以混合游戏的原有特性。就像超级app一样,这些web技术能让开发人员对他的所有作品进行动态更新,而且速度非常快,也不用经过手机商店的一系列的审核。

另外一个优势就是由于我们制作的是网页内容,在那些传统的网站上也可以提供,可以在超级app中发布,甚至也可以把他们的app提供给第三方发行,自成一个超级app。

这样做的话,他们就能充分利用大多数渠道。举个最好的例子,Gamee,它刚刚又完成了一轮集资,资金合计达220万美元。

这个类型里还有两家有趣的新兴公司,Blackstorm和PlatoApp,但是他们关注点不同。

Blackstorm的首轮集资达到3300万美元,他们打算利用这笔资金把自己打造成app stores的替代平台。EverWing,这个公司也是Messenger选择的首批HTML5游戏开发者之一。

大概就在一周以前,我们听到了消息,有一家名为RGames的新公司成立了,而且他们还联手了日本巨头游戏公司Rakuten。其目的就是给日本,乃至整个亚洲市场提供一个HTML5游戏的入口。

类似的,PlatoApp正在策划将通讯app和经典的联机游戏结合起来。尽管他们首轮融资只有3百万美元,但是带领他们的也是一个巨头公司:雅虎。游戏这个东西,肯定是以趣味为目的。

在我看来,之后我们将会看到越来越多采用这种方法的新兴公司崛地而起,他们充分利用了web技术当下所提供的选项,把这些优势融入到游戏中。

混合平台

电子游戏平台由三个主要部分组成:一个自带操作系统的设备来运行游戏,一个可以继续开发它的工具,还有一个可以分销的市场。

在网页平台,由于它的开放性,还没有任何一个程序可以同时提供这三个元素,但是这样也在行业内提供了更多的机会。

如此一来,网页就不会仅仅局限在一种开发工具上了,而是拥有更多选择。市场也不是只有一个,还有很多。而且它们也不是只限于某一种类型的设备或者某一类操作系统,而是全部通用。

另外,它不像其他平台,一定是基于设备或者是操作系统,例如Xbox, PlayStation, Switch,手机上的安卓和iOS,网页不需要针对特定的设备或者操作系统,但是需要基于web标准制作。

换句话说,它是一个软件平台,最常见的网页浏览器。然而,就像我之前所说的,科技迭代更新很快的,浏览器只是众多贯彻这种标准的例子之一。

这种特意设计以适应不同设备、不同操作系统的技术也在为其他平台搭建了桥梁。

由此,不仅仅是能增加平台的灵活性,也能让世界范围内的更多用户参与进来。实际上,我认为所有人都会想要进入这个平台。而且他们会通过以下三种技术进入:

Emen

它支持用C++语言开发电子游戏,还有其他可以移植到Java的语言。实际上,它转换成了Java的子集,称为asm。现实中有很多运用这种技术的例子。

WebAssembly

虽然还处于开发阶段,但是它是网游制作史上的一座里程碑。可以这么说,WebAssembly是Emen的升级版本。

而且,它也能让用其它编程语言开发的游戏移植到WebAssembly,开发出通用的高度优化模块。浏览器将会安全地运行WebAssembly,性能会接近原生版。

所有的专业游戏引擎,例如Unity, Unreal等等,已经在着手把他们的游戏输出到WebAssembly。这也是为什么说这些新类型的网游在其他平台也会和它们的原生同胞融洽相处的原因。

相同的游戏在不同平台上会有什么发展,还有不同营销团队针对不同平台会怎样设计无线自组网(ad hoc),这都是很有意思的。由于网络营销的成本并不高,我个人认为网游的势头在未来几年会越来越好。

混合模式移动应用

这类app实际上是利用伪浏览器(pseudo-browser)运行游戏。App的外观和用户体验跟传统app是完全一样的,在大多数时候它们之间难以区分。很多公司都在用这种方式,不仅仅只应用在游戏中,各种类型的app也有用到,因为它能够帮助这些应用更顺利地移植到其他平台上。

不要忘记这些,还有网络已经向世人展现了一个跨设备式平台,显然,在不久的将来,网页的概念不会再局限于电脑桌面式浏览器,会对所有类型的浏览器开放,包括那些在移动平台、电视端还有其他设备上的。

其他平台的游戏能够一键移植到网页端,这样就会增加市场的竞争性,冲击网页的优势,导致一个游戏平台走向衰败。

网页变成大众目标平台,这种时代会来临的;到时候的流程会是先开发手游然后把它移植到网页上,举个例子:设计游戏的时候,从一开始就要考虑到这游戏会移植到移动端和网页端。

结论

不要忘记上诉所讲的内容,毫无疑问,在接下来的几年我们将会看到:开发者们利用这种对所有设备通用的web技术来制作游戏;游戏会嵌入到app内;游戏的目标app是通讯类应用;用其它编程语言开发游戏然后植入到网页端,这些现象统统都会一起出现。它们都是网页游戏。

在短时间内我们将会见证许多变革,这会对电子游戏的整个行业产生有趣的影响。

可以确定的是网页端会成为下一个游戏平台,一个全新的特殊平台,和那些现有的平台都不同,网页端利用了它们的潜能同时也与它们相辅相成。

这样岂不美哉?

via :游戏邦 Willow Wu编译

相关推荐

JavaScript做个贪吃蛇小游戏(过关-加速),无需网络直接玩。

JavaScript做个贪吃蛇小游戏(过关-则加速)在浏览器打开文件,无需网络直接玩。<!DOCTYPEhtml><htmllang="en"><...

大模型部署加速方法简单总结(大模型 ai)

以下对大模型部署、压缩、加速的方法做一个简单总结,为后续需要备查。llama.cppGithub:https://github.com/ggerganov/llama.cppLLaMA.cpp项...

安徽医大第一医院应用VitaFlow Liberty(R)Flex为患者焕然一“心”

近日,在安徽医科大学第一附属医院心血管内科负责人暨北京安贞医院安徽医院业务副院长喻荣辉教授的鼎力支持和卓越带领下,凭借着先进的VitaFlowLiberty(R)Flex经导管主动脉瓣可回收可...

300 多行代码搞定微信 8.0 的「炸」「裂」特效!

微信8.0更新的一大特色就是支持动画表情,如果发送的消息只有一个内置的表情图标,这个表情会有一段简单的动画,一些特殊的表情还有全屏特效,例如烟花表情有全屏放烟花的特效,炸弹表情有爆炸动画并且消息和...

让div填充屏幕剩余高度的方法(div填充20px)

技术背景在前端开发中,经常会遇到需要让某个div元素填充屏幕剩余高度的需求,比如创建具有固定头部和底部,中间内容区域自适应填充剩余空间的布局。随着CSS技术的发展,有多种方法可以实现这一需求。实现步骤...

css之div内容居中(css中div怎么居中)

div中的内容居中显示,包括水平和垂直2个方向。<html><head><styletype="text/css">...

使用uniapp开发小程序遇到的一些问题及解决方法

1、swiper组件自定义知识点swiper组件的指示点默认是圆圈,想要自己设置指示点,需要获得当前索引,然后赋给当前索引不同的样式,然后在做个动画就可以了。*关键点用change方法,然后通过e.d...

微信小程序主页面排版(怎样设置小程序的排版)

开发小程序的话首先要了解里面的每个文件的作用小程序没有DOM对象,一切基于组件化小程序的四个重要的文件*.js*.wxml--->view结构---->html*.wxss--...

Vue动态组件的实践与原理探究(vue动态组件component原理)

我司有一个工作台搭建产品,允许通过拖拽小部件的方式来搭建一个工作台页面,平台内置了一些常用小部件,另外也允许自行开发小部件上传使用,本文会从实践的角度来介绍其实现原理。ps.本文项目使用VueCLI...

【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> tabs

目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例编辑1->创建Tabs在pages/index目录...

CSS:前端必会的flex布局,我把布局代码全部展示出来了

进入我的主页,查看更多CSS的分享!首先呢,先去看文档,了解flex是什么,这里不做赘述。当然,可以看下面的代码示例,辅助你理解。一、row将子元素在水平方向进行布局:1.垂直方向靠顶部,水平方向靠...

【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> swiper

目录1->创建Swiper组件2->添加属性3->设置样式4->绑定事件5->场景示例编辑1->创建Swiper组件在pages/index...

CSS:Flex布局,网页排版神器!(css3 flex布局)

还在为网页排版抓狂?别担心,CSS的flex布局来了,让你轻松玩转各种页面布局,实现网页设计自由!什么是Flex布局?Flex布局,也称为弹性布局,是CSS中的一种强大布局方式,它能够让你...

移动WEB开发之flex布局,附携程网首页案例制作

一、flex布局体验传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局1.1flex弹性布局:操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本,不支持或仅部...

2024最新升级–前端内功修炼 5大主流布局系统进阶(mk分享)

2024最新升级–前端内功修炼5大主流布局系统进阶(mk分享)获课》789it.top/14658/前端布局是网页设计中至关重要的一环,它决定了网页的结构和元素的排列方式。随着前端技术的不断发展,现...