[{"data":1,"prerenderedAt":53},["ShallowReactive",2],{"article-games-solarInHand":3,"i-lucide:box":21,"i-lucide:code-2":26,"i-lucide:file-text":28,"i-lucide:image":30,"i-lucide:square-sigma":32,"i-lucide:gamepad-2":34,"i-lucide:sparkles":36,"i-lucide:menu":38,"i-lucide:moon":40,"i-lucide:sun":42,"i-material-symbols:language":44,"i-lucide:chevron-down":46,"i-lucide:check":48,"i-lucide:arrow-right":50,"i-tabler:markdown":52,"i-lucide:film":52,"i-lucide:graduation-cap":52},{"zh":4,"en":14},[5,8,11],{"title":6,"content":7},"2026 年最有创意的浏览器 3D 体验: 把太阳系捧在手心","\u003Cp>你有没有想过把整个太阳系捧在手心里？MeTool 掌上太阳系（Solar In Hand）用 Three.js 在浏览器里构建了一个\u003Cstrong>精美的 3D 太阳系模型\u003C\u002Fstrong>: 水星、金星、地球、火星、木星、土星（带光环）、天王星、海王星，八大行星按照相对比例和轨道运行，太阳发出柔和的光芒照亮整个场景。\u003C\u002Fp>\u003Cp>你可以用鼠标\u002F手指\u003Cstrong>自由旋转、缩放、平移视角\u003C\u002Fstrong>，从任意角度观察太阳系的壮丽。点击任何一颗行星，会弹出它的\u003Cstrong>真实科学数据\u003C\u002Fstrong>: 直径、到太阳的距离、公转周期、自转周期等。这不只是一个玩具，而是一个\u003Cstrong>交互式天文科普工具\u003C\u002Fstrong>。\u003C\u002Fp>",{"title":9,"content":10},"MeTool 掌上太阳系的独特价值","\u003Cp>\u003Cstrong>真实科学数据：\u003C\u002Fstrong>每颗行星的尺寸比例、轨道半径、公转和自转周期都基于真实天文数据。点击行星可以查看详细的科学信息卡片，适合学生学习和天文爱好者探索。\u003C\u002Fp>\u003Cp>\u003Cstrong>3D 自由交互：\u003C\u002Fstrong>OrbitControls 提供流畅的旋转、缩放和平移操作: 鼠标拖拽旋转视角，滚轮缩放远近，右键平移位置。移动端支持单指旋转、双指缩放和三指平移。\u003C\u002Fp>\u003Cp>\u003Cstrong>精美视觉效果：\u003C\u002Fstrong>太阳使用自发光材质和点光源，土星有半透明光环，每颗行星都有真实纹理贴图。深空背景 + 柔和环境光营造出宇宙的壮丽感。\u003C\u002Fp>\u003Cp>\u003Cstrong>纯前端零隐私：\u003C\u002Fstrong>所有 3D 渲染在浏览器本地通过 WebGL 完成，不传输任何数据。打开网页，太阳系即刻呈现在你眼前。\u003C\u002Fp>\u003Cp>\u003Cstrong>全设备支持：\u003C\u002Fstrong>手机、平板、电脑都做了适配。即使在中端手机上也能流畅运行 60fps 的 3D 渲染，让每个人都能随时随地探索太阳系的奥秘。\u003C\u002Fp>",{"title":12,"content":13},"天文课堂的理想教具: 实景互动让星球知识触手可及","\u003Cp>对于正在学习天文知识的学生来说，课本上的平面示意图很难传达太阳系的真实尺度和运行规律。MeTool 掌上太阳系提供了一个\u003Cstrong>可实时互动的 3D 实景演示\u003C\u002Fstrong>，让抽象的天文概念变得直观可感。\u003C\u002Fp>\u003Cp>\u003Cstrong>逐颗行星深入探索：\u003C\u002Fstrong>页面顶部的 Tab 栏覆盖了太阳系全部八大行星和月球: 点击任意星球名称，即可从宏观的太阳系视图无缝切入该星球的特写画面。每颗行星都采用 NASA 级真实纹理贴图，土星的壮观光环、木星的条纹气旋、地球的云层和海洋都清晰可辨。你可以自由旋转、缩放，像手捧地球仪一样近距离观察每颗星球的表面细节。\u003C\u002Fp>\u003Cp>\u003Cstrong>动态轨道与实时运行：\u003C\u002Fstrong>在太阳系全景视图中，八大行星按真实比例的轨道半径和公转速度同时运行，拖动速度滑块可以加快或放慢时间流速: 老师在课堂上演示「为什么水星一年只有 88 天，而海王星一年要 165 个地球年」时，学生可以直观看到内行星飞速绕日、外行星缓慢前行的强烈对比。\u003C\u002Fp>\u003Cp>\u003Cstrong>光照与阴影的科学还原：\u003C\u002Fstrong>太阳作为唯一光源照亮整个场景，每颗行星都有清晰的明暗分界线（晨昏线）。切换到行星特写时，系统自动将向阳面展示给用户，让学生理解「为什么行星总有一半是白天、一半是黑夜」。这种可视化的光照模型比文字描述有效得多。\u003C\u002Fp>\u003Cp>\u003Cstrong>手势控制，沉浸式体验：\u003C\u002Fstrong>开启摄像头后，学生可以用手势与太阳系互动: 握拳旋转宇宙、捏合缩放视角，仿佛真的把太阳系握在掌心。这种体感交互方式特别适合课堂演示和科学展览，能极大激发学生的探索兴趣和学习热情。\u003C\u002Fp>\u003Cp>\u003Cstrong>零门槛、零成本：\u003C\u002Fstrong>不需要安装任何软件、不需要专业设备: 一台普通的手机、平板或电脑，打开浏览器即可开始探索。所有渲染在本地完成，无需联网下载大型数据包。无论是课堂投屏演示、学生自主预习，还是亲子天文科普，都能即开即用。\u003C\u002Fp>",[15,18],{"title":16,"content":17},"The Most Creative Browser 3D Experience in 2026 — Hold the Solar System in Your Hands","\u003Cp>Ever imagined holding the entire solar system in your hands? MeTool's Solar In Hand uses Three.js to build a \u003Cstrong>stunning 3D solar system model\u003C\u002Fstrong> right in your browser — Mercury, Venus, Earth, Mars, Jupiter, Saturn (with rings), Uranus, and Neptune, all orbiting at proportional scales while the Sun radiates a warm glow across the scene.\u003C\u002Fp>\u003Cp>You can \u003Cstrong>freely rotate, zoom, and pan the view\u003C\u002Fstrong> with your mouse or fingers, observing the solar system from any angle. Click on any planet to see its \u003Cstrong>real scientific data\u003C\u002Fstrong> — diameter, distance from the Sun, orbital period, rotation period, and more. This isn't just a toy — it's an \u003Cstrong>interactive astronomy education tool\u003C\u002Fstrong>.\u003C\u002Fp>",{"title":19,"content":20},"What Makes MeTool Solar In Hand Unique","\u003Cp>\u003Cstrong>Real scientific data:\u003C\u002Fstrong> Each planet's size ratio, orbital radius, and orbital\u002Frotation periods are based on actual astronomical data. Click a planet to view a detailed info card — perfect for students learning astronomy and space enthusiasts exploring.\u003C\u002Fp>\u003Cp>\u003Cstrong>3D free interaction:\u003C\u002Fstrong> OrbitControls provides smooth rotate, zoom, and pan — drag to rotate, scroll to zoom, right-click to pan. Mobile supports single-finger rotate, pinch zoom, and three-finger pan.\u003C\u002Fp>\u003Cp>\u003Cstrong>Beautiful visual effects:\u003C\u002Fstrong> The Sun uses emissive materials and point lights, Saturn has translucent rings, and every planet features realistic textures. Deep space background + soft ambient light create a sense of cosmic grandeur.\u003C\u002Fp>\u003Cp>\u003Cstrong>Pure frontend, zero privacy concerns:\u003C\u002Fstrong> All 3D rendering happens locally in your browser via WebGL — no data is transmitted. Open the page and the solar system appears before your eyes.\u003C\u002Fp>\u003Cp>\u003Cstrong>Works on every device:\u003C\u002Fstrong> Optimized for phones, tablets, and desktops. Even mid-range phones can run the 60fps 3D rendering smoothly, letting everyone explore the solar system anytime, anywhere.\u003C\u002Fp>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":25},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\u002F>\u003Cpath d=\"m3.3 7l8.7 5l8.7-5M12 22V12\"\u002F>\u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":27},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":29},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":31},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\u002F>\u003Ccircle cx=\"9\" cy=\"9\" r=\"2\"\u002F>\u003Cpath d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\u002F>\u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":33},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M16 8.9V7H8l4 5l-4 5h8v-1.9\"\u002F>\u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":35},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":37},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":39},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":41},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":43},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":45},"\u003Cpath fill=\"currentColor\" d=\"M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":47},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":49},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>",{"left":22,"top":22,"width":23,"height":23,"rotate":22,"vFlip":24,"hFlip":24,"body":51},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",null,1781362274111]