今天的淘宝是月活过6亿的超级APP咜承载的不仅仅是购物的能力，实际上在淘宝有非常丰富的内容生态和内容体验比如说以淘宝头条为代表的资讯类模块，以淘宝直播为玳表的直播模块对于游戏这种内容形态，会在淘宝上产生什么样的化学反应本文淘宝尝试小游戏生态的运营。本文根据2018年杭州云栖大會现场淘宝技术专家二同的演讲《游戏化探索：淘宝小游戏平台技术引擎和框架介绍》整理成文。

大家早上好我叫徐远同，花名二同来自淘宝新零售事业部图形技术团队，现在在负责整个淘宝小游戏平台的容器开发

我今天的演讲主要分为三个环节：第一，淘宝和游戲很多人听到淘宝和游戏第一个想法，是淘宝是一个电商平台游戏要怎么做，所以我会跟大家讲一下淘宝对游戏的理解第二块，我會跟大家在技术层面讲一下什么是淘宝的小游戏第三块是开发者最关心的问题，我们怎么样能够加入到生态当中来

今天的淘宝是月活過6亿的超级APP，它承载的不仅仅是购物的能力实际上在淘宝有非常丰富的内容生态和内容体验。比如说以淘宝头条为代表的资讯类模块鉯淘宝直播为代表的直播模块。对于游戏来说我们认为也是一种内容形态。为了更加丰富我们的内容形态我们开始在淘宝尝试小游戏苼态的运营。

我们先来看一下传统的游戏运营模式首先我们有一个开发者，这个开发者使用各种各样的游戏引擎比如Unreal，Unity开发完之后仩传到平台，至于是一个或多个平台取决于该游戏是否为独占然后平台负责分发，玩家来平台下载或者是购买玩家一般有两种形式，┅种是比较传统的购买付费一次买断就可以一直玩，还有是中国玩家更加熟悉的FTP(Free to play)模式要变强，想想今天你充钱了吗就算充了钱，也鈈一定能变强但不管是哪一种类型的模式，本质上来说开发者得到的收入均来自游戏内容或道具的贩卖收入来源是玩家。

而淘宝有什麼不同如果我们把用户看做玩家，淘宝中的角色会更多元化比在淘宝直播当中，我们有网络红人在店铺商家中我们有商家。同时我們还有商品

商品、红人、店铺，怎么跟玩家结合到一起他们结合到一起能产生什么样的化学反应？我们来看两个例子第一个张图里嘚是旅行青蛙。在三叶草不足的时候会看到这样的提示：在手机淘宝当中购物之后有机会得到三叶草。第二个是手淘互动团队自研的玩個球一局结束后会展示广告优惠信息。在淘宝生态当中因为我们的角色更加丰富，所以会带来更多的商业展现形式对开发者来说会帶来更多结算的手段。

说到结算我们来看看淘宝小游戏平台有哪些结算模式。首先是电商行业当中最常用的CPS（成交追踪）。如果某个鼡户是通过游戏的流量引导到店铺并完成交易或是使用了游戏中获得的商品优惠券完成交易，开发者回到分成；第二个是广告点击刚財我们提到的玩个球中下放的Banner就是该形式。第三种形式比较特殊叫定制结算。我们会为不同的品牌或商家按照他们的需求定制特殊的独占游戏未来还会有更多的结算模式，我们仍然在探索的过程当中

刚才讲了为什么要在淘宝当中做游戏，业务形态的情况我们现在从技术层面讲一下淘宝小游戏平台到底是什么。

这是一张淘宝小游戏平台的较抽象的架构图我们一共分为四个层面，最下面这一层是渲染層有H5和GCanvas两种渲染引擎。GCanvas是淘宝自研的一款遵循W3C标准的图形引擎在手机淘宝，支付宝小程序等都有重要运用上面是容器层，主要分为WebView囷淘宝小游戏平台容器再上面一层是游戏引擎层。最上面是小游戏业务

H5大家都很熟悉了，我们重点介绍淘宝小游戏平台容器如果用┅句话概括淘宝小游戏平台，淘宝小游戏平台容器是一套使用JavaScript调用客户端能力的游戏开发解决方案这里的关键点是JavaScript调用客户端。在淘宝尛游戏平台容器里是没有HTML、DOM以及CSS的。我们通过JavaScript完成从渲染绘制到硬件能力调用等所有的开发

为什么我们要这么做？主要出于两个设计栲量：第一我们追求的是极致的性能。在传统的HTML里 CSS链路或DOM链路导致渲染链路过长，不适合游戏这样对渲染要求比较高的场景高频调鼡的代码，如GCanvas引擎Timer等，我们还会使用WebAssembly加速第二，我们希望提供更多的底层扩展我们希望能给小游戏提供摄像头，音视频合成等底层能力这样面对类似AR、VR等场景时都能有很好的扩展性。未来我们甚至可以使用GPU运算等复杂能力

我们来看一个性能方面的例子。渲染是游戲最重要的性能点我们来看一个视频。视频里使用的手机是小米6X千元机。第一个是大家都比较熟悉的Benchmark例子Aqua水族箱。这里是五百条鱼第二个例子是以前WebGL上比较火的例子，水母这里是200条，有的会游到屏幕外面去刚才都是3D的，第三个我们想展示一下基于GCanvas的小游戏容器嘚2D能力右下角是一个视频，重叠在淘宝小游戏平台容器上小游戏容器里运行的是著名的2D Benchmark用例IE FishTank。这里面有两千条鱼（锦鲤）可以看到無论在WebGL还是在2D领域，淘宝小游戏平台容器都有不错的渲染性能

这里有些更详尽的数据。我们将基于GCanvas的小游戏容器和友商容器在各个性能維度进行了比较包括CPU、内存、帧率。大家都可以看到目前在CPU和帧率方面，淘宝小游戏平台容器的方案目前是比较占优的而内存方面目前的消耗会稍微多一点。

那这个是怎么做到的呢是通过目前大家都已经比较熟悉了的JS Binding，可以认为是将客户端能力透到前端的当下的最佳实践JSBinding的本质上来说是把JS当中用到的JS对象和一个Native对象做一个映射，当操纵这个JS对象其实是在操纵一个Native对象。比如有一个全局对象叫tbpaly，我们调用该对象的createCanvas方法该方法实际上创建了一个GCanvas对象。后面所有针对该Canvas对象的操作比如说getContext或其他的API调用，都发送到了Native层的GCanvas对象上去所以它的链路是非常短的，从而达到一个非常好的性能效果

我们再进来看一些细节。刚才我们讲到为什么我们的渲染性能会比较好峩们的整个方案运行在一个多线程的环境下。JS会单独在一个线程里执行渲染会在单独一个线程里执行，逻辑和渲染是分离的在渲染层媔，我们将WebGL或者Canvas的API调用都封装为一个draw 上然后等待刷新信号，最终在下一个刷新周期将内容绘制到屏幕上大家可以看到这个链路是比较短的，没有不同语言间转换带来的消耗

这是游戏容器会提供的各种各样的能力。刚才我们主要在渲染其实除了渲染能力，还有其他很哆特性所有的特性均遵照淘宝小程序的DSL定义，与淘宝小程序的API完全一致

API的设计我们均参照按照行业标准。这样带来的好处是如果在別的平台上开发了一个小游戏，想移植到淘宝小游戏平台平台中移植成本非常低甚至可以做到零成本。只需要做一点点代码的修改即可

讲到这里，可能大家更关心的是我怎么能够加入到淘宝小游戏平台体系当中来这是我们正在梳理的开发者流程。开发者只要注册了淘寶小程序的开发者账户通过审核后就可以做小游戏的开发。开发完后把游戏打包提交提交后的游戏通过审核后会在手淘里的淘宝游乐園上架。淘宝游乐园会对接商家系统和广告系统方便做结算。当然开发者也可看到回流过来的数据情况，调整自己的运营策略

开发遊戏少不了游戏引擎。目前我们对游戏引擎会提供适配和支持。目前确定首先会支持的游戏引擎有三款第一款是PixiJS，这款引擎做2D交互动畫能力比较好；第二款是Egret engin引擎；最后是LAYA BOX

刚才我们反复提到淘宝游乐园，淘宝游乐园是什么如果玩过旅行青蛙的朋友应该知道，入口在“我的淘宝”点进去就能看到，目前这是一个固定的流量位开发者开发的游戏都会在这里展现。

我们最早提过淘宝认为游戏是种内嫆形式。我们希望未来开发者提交的游戏内容目前主要分三类：第一益智类。淘宝有很多老年人用户也有不少年轻的小朋友们，我们唏望通过游戏的形式可以做包括商品在内的知识科普达到寓教于乐的目的；第二，休闲类淘宝中的女性用户是非常多的，我们希望在她们逛店休息的期间也可以通过游戏获得一些权益；第三类，健康类我们希望淘宝用户能有更加健康的生活状态，因此可以借助LBS等能仂让大家晒晒步数，引导用户更健康的生活方式当前的规划主要是这三类，也希望和邀请开发者们能跟淘宝一起建设更有趣的游戏生態

本文来自云栖社区合作伙伴“”，了解相关信息可以关注“”

淘宝上线小游戏平台要和腾讯、网易正面刚？

更快更深刻洞察互联网贸易

当玩游戏可以得到优惠券你愿意在淘宝里玩吗？

一年一度的ChinaJoy既是腾讯和网易这样的游戏大廠大秀肌肉的舞台，也是无数“苟活”的中小厂商们等候好命运能一炮而红的机会时刻可个中最出格的当属另一大互联网巨头阿里巴巴，固然曾经表达过对游戏的轻蔑但如今也不得不与游戏行业越走越近。

许多人或者还没留意到淘宝小游戏平台已经上线运营两个月了。 这指的不是中国版《观光青蛙》单单这一款上过新闻的外洋引进产物非凡案例而是与微信小游戏一样的小游戏平台。

一边是微信小游戲上线半年、开放一个季度以来的大红大紫各类接头和争议、产物政策调解从不中断，开拓者和用户涌入微信小游戏贸易化的历程也鈈绝加速。而另一边淘宝小游戏平台却没做任何宣发地低调上线，既不但愿与微信小游戏正面碰撞又想进一步推进淘宝两年来的内容苼态化计谋——面临社交电商的攻击，淘宝必需要想尽一切步伐 守住用户越来越有限的时间和留意力 与淘宝业已运营许久的直播、短视頻、头条等业务一样，游戏也是内容规模里的要害品类

淘宝的小游戏平台深藏在淘金币体系里，详细进口是手机淘宝首页-领金币（淘金幣）-玩游戏 简朴测试下来，淘宝小游戏平台平台的产物逻辑大概是用户购物生意业务发生优惠需求-淘金币可抵扣优惠券-签到领金币的形式用户体验一般-插手互动性粘性更强的小游戏-玩游戏做任务可得到淘金币嘉奖-淘金币可抵扣购物优惠券。

如此一个生意业务与游戏的產物体系即可完成闭环。

其实早在2014年手机淘宝就曾短暂地 上线过“游戏中心” 。彼时阿里团体还在集全公司之力运营一款用来反抗微信的移动社交通讯App“交往”，而“交往”也同时推出了两款游戏厥后的工作各人都知道了，手机淘宝游戏中心和交往都没有乐成但当時淘宝仍然对流量的获取没那么焦急，在阿里的团体计谋“All in 无线”支持下淘宝在很短的时间内把PC端流量乐成转化为移动端流量，制止了茬移动互联网时代掉队

可是到了2018年的本日，全网流量洼地屈指可数除了头条系产物和微信，其余产物都难以做出增量阿里必需用各類步伐找到流量。

今朝为止淘金币小游戏平台上一共有16款小游戏，大多是轻度双人对战及关卡游戏譬喻连连看、五子棋等。游戏内置語音开关对战时显示两边的头像和ID，用户在淘宝里玩游戏也可举办必然水平的社交在本年ChinaJoy期间的阿里游戏生态晚会上，阿里九游总司悝张楠楠在接管包罗36氪在内的媒体采访时称淘宝小游戏平台平台的数据增长很是快，但她并未透露详细数据

几个月之前，《观光青蛙》是淘宝这个五亿用户级产物事隔多年后又一次在游戏规模的试水