首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >8岁儿子做出3D太阳系,我这个当爹的被教育了

8岁儿子做出3D太阳系,我这个当爹的被教育了

原创
作者头像
运动马
发布2026-07-14 12:35:03
发布2026-07-14 12:35:03
511
举报
文章被收录于专栏:WorkBuddy实战WorkBuddy实战

嘿,这事说来挺离谱的

你以为"做一个能转的3D太阳系"是什么级别的事?

——是那种大学生做毕业设计才敢碰的活,对吧?

但我儿子马皓云(8岁,刚上小学三年级)用零花钱买了个键盘、一本《少儿编程趣味入门》,再加一台爸爸的旧电脑,耗时不到两周,捣鼓出来了一个完整的3D太阳系科普互动页面

对,他自己一个人

打开就是这样的 ↓

是不是还挺像那么回事?右上角那个"进入银河系"按钮一按,立马穿越 ↓

猎户臂、人马臂、英仙臂,还用小字标了"太阳系所在"——这孩子连我们银河系在哪个位置都给你标出来了。

等等,我等下要说的不是"我儿子多牛"这种老父亲碎碎念。 我想说的是:当一个8岁小朋友真的拿AI当工具使,会发生什么?

这玩意儿到底能干啥?

先别被"3D"俩字吓到。它比你想的简单,也比你想的硬核:

1. 真·3D,不是PPT转圈

拖一下鼠标,整个太阳系能转。滚轮一拨,能从上帝视角直接拉近到木星面前。点哪颗行星,就进哪颗行星的卫星系统——比如点土星,能看到土星环和它那堆卫星们排队转。

2. 速度可调(0.2x ~ 3x)

  • 默认 1.0x 就是真实比例(地球绕太阳一圈要365天,你看到的就是365天的慢动作
  • 想看"水星嗖一下飞过去"?拉到 3x
  • 想慢慢欣赏"木星大红斑"?降到 0.2x

3. 科普文案不是抄的

每颗行星、每颗主要卫星,都有4条原创科普介绍

比如点太阳,会弹出来这样的信息面板 ↓

我随口挑两句给大伙看看:

"它靠核聚变把氢变成氦来发光发热,每秒要烧掉约 600 万吨氢。" "水星上的'一天'比'一年'还长。"

这些不是 AI 一句话糊弄的,是皓云查资料 + 问爸爸 + 自己消化之后,用小学生能懂的话重新写出来的

4. 数据是真实的

行星数据用的是真实天体参数:直径、距日距离、公转周期、自转周期、卫星数量……甚至不同行星的真实纹理贴图都有(水手峡谷、木星大红斑、土星环,都是 NASA 公开的真实图片)。

更绝的是,行星在场景里的初始位置,是按 2026-07-07 的真实黄道经度算出来的——你看打开时地球在哪儿、土星在哪儿,那是真的天文位置。

技术栈?小学生能写?

能。 但需要拆开说。

整个项目是一个单 HTML 文件(约 600KB),双击就能在浏览器里跑,零外部依赖

核心用了三个东西:

  • HTML5 + CSS3 —— 画页面、画按钮、画信息面板
  • 原生 JavaScript —— 让行星动起来、处理点击事件
  • Three.js —— 一个开源的 3D 库,被内联进了 HTML 文件里(就是直接复制粘贴进去那种操作,所以文件大)

听起来好像也就那样?

但你注意几个细节

  1. 3D 场景搭建:摄像机、光源、星空背景(2200 颗随机分布的星星)、8 大行星 + 冥王星的真实球体建模;
  2. 真实物理模拟:每颗行星按真实公转周期和当前角度算位置,按真实自转轴倾斜转;
  3. 射线点击检测:点哪个天体弹出哪个信息面板,这是 Three.js 里的进阶用法;
  4. 程序化纹理兜底:如果真实贴图加载失败(断网、文件丢失),会用 Canvas 画一张"看起来差不多"的纹理,保证不穿帮;
  5. 三种模式切换:太阳系 ↔ 单个行星卫星系 ↔ 银河系总览,每种模式相机位置、控件范围都不一样。

一个 8 岁孩子,理解这些用了多久?

答:两周。前面 10 天是懵的,后面 4 天是开窍的。

那 AI 在哪儿?

重点来了——AI 在这个项目里,不是主角,是副驾

皓云用 AI 的方式,是很多成年人都做不到的

  • 不会写代码怎么办? 问 AI "Three.js 怎么画一个球?"
  • 行星不转怎么办? 问 AI "requestAnimationFrame 怎么写循环动画?"
  • 点行星没反应怎么办? 问 AI "Three.js 怎么检测点击的是哪个物体?"
  • 贴图加载不出来怎么办? 问 AI "Canvas 怎么画一张火星表面?"

但——

  • 行星数据是自己查维基百科抄的
  • 科普文案是自己消化后重写
  • 整体架构是自己想的(先做哪颗行星,再做哪颗,分几步实现)
  • Bug 修到凌晨两点,哭着也得自己重读代码找出原因

AI 在他这里,不是"一键生成"的魔法,是"哪里不会问哪里"的辅导老师

我观察到一个有意思的现象: 很多大人用 AI,是"我懒得想,你替我想"。 这孩子用 AI,是"我先想,想不通再问你"。

这两者的差距,比 8 岁和 30 岁的差距大。

这个 8 岁小孩还做了什么?

你别说,太阳系只是他作品合集里的一个

同一个文件夹里还有:

  • 🌌 元素周期表(科幻风格可视化版本,点元素能看故事,还附带他录的黑洞故事音频——对,8 岁孩子自己做的科普音频)
  • 🥊 拳击闯关游戏(他的第一个游戏作品,能打怪、买装备、升级,分了 7 个 JS 模块,写了 600 多行代码)

三个项目合集已打包成 ZIP,里面附了一份爸爸写给他的《使用说明.txt》,教他怎么搬到自己电脑继续玩、继续改

最后几句掏心窝子的话

写这篇文章,不是为了晒娃。

是因为最近看到太多"AI 时代,孩子还要不要学编程"的讨论,想说一句大实话:

学编程不是学敲代码,是学怎么把一个想法变成真的东西。 8 岁的皓云学到的是"我可以让一颗行星按真实速度转起来",不是"我学会了 var、function、new"。

AI 不会让"会写代码的人"失业,

AI 会让"不会解决问题的人"失业。

这孩子运气好,赶上了这个时代。

他爹我运气更好,能在旁边看着这一切发生。


如果你也想看看他做的太阳系(顺便拖一拖、点一点、感受一下小学生的快乐),

项目文件是开箱即用的,双击 index.html 就能跑

但完整的项目合集(包含 3 个项目 + 使用说明)获取方式,我放到下面了 👇

写在最后:如果你也认识正在学编程的小朋友,欢迎转发给他/她 —— 让他们知道,8 岁就能做出让自己骄傲的东西

— 来自一个一边写稿一边偷看儿子在客厅打拳击游戏的老父亲

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 嘿,这事说来挺离谱的
  • 这玩意儿到底能干啥?
    • 1. 真·3D,不是PPT转圈
    • 2. 速度可调(0.2x ~ 3x)
    • 3. 科普文案不是抄的
    • 4. 数据是真实的
  • 技术栈?小学生能写?
  • 那 AI 在哪儿?
  • 这个 8 岁小孩还做了什么?
  • 最后几句掏心窝子的话
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档