钉享会互动技术|睦言 - 资产拉通战场的互动实现

1,834 阅读6分钟

前言

“钉享会”是来自阿里巴巴钉钉前端团队的技术分享会,目前已经举办了76期。今年钉享会主要从“服务、开放、沉淀、收获”四个层面,提供技术分享的平台和渠道,已开放的心态邀请阿里集团内外的嘉宾进行技术分享,今年我们会将部分内容脱敏后同步到知乎/掘金上来,欢迎关注我们,共同探讨技术。

正文

本文为第75期钉享会「互动专场」讲师,来自阿里巴巴的 睦言 的分享 - 下文为讲稿简要整理版。

讲师之前在掘金活动较少,对内容或者对团队感兴趣的同学,可以直接进入,知乎个人主页私信:www.zhihu.com/people/li-s…。下面正式进入本文内容。

大家好,我是来自阿里巴巴 - CBU体验技术部 - 买家&基础团队的李森,花名是睦言。

今天的主题为【资产拉通战场的前世今生】。

大纲目录

在钉享会这个场子里,今天主要给大家分享一下“资产拉通战场上”我的一些思考,整体会分为:“项目背景”、“解决方案”、“项目目标”这三个part。

帮助大家了解一下为什么会有资产拉通项目、我们要怎么做、最终要做成什么。

背景 - 做一个有酷炫动画玩法的场景,提升用户留存、转化和传播。

我们可能会有这样一种开发体验,在某个项目中,UED同学或者业务同学不知道在哪里看到了以下这些酷炫的动画玩法,然后在项目群里钉我们:“我们能不能做一个这样的玩法?”

下面这些玩法可能来自与B2B的商人节活动、也可能来自蚂蚁双十一花呗活动,还可能是我们淘系双十一的盖楼玩法。

于是我们的业务同学也希望我们能做一个类似的玩法来吸引自己平台内的用户,提升用户的留存、转化、传播。

背景 - 快速实现一个十分复杂的动画

但是作为一个动画实现技术方面了解不太多的同学,面对只有一个动画截图的聊天记录,要怎么实现一个如此复杂的动画呢?

满脑袋的黑人问号,心里想:

  • CSS transform、animation?还是用 JS 动画引擎实现的?
  • 又或者我去找找比较熟悉的淘系/蚂蚁的同学去问问,看看他们知不知道这些玩法是哪个团队做的?能不能要到源码或者测试demo来分析一下?
  • 不过最有可能的情况是我们会用开发资源紧张、或者业务价值无法预估,ROI太低这样的理由来拒绝这些动画玩法需求。

正是在这样的背景下,资产拉通项目应运而生。

资产拉通项目定位服务于各个BU的一线UED同学和研发同学,会去沉淀集团内优秀的美术资产。并统一引擎侧使用协议和使用方式。最后提供一个开放的资产中台让UED同学或者技术同学能够在这上面找到合适的玩法资源以及实现代码。

解决方案 - 资产协议统一

首先我们会对集团内比较常用的动画美术资产做一个统一的外层描述,用于内部进行存储,同时定义好哥哥类型的美术资产所需要的资源文件。目前资产中台已经定义好的美术资产包括:

  • 2D类型的骨骼动画
  • 基于 Airbnb 扩展的 lottie 动画
  • 基于 gltf 协议实现的 Oasis 3D 引擎渲染的 3D 动画

解决方案 - 资产中台

这里是现在资产中台已经开发好了的一部分 UI,我们会提供多维度的资产管理能力以及搜索能力,让 UED 和 开发同学在平台内可以更加方便的管理域下的美术资产,同时也让其他同学能够更加快速地找到合适的美术资产。

解决方案 - 存量资产同步

在资产中台中最宝贵的物资就是美术资产物料,所以我们需要从集团内找到那些已经做得很大的美术资产平台 - Eva Store 和 Oasis Store,后续 Eva Store 和 Oasis Store 会作为资产中台的底层,吸纳淘系/蚂蚁业务发展过程中的优秀美术资源并且同步到集团的资产中台。对于存量数据的同步,由于集团和蚂蚁网络隔离、两个 Store 数据模型差异大等问题,目前我们预调研四套方案,最终会采用其中一套方案去同步两个底层 Store 的存量数据以及未来的增量数据。

解决方案 - 与引擎侧的协同

在打通了集团内比较大的几个资产库之后,我们已经有了很多基础美术资产,那么我们需要解决的问题就是如何将他们交付到研发同学手里呢?

对于每份资产实例,我们会协同引擎侧的同学,接入到 JS Playground 提供可线上实时运行与调试的使用代码,开发同学能够找到对应的美术资产后实时预览和调试动画资产。

解决方案 - 与工程侧的协同

在解决了以上几个问题之后,我们可以有效的将单一类型的美术资产从上传存储到交付的链路打通了。

但是对于一些场景级的复杂的动画玩法,单一的动画类型可能无法全面覆盖,解决所有问题,这个时候就需要我们和工程侧的同学去协同去解决这个问题。

比如这个案例中存在骨骼动画 + lottie动画 + CSS动画,所以工程侧的同学会为大家提供一套可视化的动画流程编排的能力,而资产侧则是为工程侧输出各个动画类型的资产弹药。

后续目标和方向

以上就是整个资产中台目前正在做的一些事。

根据集团互动技术方向的规划,资产拉通战场的目标分为一年目标和三年目标,一年短期目标是资产中台上线,服务集团内部的同学。三年目标则是类似 iconfont 或者 lottieresource 这样的平台去面向业界开放,去吸收业界外的优秀美术资产。

广纳贤才

B2B核心业务团队,海量HC,期待您的加入 🤙 🤙 🤙

call me ~

Thanks ALL

感谢大家的倾听,愿“人人可开发,处处有互动”。