GCanvas移动端跨平台渲染引擎
GCanvas 是由淘宝开发的针对移动设备的跨平台渲染引擎。 它使用 C ++ 编写,基于 OpenGL ES,可为 Javascript 运行时提供高性能的 2D / WebGL 渲染。它也具有类似浏览器的画布 API ,因此使用起来非常方便和灵活,尤其适用于 Web 开发人员。
GCanvas 支持 Android 4.0+(API 14)和 iOS 8.0+ 。支持 Weex 和 ReactNative 等混合框架。 它还可以利用大多数设备上的硬件加速,使得开发者可以使用 Javascript 以非常高的帧率绘制场景。
Demo
<template> <div> <gcanvas v-if="isWeex" ref="canvas_holder" v-bind:style="{width:width,height:height,backgroundColor:'rgba(255,255,255,1)'}"></gcanvas> <canvas v-if="!isWeex" ref="canvas_holder" v-bind:style="{width:width+'px',height:height+'px',backgroundColor:'rgba(255,255,255,1)'}"></canvas> </div> </template> <script> const isWeex = typeof callNative === "function"; const dom = weex.requireModule("dom"); import { enable, WeexBridge, Image as GImage } from "gcanvas.js"; let EnvImage = isWeex ? GImage : Image; function run(canvas, { requestAnimationFrame }) { var img = new EnvImage(); let cxt = canvas.getContext('2d'); img.onload = function(){ cxt.drawImage(img, 0, 0, img.width, img.height); } img.src = 'https://c1.staticflickr.com/3/2388/5800134409_83345951ed_b.jpg'; } export default { data() { return { isWeex, width: 750, height: 980 }; }, mounted: function() { const start = () => { var ref = this.$refs.canvas_holder; var size = isWeex ? { width: parseInt(this.width), height: parseInt(this.height) } : { width: parseInt(ref.clientWidth), height: parseInt(ref.clientHeight) }; if (isWeex) { ref = enable(ref, { debug: true, bridge: WeexBridge }); } ref.width = size.width; ref.height = size.height; run(ref, { requestAnimationFrame: isWeex ? setTimeout : requestAnimationFrame }); }; setTimeout(function(){ dom.getComponentRect("viewport", e => { this.height = e.size.height; this.isReady = true; setTimeout(start, 1000); }) }, 50); } }; </script>
评论
Filament跨平台实时渲染引擎
Filament是Google开发的轻量级跨平台实时渲染引擎,支持PBR材质,可用于开发游戏渲染引擎或构建音视频编辑工程。当开发者需要处理3D渲染效果,又不想引入庞大的游戏引擎时,可以考虑使用它(尤其
Filament跨平台实时渲染引擎
0
NativeScript跨平台移动端开发
NativeScript可以使用Javascript,CSS,XML创建真正的Native跨平台应用,支持iOSAndroid,NativeScript将您的跨平台代码翻译成目标平台的代码。UI使用X
NativeScript跨平台移动端开发
0
LuaApp跨平台移动应用开发引擎
LuaApp是使用lua脚本进行快速开发跨平台移动应用引擎,其api的设计按照面向对象原则,并和CrossApp高度统一。特性:api和CrossApp统一,方便使用CrossApp的开发者使用;定制
LuaApp跨平台移动应用开发引擎
0
vase移动端跨平台 UI 开发框架
vase是全新的移动端跨平台UI开发框架,一份代码同时编译运行在Android,iOS,Web浏览器,桌面端。得益于fanx多编译目标的设计,我们革命性的开创了一个跨平台开发流派。在Android上编
vase移动端跨平台 UI 开发框架
0