
本文内容大纲:
1、轻量级图形渲染引擎与应用
2、渲染引擎演进与优化之路
3、渲染引擎未来的发展方向
GCanvas 的定位是遵循 w3c 标准的跨平台的轻量级图形渲染引擎。有清晰的定位和目标,并且紧贴现有的业务,为业务提供丰富表现形式。
GCanvas 发展
GCanvas 引擎从早期的 H5 性能加速,到 Weex 业务落地,从小游戏的业务探索,到服务端渲染,再到小程序。经过几个阶段的发展后日渐成熟。

淘系无线架构的不断升级迭代,GCanvas 随之保持着更新迭代的步调,在多个业务场景中使用,了解下一些应用案例。
应用案例
GCanvas 的目标人群是业务开发者,满足业务的功能需求,对开发者也非常友好,尤其是前端开发者。熟悉 H5 Canvas 的同学,很容易上手,无任何学习成本。
Weex
2017 年双十一预热会场,GCanvas 与魔影合作的版头动画

天猫未来店
天猫未来店的智能电子标签,基于 GCanvas JSBinding 的智能电子标签

小游戏
野生小伙伴,基于 GCanvas 小游戏应用


Sketch Render
Demo+ 中的 Sketch Render ,基于 GCanvas 实现的服务端渲染 Sketch 文件

支付宝小程序/淘宝商家应用 Canvas
基于支付宝小程序/淘系商家应用同层渲染组件
支付宝小程序诸葛找房 - 2D


淘宝商家应用 AR 试妆 - WebGL
本文转载自淘系技术公众号。
原文链接:https://mp.weixin.qq.com/s/8NafSk2Yfl1eCEDNBeYy1g
评论