我们被困扰的就是分享 strava 活动通常意味着相同的无生命的截图或花费10分钟在canva/capcut上。此外我们开发了一款 APP 来解决这个问题。

它连接到 strava，使用 webhook 自动连接您的活动，并允许您生成加样式的 overlay 图形在您的照片上 — 路线图，效率图表，划分，山地飞行图表，所有可定制化。

数据可视化 是其中一个重要的部分 — 我们从头开始用 Core Animation （CAShapeLayer + CAKeyframeAnimation）构建了三个动画 chart 类型：山地飞行图表，效率图表，心率图表。所有呈现为分层叠加在一起，并在通过 AVVideoCompositionCoreAnimationTool’s 离线渲染的视频导出中动态渲染。想法是您的统计数据不仅仅是数字 — 它们是您跑步的视觉故事。

我们也有一个 Compare 套装（侧联活动比较），一个 Weekly Recap 套装（汇总周数据），以及总共 18 个套装 — 每一个都具有完全不同的视觉方法来呈现相同的数据。Some 技术细节供 iOS 开发者参考：

  • SwiftUI + UIKit 混合 （CALayer 分层导出，SwiftUI 预览/编辑）
  • 两条视频渲染路径：CALayer compositingVia AVVideoCompositionCoreAnimationTool 静态预设，和动态预设的每一桢 CIFilter 管道
  • CIFilter 链：CIColorControls，CITemperatureAndTint，CIVignette，CIRandomGenerator （film grain），CIColorMatrix，CISourceOverCompositing
  • 导出 HEVC 或 H.264 via AVAssetExportSession + AVMutableVideoComposition
  • 自定义渲染器：DitherRenderer （二合一 via CIDotScreen + CIFalseColor），PlasmaRenderer （程序化光热背景），FluidRenderer （流体渐变），动画路线绘制通过 CAKeyframeAnimation
  • MapKit 快照代替对单色/对比 CIFilter 风格的地图套装
  • Supabase 后端，RevenueCat 为订阅

当前等待 App Store 审核。如果您想在它上线前试试新功能，欢迎私信我们获得早期访问。

我们也非常欢迎您的反馈关于设计，体验，渲染方法。您会在哪里改进？