aogl.cn — 生成式 AI 工具與大模型動態(個人書籤)

← 返回首頁 · 本站原創

太陽系八大行星貼圖集:equirectangular 紋理與地球多通道素材

Mercury–Neptune · earth-blue-marble · Interactive-3D-Earth-video.mp4

· 本站原創

這篇是 aogl.cn 歸檔的第 11 篇原創手記,素材在 original/major-planets8/。文件夾是一套太陽系八大行星可視化貼圖包:七顆外行星與地球各自一張(或多張)2:1 等距柱狀(equirectangular)紋理,外加地球專用的凹凸、夜景、水面高光通道,幾張適合封面用的 Gemini 風格整球渲染圖,以及一段 Interactive-3D-Earth-video.mp4 錄屏。不是 NASA 官方數據門戶,也不賣素材包授權;只記文件名、用途和與站內其他 Demo 的分工。

文件夾裡有什麼

  • 行星 equirectangular 貼圖Mercury.pngVenus.pngMars.pngjupiter.pngsaturn.pnguranus.pngneptune.png
  • 地球多通道earth-blue-marble.jpgearth-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 texturesplanet equirectangular mapThree.js sphere textureblue 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 的插畫版火星可對照:一張偏科學制圖,一張偏科普封面。

水星 equirectangular 貼圖 Mercury.png 金星雷達地形貼圖 Venus.png 火星全球貼圖 Mars.png

氣態與冰巨行星:木星到海王星

jupiter.png 展示大紅斑與多條雲帶,是典型的木星大氣 equirectangular 展開;貼到球體上時,大紅斑緯度要和你場景裡的光照方向一致,否則「風暴位置」會顯得假。saturn.png 除球面雲帶外,環系統往往要單獨幾何體(環面或透明貼圖),不要強行畫進 2:1 展開圖裡——本站 Gemini 版土星(Gemini_Generated_Image_79swyt79swyt79sw.png)就是把環做成封面英雄圖的好例子。

uranus.png 青綠色平滑大氣,適合配合「躺著自轉」的科普文案;neptune.png 深藍條帶與大暗斑,風速極強的冰巨星敘事。四張氣態/冰巨星貼圖如下,可直接下載複用。

木星大氣 equirectangular 貼圖 jupiter.png 土星雲帶貼圖 saturn.png 天王星貼圖 uranus.png 海王星貼圖 neptune.png

地球:五張圖組成「多層地球」

地球是唯一同時提供多通道的行星,這也是文件夾裡最「重」的一組資產:

  • earth-blue-marble.jpg — 白天地表反照,科普頁最常用
  • earth-topology.png — 灰度凹凸,驅動法線/位移
  • earth-water.png — 海洋鏡面高光遮罩
  • earth-night.jpg — 城市夜燈,可與白天做混合 shader
  • earth-dark.jpg — 暗部或合成輔助,避免夜燈在晝側漏光

若你只想要一顆「能轉、能縮放」的地球,優先看文章 交互 3D 地球 裡的 iframe 演示;major-planets8 提供的是可替換的源貼圖,方便你 fork 後改路徑或降分辨率上 CDN。

地球藍大理石貼圖 earth-blue-marble.jpg
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 圖負責「一眼認出是哪顆星」。下文選三張代表內行星、巨行星與冰巨星;其餘文件仍在目錄中可自行對照。

水星整球渲染 Gemini_Generated_Image_aymbswaymbswaymb.png 土星環整球渲染 Gemini_Generated_Image_79swyt79swyt79sw.png 海王星整球渲染 Gemini_Generated_Image_qavqocqavqocqavq.png

演示錄屏 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

  1. 每顆行星一顆 SphereGeometry + equirectangular map;地球額外掛 bumpMapspecularMap 與夜燈混合。
  2. 土星、天王星、海王星的單獨建模,別擠進 2:1 貼圖。
  3. night-sky.png 做背景,文章頁用 800 字以上手記寫清文件分工——比只放下載鏈接更有利於 SEO 與 AdSense 對「實質性內容」的判斷。

部署時保持 original/major-planets8/ 與 HTML 相對路徑不變,GitHub Pages 與本地 WAMP 才能共用同一套鏈接。