0/1

Blockstudio
2022.02.07
2112.run
看起來應該是個即將上線的遊戲介紹網站。
整體的滾動體驗非常的流暢!技術上也不會使用太複雜的做法!
- 從最開始的背景是單純的 Video 。
- 再用 Canvas 墊在前面,作為FUI的介面效果(其實我覺得用 GIF 也可以)。
- 往下滾動動態字體物件滑入。
- 再緊接著 Sticky Fix 滾動動態,就是有物件滾動也有物件固定,固定的物件會隨著滾動更換的效果。
- 最後就是我最愛的部分,透過 Layer 的概念分成前中後,讓中間的物件隨著滑鼠滾動位移,創造出 2D 前後感,更有動態海報的感覺!
這網站真是太棒了!
https://www.2112.run/