内容介绍

5G 时代即将来临,IoT 是 5G 时代一个重要的场景之一。应该以什么姿态和角色去迎接新的技术变革,是每个端开发需要思考的问题。

淘宝技术是新零售的践行者之一。我们曾在线下零售,工厂制造中尝试过包括 WebView、Hybrid、纯 Native 在内的多种技术方案,以求在渲染性能、动态性和开发效率中取得平衡,但效果差强人意。因此,淘宝渲染技术团队在 Flutter 的 Native 引擎基础上,建立了一套基于 TypeScript 的,拥有 2D/WebGL/WebGPU 能力的可编程自定义的 UI 渲染管线。

本次分享将会以渲染技术团队在 IoT 零售中的实践作为起点,详细介绍新的 UI 渲染管线的原理和实现,包括自定义渲染管线关键实施步骤、引擎中实现的核心技术、跨平台移植的一些细节等内容。希望对关注渲染技术的端侧与会者带来思路上的拓展和帮助。

内容大纲:

1、IoT 时代前端面临的问题

  • 5G 时代概述
  • 嵌入式设备的开发现状,以及正在发生的变化
  • 面临的问题
    开发成本和效率问题
    技术引发的动态性问题
    WebView 方案因性能带来的成本和体验问题

2、炙手可热的 Flutter

  • 简介
  • 原理简介
  • 生态问题

3、"G" 项目介绍

  • 目标定位:使用 TypeScript,且拥有 Canvas/WebGL/WebGPU 能力,可高度定制渲染管线,拥有完整工具链的跨端跨平台高性能渲染解决方案
  • 技术特点:Flutter 引擎 +TypeScript+GCanvas
  • 框架简介
  • 渲染管线整体流程概述 (TypeScript 的部分是自定义渲染管线,其余部分归为引擎)

4、自定义渲染管线详解

  • 树的创建
  • 布局和测量运算
  • 绘制
  • 渲染
  • 视图缓存
  • 输入输出
  • 状态更新

5、引擎详解

  • 跨平台概述
  • 线程模型
  • Skia 能力概述

6、工具链简介

  • 如何实现全链路 Debugger

7、GCanvas 和 2D/WebGL/WebGPU 能力

8、展望和总结

  • TypeScript Runtime
  • CSS 怎么支持

听众收益:

1、可以了解 IoT 时代端侧开发面临的具体问题

2、可以了解浏览器以及 Flutter 在内的类 W3C 渲染体系的完整工作链路和原理

3、为业内提供解决 IoT 渲染问题的新思路

评论

发布
暂无评论