品牌短片 · 01:00
This is NativeScript.
一分钟展示 Jolt 和 Motion Studio,使用真实 iOS 模拟器录屏,配以宣传片剪辑和音乐。SceneKit 场景仅适用于 iOS。
Vena iOS 创作者录屏:英文界面、开场、粒子心跳、节奏收藏与心脏聚焦。原始速度,60 fps 导出,无音频;省略最初 3.25 秒的系统主屏幕与启动。录制设备未说明;非性能测试。BPM 数值仅为示意。
BodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC0 ↗Auralis iOS 创作者录屏:动画开场、悬浮玻璃卡片、三个引导场景和页面控件。原始速度,无音频;省略最初 4.25 秒的系统主屏幕与启动转场。录制设备未说明;非性能测试。账户和服务均为示意。
用 JOLT 构建 / 精选项目
音乐,触动人心。
可触碰的唱片,鲜活的艺人页面。用 NativeScript 和 Jolt 构建的音乐体验。
认识 Morrow
观看真实应用 ↗Morrow · NativeScript + Jolt。创作者提供的 iOS 录屏:动画开场、艺人页面、唱片播放器、进度拖动与视频转场。保持原始时间,仅省略最初 2.4 秒的系统主屏幕。录制设备未说明。
Hexdrop iOS 创作者录屏:动画开场、拖动、酿制、文档选择与重播。原始速度,无音频;省略最初 3.8 秒的系统主屏幕与启动转场。录制设备未说明。本地演示,不上传文件。
01 / 动效精选
真实界面,真实原生录屏。发现下一个让你好奇的动效。
全部 22 个配方原生着色器参数驱动粒子心脏、聚焦与触控响应。
视觉效果 · VenaBodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC0描绘信号、轻柔标题与依次展开的 Vena 界面。
运动 · VenaBodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC0卡片沉入曲面地平线,再升入下一个场景。
运动 · Auralis文件卡片倾斜跟手,弹回原位,或融入魔药。
触控与手势 · Hexdrop从环绕镜头进入座舱,再回到车外。
运动 · Jolt Drive随时打断、改变方向,动量依然流畅。
运动亲手体验,感受不同。
探索 Jolt Web 的每一面。 53 个实验,一个游乐场。
点击、改变目标、打断,保留动量。
// 创造自己的版本。
import { createWebRuntime } from '@rafaelaugusto/jolt/web'
// 在已挂载组件内,使用其 DOM 引用:
const motion = createWebRuntime(document)
const scope = motion.scope()
scope.animate(card, { x: 110, rotate: 12 }, {
type: 'spring', bounce: 0.4, duration: 800
})
// 组件卸载时:scope.dispose(); motion.dispose()本页运行真实 Jolt Web,设备功能报告实际浏览器支持。 探索实验集 ↗
03 / 实测记录
一个动画,一台真机。结果与取舍,全部可查。
本次测试中进程 CPU 时间更少
NativeScript + Jolt一个 48 × 48 方块,改变位置与透明度。数据比较此设备上的完整应用,不代表节电效果或 Android 平台整体排名。
默认 Jolt 的运行后 PSS 与呈现等待更高。另一个 V8 size 配置测试中,阻塞应用 JS 后最大间隔的中位数为 309.13 ms,Reanimated 为 17.06 ms。启动失败原因仍未确定。
02 / 不止于演示
品牌短片 · 01:00
一分钟展示 Jolt 和 Motion Studio,使用真实 iOS 模拟器录屏,配以宣传片剪辑和音乐。SceneKit 场景仅适用于 iOS。
Jolt Drive 的 iOS 车库入场:来自项目发布的 GIF,转为 MP4 并保留每帧时间戳。录制设备未说明;此预览不用于衡量渲染性能。
iOS 模拟器录屏:灵感来自 Tesla 的示例应用,展示 3D 汽车、空调控制和接驾行程。保持原始播放速度;仅为演示界面,不连接真实车辆。