惊艳的互联⽹网互动体验

Stunning Interactive Experiences for Internet

AntG 好修&景夫
 好修 景夫
G2创始⼈人之⼀一 15年年游戏引擎开发经验
专注于互联⽹网图形研发 多款游戏⼤大作主程
互动图形负责⼈人 R3引擎总构架师
Enjoy the Internet
 ⽹网络的演进
Enjoy the Internet

Use the Internet

我们在这
Connect the Internet
更更加深刻的发展
⼈人机交互
 ⼈人机交互 互动⽹网路路

打孔机
⽂文字 彩⾊色界⾯面
显示器器 编辑器器 视频 弹幕 传感器器 AI
表格
图⽚片 数字流程 ⾳音频 图形
键盘&⿏鼠标 流媒体 Camera
链接 图表 计算机视觉
图像

⽹网络 阅读⽹网络 编辑⽹网络 内容⽹网络

我们选择从图形开始
 我们选择从图形开始

图形 可视化 图像 计算机视觉
Graphics Visualization Image Vision
图形应⽤用的⼀一些案例例
公益与图形

传统做公益的过程：刻板的，带着责任，有负担，不不够轻松惬意。
K12与图形

彩虹星愿 ⼩小钱袋 swift playgrounds

计算机视觉与图形
⾯面向互联⽹网的图形服务
 ⾯面向互联⽹网的图形服务

轻量量 任何⻚页⾯面都将含有图形，图形总是作为⻚页⾯面的⼀一部分出现

智能 与AI结合，与计算机视觉结合，⽐比起传统⼈人机交互技术更更加智能

⾃自然 拥有图形的⻚页⾯面将更更加⽣生动，符合⼈人类想象，帮助⽹网络与现实世界融合
AntG
 AntG——互动体验解决⽅方案

R3 轻量量，⼴广泛兼容，⾯面向互联⽹网的图形引擎
图形 WebAR Native的性能，Web的灵活性的AR技术
图像
⾳音频
容器器 设计语⾔言 ⾃自然、感性、欢乐的互联⽹网新型应⽤用设计语⾔言
设计 。。。
 R3
Render for 3D
 R3——起源

轻量量的3D引擎
稳定性要求极⾼高
⼴广泛的设备兼容性
3D内容作为⻚页⾯面的⼀一部分存在
与现有交互基础设施共存
 R3:更更加深⼊入的思考，让互动图形技术信⼿手拈来

超级App内，任何⼀一个⻚页⾯面上

少量量的内容，强定制

按需加载，⾃自由组合

辅助⼯工具，降低⻔门槛
 传统3D引擎的不不合适

Unity
⾯面向游戏，⽽而⾮非互联⽹网应⽤用

打包成独⽴立的App
Cocos
运⾏行行时巨⼤大

包含⼤大量量冗余模块
Unreal
⾯面向通⽤用内容⽣生产，强调通⽤用
 R3
Mesh 粒⼦子

微内核&丰富的常⽤用图形服务 表情

Skin
WebGL1.0&ES6
SceneGraph & Component WebAR
。。。
glTF标准
经历了了蚂蚁⾦金金服千万级业务使⽤用 微内核
适配上千种机型
 SceneGraph & Component

SceneGraph
对象的⽗父⼦子关系组成⼀一棵树
每个节点具有空间位置属性
每个节点不不具备实际功能，功能由组件实现

Component
现代OO的原则：优先使⽤用聚合⽽而不不是继承
底层Component对象是功能的聚合
上层Component对象来控制业务逻辑
 glTF标准

glTF是由Khronos Group制定的3D内容格式标准
R3：
⽀支持glTF2.0标准
glTF是⾯面向互联⽹网的标准
glTF是R3⽀支持的唯⼀一格式标准
 R3当前⽀支持的图形服务

⻣骨骼Mesh+Animation
静态Mesh
 R3当前⽀支持的图形服务

模型变形动画（Blend Shape） 粒⼦子系统

 R3当前⽀支持的图形服务

HUD Tween
 R3当前⽀支持的图形服务

WebAR
 演讲回顾

Enjoy the Internet

图形开始，图形的应⽤用场景
⾯面向互联⽹网的图形服务的提出
我们的解决⽅方案AntG
R3技术刨析及应⽤用体验
 请持续关注我们

未来体验技术部将会在⼈人机交互上持续投⼊入，相关成果也会逐步开放，开源。

AntG也会在适当的时候开放给业界，如果您期待使⽤用或了了解AntG。
请关注体验云官⽹网
 THANKS
如果你对让⼈人们享受互联⽹网这件事情很感兴趣，欢迎联系我们（招⼈人中）。

联系⽅方式：hankai.hk@alibaba-inc.com