這篇是 aogl.cn 歸檔的第 11 篇原創手記,素材在 original/major-planets8/。文件夾是一套太陽系八大行星可視化貼圖包:七顆外行星與地球各自一張(或多張)2:1 等距柱狀(equirectangular)紋理,外加地球專用的凹凸、夜景、水面高光通道,幾張適合封面用的 Gemini 風格整球渲染圖,以及一段 Interactive-3D-Earth-video.mp4 錄屏。不是 NASA 官方數據門戶,也不賣素材包授權;只記文件名、用途和與站內其他 Demo 的分工。
文件夾裡有什麼
- 行星 equirectangular 貼圖 —
Mercury.png、Venus.png、Mars.png、jupiter.png、saturn.png、uranus.png、neptune.png - 地球多通道 —
earth-blue-marble.jpg、earth-topology.png(凹凸)、earth-water.png(高光/水體)、earth-night.jpg(夜景燈光)、earth-dark.jpg(暗面或合成輔助) - 環境 —
night-sky.png星空背景 - 封面級渲染 — 六張
Gemini_Generated_Image_*.png(水星、金星、火星、木星、土星、天王星、海王星等整球插畫風格) - 演示錄屏 —
Interactive-3D-Earth-video.mp4
標題與段落裡自然出現 solar system textures、planet equirectangular map、Three.js sphere texture、blue marble earth 等檢索詞,均對應真實文件,不做隱藏堆砌。
為什麼用 2:1 等距柱狀圖
在 Three.js 裡把貼圖包在 SphereGeometry 上時,寬高比 2:1 的 equirectangular 圖能在極點變形可控的前提下覆蓋整球。木星、土星這類氣態巨行星橫向條紋會在經度 0°/360° 接縫處對齊;岩石行星(水星、火星)則要檢查隕石坑射線是否在接縫處斷開。我導出前會放大接縫帶看一眼,避免上線後觀眾拖拽旋轉時出現豎線閃動。
本站 交互 3D 地球 已用類似思路做外觀測地球:藍大理石底色 + 凹凸 + 高光 + 雲層。本篇 major-planets8 把其餘七顆行星補齊,方便你做太陽系沙盤、科普頁輪播或教學用 HTML,而不必每次重新找貼圖。
類地行星貼圖:水星、金星、火星
Mercury.png 灰褐色撞擊坑密集,左側可見年輕撞擊坑的射線紋——適合講「最接近太陽的岩石行星」與 MESSENGER 任務時代的全球製圖。Venus.png 呈雷達反照的金色地形,亮區對應高原(如伊師塔高原、阿佛洛狄忒高地),暗區為火山平原;提醒讀者金星表面被濃硫酸雲層遮住,貼圖代表的是雷達看到的「地表」,不是可見光照片。Mars.png 鐵鏽色外殼上橫貫水手號峽谷系統,兩極有白色極冠——與 Gemini_Generated_Image_6wdi276wdi276wdi.png 的插畫版火星可對照:一張偏科學制圖,一張偏科普封面。
氣態與冰巨行星:木星到海王星
jupiter.png 展示大紅斑與多條雲帶,是典型的木星大氣 equirectangular 展開;貼到球體上時,大紅斑緯度要和你場景裡的光照方向一致,否則「風暴位置」會顯得假。saturn.png 除球面雲帶外,環系統往往要單獨幾何體(環面或透明貼圖),不要強行畫進 2:1 展開圖裡——本站 Gemini 版土星(Gemini_Generated_Image_79swyt79swyt79sw.png)就是把環做成封面英雄圖的好例子。
uranus.png 青綠色平滑大氣,適合配合「躺著自轉」的科普文案;neptune.png 深藍條帶與大暗斑,風速極強的冰巨星敘事。四張氣態/冰巨星貼圖如下,可直接下載複用。
地球:五張圖組成「多層地球」
地球是唯一同時提供多通道的行星,這也是文件夾裡最「重」的一組資產:
earth-blue-marble.jpg— 白天地表反照,科普頁最常用earth-topology.png— 灰度凹凸,驅動法線/位移earth-water.png— 海洋鏡面高光遮罩earth-night.jpg— 城市夜燈,可與白天做混合 shaderearth-dark.jpg— 暗部或合成輔助,避免夜燈在晝側漏光
若你只想要一顆「能轉、能縮放」的地球,優先看文章 交互 3D 地球 裡的 iframe 演示;major-planets8 提供的是可替換的源貼圖,方便你 fork 後改路徑或降分辨率上 CDN。
earth-blue-marble.jpg — 地球白天通道,2:1 全球貼圖。星空背景 night-sky.png
night-sky.png 用作場景後景或 Scene.background 的 equirectangular 環境圖,把行星放在暗星場裡,避免純色 WebGL 背景顯得像未完成的 debug 視圖。分辨率不必與行星貼圖相同,但色溫要偏冷、略壓暗,以免搶過行星本體的對比度。
Gemini 風格整球圖:給封面與 Open Graph 用
六張 Gemini_Generated_Image_*.png 不是 equirectangular 展開,而是正圓整球 + 淺灰背景的插畫式渲染,適合首頁卡片、社交分享縮略圖或文章 hero。它們與科學貼圖並存:貼圖負責「可繞轉的球」,Gemini 圖負責「一眼認出是哪顆星」。下文選三張代表內行星、巨行星與冰巨星;其餘文件仍在目錄中可自行對照。
演示錄屏 Interactive-3D-Earth-video.mp4
錄屏展示的是地球 WebGL 交互(拖拽、縮放、大氣邊緣光),說明這套地球通道最終如何進瀏覽器。行星貼圖本身不在此視頻裡逐一旋轉,但地球管線與文件夾命名一一對應,便於你對照 earth-*.jpg/png 文件。
Interactive-3D-Earth-video.mp4 — 地球 Three.js 演示屏錄(約 24 MB)。和本站其他太空 Demo 的邊界
Velmora 是另一套太陽系探索 UI 概念;交互 3D 地球 只聚焦一顆地球;高鐵車窗風景 與 公寓 360° 是室內/交通框景,不是行星尺度。本篇 major-planets8 的定位是可下載的行星貼圖源 + 地球多通道 + 封面渲染,三條線並列在首頁「本站原創」輪播,避免訪客以為全站只有一個地球 Demo。
我刻意沒做的事
未包含冥王星或小行星帶貼圖;未提供克卜勒軌道數值仿真;未聲稱數據來自某一架望遠鏡的實時下行。商用太空教育產品需自行核對科學表述與版權;Gemini 插畫不可當作任務級科學制圖。
若你要複用 major-planets8
- 每顆行星一顆
SphereGeometry+ equirectangularmap;地球額外掛bumpMap、specularMap與夜燈混合。 - 土星、天王星、海王星的環單獨建模,別擠進 2:1 貼圖。
- 用
night-sky.png做背景,文章頁用 800 字以上手記寫清文件分工——比只放下載鏈接更有利於 SEO 與 AdSense 對「實質性內容」的判斷。
部署時保持 original/major-planets8/ 與 HTML 相對路徑不變,GitHub Pages 與本地 WAMP 才能共用同一套鏈接。