iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

Rive 的理論與實務 系列

Rive 是一個 JavaScript 的動畫 library,類似 Lottie 但有更多功能,我會分享一些 Rive 的理論基礎與實務經驗。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] 進階問題:Low-level APIs Ⅲ

前兩天分別討論了要怎麼自己實現 render loop,以及要怎麼操作 State Machine, Rive Text, Rive Event,只要掌握了這兩...

2024-09-23 ‧ 由 ywchang2404 分享
DAY 22

[Day 22] 進階問題:timer

在 Low-level API 裡面,我們通常用 rAF (requestAnimationFrame) 在裡面計算時間戳,再加上遞迴做出 render loo...

2024-09-24 ‧ 由 ywchang2404 分享
DAY 23

[Day 23] 進階問題:滑點

滑點是一個非常不直覺,但是無論如何一定會存在,沒有方法可以迴避的問題。在大部分的網頁應用中,很少要求前後端的資料要非常即時的同步,所以不太會有這個問題。就我們用...

2024-09-25 ‧ 由 ywchang2404 分享
DAY 24

[Day 24] 進階問題:Loading Assets

設計師在製作 .riv 檔的過程中,可能會用到一些資源 assets,例如圖片、字體、音檔等等,就我們的經驗來說,這些資源比你想像中多非常多,不要小看設計師大大...

2024-09-26 ‧ 由 ywchang2404 分享
DAY 25

[Day 25] 實務建議:我們用過的效能最佳化技巧

後來想了一下,我把一些效能調校手段的內容都散落在各處,我的同事們覺得這值得單獨寫成一篇文章,所以今天就稍微整理一下我們用過的最佳化手段。 在理解效能最佳化之前,...

2024-09-27 ‧ 由 ywchang2404 分享
DAY 26

[Day 26] 其他我們踩過的雷

Rive 畢竟是一個蠻新的東西,所以不得不承認,有一些細節還沒有那麼成熟,有一些奇怪的雷。這些雷分布的蠻發散的,但又會影響開發與使用體驗,所以趁這個機會,把這些...

2024-09-28 ‧ 由 ywchang2404 分享
DAY 27

[Day 27] 一些神奇的 Rive 作品分享

我承認在鐵人賽之前,我已經寫過很多篇 Rive 的文章了,不過大部分都是跟程式碼或設計模式有關的,後來想想除此之外,如果想安麗 Rive 的話,帶大家看一些 R...

2024-09-29 ‧ 由 ywchang2404 分享
DAY 28

[Day 28] 我個人對 Rive 的評價

這幾天一路下來,我們從設計師與設計師的角度,討論了 Rive 的優缺點、基本的使用方式與語法、實務建議、以及一些進階的議題。你可能會發現,文章的主題慢慢的從具體...

2024-09-30 ‧ 由 ywchang2404 分享
DAY 29

[Day 29 - 完賽之前] 溝通 & 寫作的關鍵:最小化溝通成本

也默默的快完賽了,如同前幾天有稍微提到的,對工程師來說,Rive 不是一個太難的東西,更多時候他比較吃觀念與溝通的能力。觀念的部分我們前幾天都介紹的很全面了,但...

2024-10-01 ‧ 由 ywchang2404 分享
DAY 30

[Day 30] 總結

終於到最後一天了,相信一路這樣下來,大家應該能對 Rive 的理論與實務有一些基本的知識,最後讓我們把這三十天的文章做一點摘要跟總結,幫大家複習一下。 Rive...

2024-10-02 ‧ 由 ywchang2404 分享