对标微信 Skyline 的小程序渲染引擎

一份小程序源码,
原生般流畅地跑在你的 App 里

灵犀把 WXML / WXSS / JS 直接渲染成画面:逻辑层与渲染层分离、只重画变了的那一块。 Rust 写成,CPU 软件光栅化与 GPU 双后端,Android、iOS、Flutter 同一套 SDK。

  • 48+可下载的示例小程序
  • 90Hz贴住刷新率的滑动
  • 2渲染后端(CPU / GPU)
  • 60fps3D 小游戏真机帧率

为什么是灵犀

⚡

只重画变了的那块

布局缓存 + setData 增量失效,滚动只合成、不重画;最慢一帧而不是平均帧率才是判据。

🎯

对齐 Skyline 语义

事件冒泡 / catch、position:fixed、按压态、picker、Modal、页面栈与生命周期,与微信行为逐项对照。

🖥

CPU / GPU 双后端

低端机走 CPU 参考实现,高端机自动用 GPU;GPU 初始化失败、丢上下文一律回退,不黑屏。

🧩

同层渲染

视频、地图等原生组件画进页面里,滑动时贴着页面走,不再「盖在上面一顿一顿」。

📦

小程序商店

服务端上传、App 内搜索 / 下载 / 自动更新;外部链接与 wx.navigateToMiniProgram 互相跳转。

🔍

手势对齐微信

图片预览双指缩放、双击放大;全屏视频竖屏进入、跟着手机横竖旋转。

新 · 小游戏

不止小程序,3D 小游戏也能跑

给一个 game.json + game.js 的包,引擎切到小游戏模式:整屏画布直接上屏、跟 vsync 的 requestAnimationFrame、多点触控、低延迟音频、WebGL 1 / 2、WXWebAssembly。 three.js、PixiJS、Phaser 不改一行。下面的动画都是引擎自己画的,两个演示 App 的商店里都能直接玩。

萌宠小岛:3D 小岛经营
萌宠小岛3D 经营 · 建造升级 · 宠物抽卡 · 内购广告
3D 跑酷
3D 跑酷换道 · 跳跃 · 下滑
3D 保龄球
3D 保龄球物理碰撞 · 十局计分
3D 叠方块
3D 叠方块对准落下 · 越叠越高
飞翔小鸟
飞翔小鸟点一下扑一下
2048
2048滑动合并数字
  • 96.6%WebGL 一致性(Khronos CTS 子集 169/175)
  • 2 像素three.js 同一场景对 Chrome 的差异(共 250 125)
  • 60fpsthree.js / PixiJS / Phaser 真机,重复帧 0
  • +0.2MB真机连续 30 分钟内存增长

两个演示 App

灵犀图标

灵犀 Flutter 版

Flutter 插件 mini_render 的完整示例:微信式下拉小程序面板、最近使用 / 我的小程序、长按收藏与删除、胶囊「•••」底部菜单、小程序商店,商店里的小游戏走 MiniGameView。

灵犀原生图标

灵犀原生 Android 原生版

只用 Android 框架自带的类(不依赖 AndroidX):一个 MiniProgramView 就是一个小程序。同一套商店、面板与菜单;小游戏用 MiniGameView 全屏运行。

示例小程序(App 里下拉面板 / 商店可下载)

数据都来自演示接口:电影、音乐、图库的列表分页、详情、图片与试听音频;跳转中心演示小程序之间互相打开。

下载

Android 8.0 以上、arm64 手机。下载后在浏览器里点开安装(首次需要允许「安装未知应用」)。

正在读取版本信息…

校验:下载后可对照 SHA-256。演示包用调试签名,仅供体验。