GCanvas和BindingX Weex下的新武器

最新推荐文章于 2024-10-10 08:39:25 发布
最新推荐文章于 2024-10-10 08:39:25 发布
阅读量1.1k 收藏 1
点赞数
本文介绍徐远同（花名二同）领导下的淘宝图形研发团队如何打造GCanvas和G3D等图形产品。徐远同为阿里技术专家，拥有丰富的移动中间件和SDK开发经验。

徐远同，阿里技术专家（花名二同），来自淘宝技术部终端技术与基础业务团队。曾任职于华为，百度。多年移动中间件和SDK开发经验。目前负责淘宝技术的图形研发团队，打造了GCanvas和G3D项目等图形产品。



640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=png

640?wx_fmt=png

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg


GCanvas源码编译
mu_xixi的博客
07-29 1429
GCanvas 提供了一套类似于 H5 Canvas 标准的 JavaScript API。基于这套 API 可以方便的去做图形绘制、动画渲染等，开发的体验与 H5 Canvas 是完全一样的。主要解决移动设备H5移动应用开发2D 3D渲染效率低下的问题。核心部分使用C++实现,支持基于ReactNative和Weex等Hybrid架构的跨平台应用方便的集成。   GCanvas Androi...
WeexUi一个基于Weex的富交互轻量级高性能的UI组件库
08-10
WeexUi一个基于Weex的富交互轻量级高性能的UI组件库
F2-gcanvas-wrapper:将 antvf2 适配到 weex 和 GCanvas ，使用 weex 开发网页端的请自行判断 platform
05-01
F2-gcanvas-wrapper 将 antv/f2 适配到 weex 和 GCanvas ，使用 weex 开发网页端的请自行判断 platform 。 weex 可以在获取到的组件引用 ref 上使用 addEvent api 监听事件，而 f2 传过来的 source 是经过 GCanvas 和 f2 加工过的 canvas 对象,然而现在也只能支持 f2 tooltip 插件的手势，Interaction 和 Legend 上不支持,Interaction 是基于 hummer 的，这个又是基于浏览器的,至于 Legend 上的点击事件不生效，不知道为啥嘞【尴尬】
Weex Android的canvas动画性能优化
淘系技术
03-09 702
Weex是手机淘宝推出的轻量级跨平台UI解决方案，它在iOS、Android和H5三端提供了一致的渲染能力。 众所周知，Weex的用户有很多是前端开发者，一直以来他们都希...
Weex Gcanves集成和使用
神的孩子的博客
09-01 6495
Weex-gcances介绍 GCanvas是一个跨平台的画布解决方案，它实现了图形2d和WebGL API.GCanvas使其用户能够直接访问OpenGL ES API.GCanvas旨在解决JavaScript开发人员的画布的性能问题和兼容性问题。它也是“nativeFramwork“的功能扩展，如weex、react-native，那些没有自己的画布元素的开发体系。 目前，GCanvas...
GCanvas 开源项目使用教程
gitblog_00336的博客
08-07 883
GCanvas 开源项目使用教程 项目介绍 GCanvas 是由阿里巴巴开发的一款超轻量级的跨平台图形渲染引擎，旨在为移动应用提供高性能的2D和WebGL图形绘制能力。它采用C++基于OpenGL ES实现，确保了在Android（API 14+）和iOS（8.0+）设备上的高效运行。GCanvas设计兼容HTML5 Canvas API，使得熟悉Web开发的人员可以轻松上手，通过JavaScr...
Weex开发之WEEX-EROS开发踩坑(小结)
01-21
目前，如果直接使用Weex框架开发应用会存在很多痛点，诸如初始化启动的环境问题、项目工程化问题、版本升级与版本兼容问题和不支持增量更新等，而Weex Eros等开源解决方案能对上述问题进行有效的解决。 Weex Eros的...
weex与GCanvas集成antv/f2：适配与功能限制解析
资源摘要信息:"F2-gcanvas-wrapper是一个专门为weex和GCanvas环境设计的适配器，它的主要作用是将antv/f2这一图表库集成到weex框架中，使得开发者可以在weex平台上使用F2库来制作网页端图表。" 首先，让我们详细...
iOS开发者的Weex伪最佳实践指南
01-27
Weex Market是一个收集优秀Weex组件和插件的地方，如`weex-chart`，它是基于g2-mobile和gcanvas实现的图表插件。通过`weex plugin`命令可以方便地添加或移除插件，如添加`weex-chart`只需执行`weex plugin add weex...
JPanel和GCanvas的关系
06-10
JPanel和GCanvas都是Java Swing库中的类，它们都是用于创建可视化组件的容器类。其中，JPanel是一个通用的面板，可以包含其他Swing组件，而GCanvas是一个专门用于绘制图形的面板。 JPanel和GCanvas的关系是，...
49、前端与图形学
所学所思
05-20 874
（点击视频观看完整分享内容。）主要内容关于前端和图形学，我分成了三个部分来讲解。 第一部分是讲前端和图形学有什么样的关系。我们为什么要在前端里引入图形学，这个也是我的一段心路历程。 第二部分相对来说是比较实用的，就是图形学的应用场景。如何在前端的日常的工作中，把图形学的知识用进去，为我们的工作和业务创造价值。 最后一部分是对图形学基础设施的一些建设，目前还是一个比较初级的阶段，但是对大家来说，应该有些思路还是可以去思考的。 前端和图形学首先讲第一部分前端和图形学，先讲讲缘起。缘起2011年我做了
weex-gcanvas+animation模块实现雷达扫描效果
神的孩子的博客
05-10 1083
集成weex-gcanvas请参考Weex Gcanves集成和使用 先上图 示例图上代码： <template> <div ref="test" style="background-color: #ffffff"> <gcanvas @touchstart="touchstart" @touchmove="touchmove...
python3画圆、直线_用JavaScript画直线、圆、椭圆(不用VML,Canvas) | #hta #javascript #2d...
weixin_39979167的博客
12-09 163
核心代码：/*** GCanvas 1.2* @author GreatGhoul* @email: greatghoul@gmail.com* @blog: http://greatghoul.iteye.com*/(function() {// 创建GCanvas构造方法的闭包和全局引用var GCanvas = window.GCanvas = function(id, w, h) {ret...
探索高性能跨平台渲染引擎：GCanvas
gitblog_00371的博客
08-07 934
探索高性能跨平台渲染引擎：GCanvas GCanvas 是阿里巴巴开发的一款强大的跨平台移动设备渲染引擎。它基于C++和OpenGL ES，为JavaScript运行时提供了高效的2D和WebGL渲染能力。这个项目特别设计了类似浏览器canvas的API接口，使得开发者，尤其是有网页开发背景的程序员可以轻松上手。 GCanvas 支持Android 4.0+（API 14）和iOS 8.0+。你...
bindingx 表达式动画
m0_59464433的博客
06-26 882
表达式(Expression) 表达式，是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合。譬如,x\*3+10就是一个表达式，当x被赋值时，整个表达式就会有一个明确的结果。通过表达式，我们就可以描述一个具体的交互行为，比如我们希望x从0变化到100时，透明度能从1变化到0.5，那么表达式可以描述为: f(alpha) = 1-(x/100)*0.5。 在BindingX中，我们实现了一个轻量的表达式解析引擎用于执行表达式，除了基本的四则运算外，还支持三元运算符、数学函数等高级语法，...
nvue 获取节点DOM信息，应用简单的bindingX动画实例
u010589442的博客
07-03 2591
用weex的DOM模块和BindingX获取节点信息并制作动画效果 下方实例是用了uniapp的uni-nav-bar 组件（uniapp编译模式），控制下划线移动的动画效果 <template> <view> <uni-nav-bar :statusBar="true" :fixed="true" class="w-100" :border="false"> <view slot='left' class="pl-2" @c
BindingX：解锁Weex与React Native的流畅交互体验
最新发布
gitblog_00221的博客
10-10 761
BindingX：解锁Weex与React Native的流畅交互体验 项目介绍 在移动应用开发中，流畅的用户交互体验是提升应用质量的关键。然而，基于Weex和React Native框架的应用在处理复杂交互时，常常会遇到性能瓶颈，尤其是在手势操作等高频交互场景中。为了解决这一问题，阿里巴巴推出了BindingX，一个专为Weex和React Native设计的富交互解决方案。 BindingX通...
android源码中的sdk,android Bindingx sdk源码分析
weixin_39918682的博客
05-27 219
android Bindingx sdk源码分析Bindingx 是什么？BindingX 是解决weex和React Native上富交互问题的一种解决方案。如果按照传统的weex 和 native 的交互方式，比如要实现一个清屏的动画，需要在这个视图上绑定touch事件后，监听到每一次手势的变化，native与weex都要进行一次通信，频繁的通信交互必然会消耗性能，导致无法在16ms内完成一次...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值