header_logo

2112.run

Blockstudio

2022.02.07

看起來應該是個即將上線的遊戲介紹網站。
整體的滾動體驗非常的流暢!技術上也不會使用太複雜的做法!

  • 從最開始的背景是單純的 Video 。
  • 再用 Canvas 墊在前面,作為FUI的介面效果(其實我覺得用 GIF 也可以)。
  • 往下滾動動態字體物件滑入。
  • 再緊接著 Sticky Fix 滾動動態,就是有物件滾動也有物件固定,固定的物件會隨著滾動更換的效果。
  • 最後就是我最愛的部分,透過 Layer 的概念分成前中後,讓中間的物件隨著滑鼠滾動位移,創造出 2D 前後感,更有動態海報的感覺!

這網站真是太棒了!
https://www.2112.run/

延伸閱讀
回到列表

隨時掌握設計趨勢

訂閱即表示您同意我們的隱私政策,並同意接收我們公司的更新。

Copyright © WebCRACK. All rights reserved.

版塊創意有限公司

| hello@webcrack.tw

| 統編:83197129