2026 年最有创意的浏览器 3D 体验: 把太阳系捧在手心
你有没有想过把整个太阳系捧在手心里?MeTool 掌上太阳系(Solar In Hand)用 Three.js 在浏览器里构建了一个精美的 3D 太阳系模型: 水星、金星、地球、火星、木星、土星(带光环)、天王星、海王星,八大行星按照相对比例和轨道运行,太阳发出柔和的光芒照亮整个场景。
你可以用鼠标/手指自由旋转、缩放、平移视角,从任意角度观察太阳系的壮丽。点击任何一颗行星,会弹出它的真实科学数据: 直径、到太阳的距离、公转周期、自转周期等。这不只是一个玩具,而是一个交互式天文科普工具。
MeTool 掌上太阳系的独特价值
真实科学数据:每颗行星的尺寸比例、轨道半径、公转和自转周期都基于真实天文数据。点击行星可以查看详细的科学信息卡片,适合学生学习和天文爱好者探索。
3D 自由交互:OrbitControls 提供流畅的旋转、缩放和平移操作: 鼠标拖拽旋转视角,滚轮缩放远近,右键平移位置。移动端支持单指旋转、双指缩放和三指平移。
精美视觉效果:太阳使用自发光材质和点光源,土星有半透明光环,每颗行星都有真实纹理贴图。深空背景 + 柔和环境光营造出宇宙的壮丽感。
纯前端零隐私:所有 3D 渲染在浏览器本地通过 WebGL 完成,不传输任何数据。打开网页,太阳系即刻呈现在你眼前。
全设备支持:手机、平板、电脑都做了适配。即使在中端手机上也能流畅运行 60fps 的 3D 渲染,让每个人都能随时随地探索太阳系的奥秘。
天文课堂的理想教具: 实景互动让星球知识触手可及
对于正在学习天文知识的学生来说,课本上的平面示意图很难传达太阳系的真实尺度和运行规律。MeTool 掌上太阳系提供了一个可实时互动的 3D 实景演示,让抽象的天文概念变得直观可感。
逐颗行星深入探索:页面顶部的 Tab 栏覆盖了太阳系全部八大行星和月球: 点击任意星球名称,即可从宏观的太阳系视图无缝切入该星球的特写画面。每颗行星都采用 NASA 级真实纹理贴图,土星的壮观光环、木星的条纹气旋、地球的云层和海洋都清晰可辨。你可以自由旋转、缩放,像手捧地球仪一样近距离观察每颗星球的表面细节。
动态轨道与实时运行:在太阳系全景视图中,八大行星按真实比例的轨道半径和公转速度同时运行,拖动速度滑块可以加快或放慢时间流速: 老师在课堂上演示「为什么水星一年只有 88 天,而海王星一年要 165 个地球年」时,学生可以直观看到内行星飞速绕日、外行星缓慢前行的强烈对比。
光照与阴影的科学还原:太阳作为唯一光源照亮整个场景,每颗行星都有清晰的明暗分界线(晨昏线)。切换到行星特写时,系统自动将向阳面展示给用户,让学生理解「为什么行星总有一半是白天、一半是黑夜」。这种可视化的光照模型比文字描述有效得多。
手势控制,沉浸式体验:开启摄像头后,学生可以用手势与太阳系互动: 握拳旋转宇宙、捏合缩放视角,仿佛真的把太阳系握在掌心。这种体感交互方式特别适合课堂演示和科学展览,能极大激发学生的探索兴趣和学习热情。
零门槛、零成本:不需要安装任何软件、不需要专业设备: 一台普通的手机、平板或电脑,打开浏览器即可开始探索。所有渲染在本地完成,无需联网下载大型数据包。无论是课堂投屏演示、学生自主预习,还是亲子天文科普,都能即开即用。





