← 返回首頁

React Native WebGPU 的應用正徹底改變動畫開發的視角,該開源專案已收錄超過 110 個動畫範例

Enzo Manuel Mangano
Enzo Manuel Mangano
@reactiive_
14,700🔁 993
𝕏 (Twitter)🔥🔥🔥
AI 中文摘要Claude 生成

React Native WebGPU 的應用正徹底改變動畫開發的視角,該開源專案已收錄超過 110 個動畫範例。

技術觀點與開發心態
開發者近期投入 React Native WebGPU 的探索,並直言這徹底翻轉了其對動畫開發的觀點。該專案目前收錄了超過 110 個 React Native 動畫範例,作者坦承這些成果源自於「vibe coding」(憑感覺編碼)的開發過程,雖然程式碼可能較為隨性,但仍具備參考價值,歡迎開發者基於此進行延伸與創新。

專案現況與技術細節
此專案持續更新中,核心技術棧包含 Reanimated、Gesture Handler 與 Skia。目前的開發重點與進度如下:

  • 已移除過時的 API,改為從 react-native-worklets 匯入 runOnJSrunOnUI
  • 已實作搖晃偵測(Shake Detection)的意見回饋畫面。
  • 已完成 TestFlight 發布,Android 版本的發布則規劃透過 App Tester 或 Firebase Distribution 進行。
  • 待優化項目包括改善 Drawer Navigation 的直覺性,以及提升 Shaders 範例的效能。

授權與商業模式
該專案採用自定義軟體授權協議,雖然對個人與企業皆免費開放,且允許在商業專案中使用、修改與客製化,但設有明確限制:

  • 禁止轉售或重新發布該程式碼。
  • 禁止建立競爭性的動畫函式庫。

資源與支持
專案作者透過 GitHub Sponsors 尋求社群支持,並提供名為「reanimate.dev」的付費課程,旨在引導使用者從基礎到進階掌握 React Native 動畫開發技術。