在變動中追求平滑
一、變化的曲線
原本沒有 easing 時,變化會以等速進行,像一條機械化的直線,缺乏節奏、缺乏調節,也缺乏自然感。然而程式用一條平滑的曲線,讓所有變化在開始時較慢、在中段快速推進、在接近終點時再次減速。這種中間快、兩端慢的模式有種自然的美,世界上的多數變化都不是跳躍,而是經歷時間的分配。人類行為、物理運動、生理調節、甚至感受變化的方式,都更接近曲線,而不是直線。easing讓物件的移動呈現了某種合理性,而合理性本身正是動態的關鍵。
二、節奏的來源 & 變化的速度
位置、大小、顏色三者的變化都經過 easing,但不同類型的變化方式完全一致,而不是各自採取不同節奏,這讓整體呈現出一致的動態語言。事實上,人類在面對不同類型的變化時也常呈現這種一致性。無論是跨入新階段、調整角色、學習新技能或適應新情緒,人們採取的過渡節奏往往相似。這不表示事件相似,而是因為節奏來自於人本身,而不是來自事件。程式中的矩形不具意識,但它們都依循同一個內在時間;人有意識,但也常被內在節奏牽引,因此某些人天生快、某些人天生慢,而這些個體差異在所有變化中保持一致。
變化真正讓人不安的並不是內容,而是節奏。如果變化太快,人會感到焦慮;若變化太慢,人又會陷入停滯。現實中的許多行為模式都是同樣的邏輯,人們往往都期待慢慢進入、慢慢退出。這種曲線式的行為可能不是意識選擇,而是人類身體與心智用來處理變化的方式。
三、框架中的自由
另一方面,程式在每次 transition 結束後都會隨機設定下一個位置、大小與顏色。這讓每個物件的移動看似自由,又明顯受到限制。它們永遠只在畫布範圍內活動,大小僅能落在特定範圍,顏色也只能在主色附近偏移。這種有限框架中的隨機非常接近人類的日常決策。人以為自己擁有自由,但真正的自由往往受限於許多看不見的條件,例如時間、資源、環境、生理需求或社會框架。因此所謂下一階段從來不是完全自由產生的,而是由許多結構性因素共同決定。矩形在畫布上的移動和人在人生中的選擇其實差異不大,兩者都是在邊界內尋找下一個可行位置。
四、穩定的條件
動態在這裡不再只是視覺效果,而是系統維持穩定的一種方式。從某個角度看,穩定並不等於不動。恰恰相反,一個完全靜止的系統是最脆弱的,因為它缺乏調節能力。真正的穩定是持續的小變化,讓系統能抵抗突發事件並吸收新的資訊。程式裡的矩形永遠在移動,永遠在更新,永遠在重新適應下一個目標,這樣的行為反而維持了整體畫面的連貫性。在這樣的觀點下,動態不是破壞穩定,而是穩定的必要條件。
五、循環的路徑
程式裡的動態還呈現另一個值得關注的觀點:變化是循環性的,而不是線性的。每次到達新位置後,物件立即開始下一次移動。它們不會達成目標後停下來,而是以目標作為下一次變化的起點。人生的每一個目標只是一種暫時的狀態,而不是終點。當人認為某個成功、階段或成果是最終目的時,往往會產生停滯或失落。然而如果把人生理解為一段段 easing 過渡的連續組合,就不會預設某個點是終止點,而會理解所有過程都只是下一段動態的準備。
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!