works互動資料視覺化

古地球板塊漂移/2026

Paleo Earth

轉動地球,看見十億年的板塊漂移

paleo-earth.vercel.app
Paleo Earth 桌機版網站畫面
Paleo Earth 手機版網站畫面
/ system設計系統

網站色系

  • 太空黑#0b0f14
  • 深海藍#16222e
  • 古陸棕#b79b6a
  • 琥珀橙#d98b45
  • 洋脊青#4fd1c5

字體樣式

古地球・板塊漂移

Noto Sans TC介面・標題・敘事

1000 → 0 Ma

系統數字時間軸・數據

10 億年

時間跨度

78

古地理切片

GPlates

科學重建資料

真 3D

恐龍檢視器

N° 01the challenge

挑戰

板塊重建的科學資料原本鎖在專業軟體與 GB 級的 GeoJSON 裡,一般人根本碰不到。要讓任何人在網頁上流暢轉動一顆「真實」的古地球,得先把上億個座標壓到能線上載入,又要在瀏覽器裡即時算球面投影與渲染而不卡頓——這是資料工程與前端效能的雙重難題。

N° 02our approach

解法

直接串接 GPlates Web Service 下載 MERDITH2021 模型的 78 個時間切片,經幾何簡化壓到十幾 MB 可線上載入;前端以 D3 正射投影+Canvas 2D 手繪地球儀,疊上大氣光暈、海洋深淺、隨古緯度變化的氣候帶與極冰,再把 54 種古生物做成程式化立體插畫、6 隻旗艦恐龍做成可拖曳的真 3D 模型,全程效能優化到穩定 60fps。

N° 03what shipped

成果

一顆離線可跑、真實科學資料驅動的互動古地球正式上線:0–1000 Ma 任意切換與播放、地球儀/平面圖雙模式、15 段動物相分期與古生物分佈、恐龍 3D 檢視器,全部在純靜態網頁裡完成,部署於 Vercel。

/ screens內頁實錄
盤古大陸・侏羅紀(2 億年前)
01盤古大陸・侏羅紀(2 億年前)
白堊紀・恐龍霸權(8000 萬年前)
02白堊紀・恐龍霸權(8000 萬年前)
雪球地球・成冰紀(6.4 億年前)
03雪球地球・成冰紀(6.4 億年前)

ready to build?

你的品牌 也值得一個這樣的網站