2015 年注册 V2EX 到现在,我一直很喜欢逛「分享创造」。这里的老哥各个都是人才,各种新奇点子源源不断。
以前大多数时候我都在看别人分享,这次终于也有一个自己做完、愿意拿出来的东西。
我给三岁的女儿做了一座 3D 史前动物博物馆。
在线体验:
https://leon-made-this.work/museum
github 链接:
https://github.com/s010s/prehistoric-animal-museum
目前一共有 18 种史前动物,陆地、天空和海洋三类。免费,不用注册,没有广告。
为什么会做这个
起因其实很小。
我女儿现在三岁多,看动画里的恐龙,只要出现追逐、战斗的场景,或者恐龙突然在画面里变得很大,她就会吓得跑回房间。
但过一会儿,她又会轻手轻脚地回来,站远一点偷看。有一次甚至躲到了凳子下面,只露出头继续看,特别搞笑。
所以我当时就想做一个小小的试验:
如果把追逐和战斗拿掉,只让恐龙安静地出现在电脑上,可以自己转一转、看看不同角度,她还会不会跑?
第一版我只放了三四只恐龙。她在旁边玩闹的时候看到了我的电脑屏幕,她非但没跑,反而还会很好奇。
当时我就觉得有戏!她不怕,这个小实验可以继续做下去。
于是三四只恐龙慢慢变成了 18 只史前动物。
它最开始叫“恐龙馆”,后来长毛猛犸象、鱼龙这些不算恐龙的史前生物也加了进来,我发现这个名字已经装不下它了。
于是改成了现在的:史前动物博物馆。

现在里面能做什么
其实功能很简单。
孩子选一只动物,可以拖动模型换角度,也可以放大缩小。中英文旁白都不会自动播放,想听的时候再点。
年代、体型、一些科学上还存在不确定性的地方,我放进了家长资料里。
动作我也尽量做得克制,没有把追逐、捕食和战斗作为主要展示方式。
手机、平板、电脑都可以打开。
而且这里有一个我后来刻意坚持的设计:
孩子使用的时候不会调用 AI 。
3D 模型、图片、旁白这些内容都提前做好了。AI 参与的是制作过程,而不是孩子每次打开页面之后再现场生成东西。

做到后来,比较折腾的其实是 3D 加载
一开始的想法很朴素:18 个模型,放网页里不就完了。
真这么做以后,很快就发现不行。
3D 文件本身不小,如果首屏就背着一堆模型跑,桌面端还能忍,移动端体验就很容易崩。
后来整个加载方式陆续改成了:
- 模型体积做压缩;
- 当前动物按需加载;
- 浏览当前动物时,利用空闲时间预取相邻动物;
- 浏览器缓存和内存缓存两层一起用;
- 3D 没准备好以前先给静态首帧;
- 新模型加载完成后再原子切换,尽量避免闪空;
- 移动端单独处理交互和资源策略。
现在切换动物的体感比最初好很多。
我还在继续处理一个问题:尽量把 Three.js 真正移出首屏关键路径。
现在页面本身可以先出来,但从静态页面进入可交互 3D 应用之间,还有进一步优化空间。
还有一个我觉得挺好玩的东西:让翼龙真的飞起来
馆里我自己比较喜欢的是无齿翼龙。最早拿到的模型其实是静态的。
做到这里的时候我突然想:肿头龙是可以动的,无齿翼龙是不是也可以飞来?能不能让它真的有一点“飞起来”的感觉?
后来我研究了一轮 Blender ,最后尝试用 Blender 配合 MCP ,让 AI 帮我处理骨骼和动作。
这也是整个项目里我第一次比较强烈地感觉到:
AI 对我来说最有价值的地方,不一定是“把网页代码写快一点”,而是让我敢碰以前基本不会主动碰的东西。
我不会做 3D 动画,但我现在可以先知道自己想要什么,再借助工具一点点把它做出来。
当然最后动作是否自然、是不是适合孩子看,还是得自己判断。
AI 找模型也没有想象中那么省心
18 种史前动物的模型不是一次找到的。
我会让 AI 帮我搜公开来源、整理候选,它能省掉很多机械搜索时间。但它也经常觉得自己已经完成了( 5.6 sol xhigh )。
比如找到一个题材正确、License 看起来也符合要求的低模,就觉得任务结束了。
实际点进去一看:
太粗糙,模型质量不行。要么就是太丑。
那就只能继续找。
License 也是一样。我最后不会直接采用 AI 的摘要,而是回到原始页面逐项核对。
所以这个项目做到后来,我对 AI 的感受反而变得比较简单:
它能大幅扩大一个人能搜索和执行的范围,但“什么值得留下”还是人的工作。
现在还有几个很现实的问题
目前部署主要用了 Cloudflare 的免费方案,也没有 ICP 备案。
所以国内网络访问并不理想。国内大部分环境第一次打开应该都会偏慢,在部分国内浏览器或微信内打开也可能出现提示。
这是我现在比较头疼的问题,暂时也没有好的办法,我也懒得去做 ICP 备案~
另外,目前关于孩子使用效果,我只有自己家的观察。女儿后来确实把 18 个动物都看了一遍,还学会了用 Tab 、Enter 和鼠标滚轮操作,但这不能推导成“其他孩子也一定喜欢”。
而且桌面鼠标对一个三岁的孩子来说其实挺大的,点选还不太容易。
所以它现在就是一个已经能用、但还会继续改的小产品。
再放一次链接,方便不用往上翻:
在线体验:
https://leon-made-this.work/museum
github 链接:
https://github.com/s010s/prehistoric-animal-museum
如果你愿意帮我试一下,我现在最想知道一件事:
在实际使用中,碰到什么样的问题?家里的小朋友喜欢吗
如果有明显等待,也欢迎告诉我大概的网络环境和浏览器,我想继续把这一段磨掉。
如果东西本身觉得还有点意思,GitHub 上顺手给个 Star 我也会很开心 :)
|
1
leonleung OP 欢迎各位 V 友体验,可以带小朋友一起看看哈~
|
|
2
dgmgso 8 月 10 日 看不够根本看不够,太少了,多来点动物。不一定是史前动物。现代动物也行啊
|
|
3
tjss 8 月 10 日 |
|
4
Egfly 8 月 10 日
很棒,感觉可以再开一个系列,做常识教学的
|
|
5
guoch 8 月 10 日
不错,有点意思
|
|
6
TimPeake 8 月 10 日
有趣 收藏了
|
|
8
AaronLee01 8 月 10 日
看了一下还挺好看的,一个提升点就是画面旋转的时候如果背景(环境)能和前景(动物)一起旋转就效果更好了
|
|
9
brant2ai 8 月 10 日
挺厉害的,不过现在恐龙的形象不是改了,听说霸王龙更像鸡?
|
|
15
leonleung OP @AaronLee01 #8 这个点子有朋友提过,我现在是用 image2 生成的背景图,还没想好咋做场景化和交互,确实对 3d 不太了解,感觉可以深入学习一下
|
|
17
simbaCheng 8 月 10 日
很有意思,不过确实不够看
|
|
19
WEAlex 8 月 10 日
厉害。
特别感触这一句:这也是整个项目里我第一次比较强烈地感觉到: AI 对我来说最有价值的地方,不一定是“把网页代码写快一点”,而是让我敢碰以前基本不会主动碰的东西。 我也在做,同样的接触了 blender 及 MCP ,做出来的太糙了。也买了域名、做了网站,利用家里的 nas 进行了网站部署、大模型部署,结合了 RAG ,AI 问答。3D 这个我一直是让 AI 自己操作 blender 来做,我也去搜搜现有模型试试。 |
|
20
hellofox 8 月 10 日
做的不错!
|
|
21
leonleung OP @simbaCheng #17 哈哈,大朋友什么世面没见过,肯定觉得不够看。我这两天带女儿看,每次都能看半小时以上,可以带家里小朋友试试看哈,欢迎反馈小朋友的体验~
|
|
22
tlovey1314vvvvvv 8 月 10 日
棒的不行,替我儿子谢谢叔叔,希望多加一些动物
|
|
23
youjiji 8 月 10 日
不错噢
|
|
24
leonleung OP @WEAlex #19 说实话,现有的 llm 直接从 0 开始做 3d 模型感觉还是不太行啊。之前迷惑龙 ai 找过一版,我觉得皮肤材质太差了,让 ai 基于这个版本,再参考其他恐龙的皮肤做一下,结果不尽如人意,怎么调都调不好。现在鱼龙这一版就是调整过皮肤的,感觉还是假假的,不知道是不是我的使用方式不太对
|
|
26
nanxiaonan 8 月 10 日
@brant2ai 好像是毛都没保存下来,现在的形象就是在骨骼框架上套层皮,有可能这些大恐龙都有毛
|
|
27
leonleung OP @tlovey1314vvvvvv #22 谢谢老哥,欢迎小朋友提建议哈,上面老哥提到现代动物系列,后面可以再出个猛禽猛兽馆啊哈哈哈,到时候再在群里分享。如果有更多人参与进来更好哈
|
|
28
zy0829 8 月 10 日
你好请教一下模型怎么做的
|
|
29
Realucas 8 月 10 日
棒的不行,替我女儿谢谢叔叔,希望多加一些动物
|
|
30
leonleung OP @zy0829 #28 我先问了 chatgpt pro ,我想做个线上恐龙馆,让它帮我深度研究一下这些 3d 模型在哪些渠道能够获取,有没有什么注意事项。它就帮找了很多类似的网站,很多人在上面分享自己制作的 3d 模型。注意事项就是一定要看 License ,比如 CC BY 4.0 (要保留署名)还有其他一些 ,要用那些公开可下载并且允许修改的。有些模型是已经有骨骼的,就可以让 ai 基于骨骼做一些 idle 动画。没有骨骼的话,也可以让 ai 做,不过费点劲。
|
|
34
tlovey1314vvvvvv 8 月 10 日
@leonleung #27 建议有个分类,比如远古动物,海底动物,不然动物多起来了,左右滑动比较麻烦
|
|
35
sdfw23xd 8 月 10 日
有点意思 之后可以扩展百科全书相关的
|
|
36
milala 8 月 10 日
我是女儿 我会说 大直男,我不喜欢恐龙 我喜欢小马宝莉,爱莎公主 ,小猪佩奇
|
|
37
leonleung OP @lvsp95 #13 老哥,动物百科图鉴这个就直接上强度了哈哈,感觉有搞头,我得想想怎么把模型获取,资料调研这些路子搞得再自动化点,现在大多数 3d 模型我都要微调,背景适配度这些啥的都要人工审,非常耗时
|
|
40
rayless 8 月 10 日
真不错
|
|
41
leonleung OP @tlovey1314vvvvvv #34 是的,最开始做的时候就想着做几种,原型也是按照简单来,因为我熟悉了解点的就那几种,后面做着做着就想着要不再加点天上飞的吧,天上飞的加了要不再加点海里的吧,后面就越加越多了哈哈哈
|
|
42
Tink 8 月 10 日
牛的,真可以!
|
|
43
xyooyx 8 月 10 日
31 岁的孩子觉得很好玩,有弄过一段时间 VR 用的是 glb ,确实资源加载是个问题
|
|
44
dummyx 8 月 10 日
有意思。star 了
|
|
45
leonleung OP @xyooyx #43 现在的体验优化方案是进来先显示个静态的图片,加载好再替换成 3d 模型,然后闲时加载前后两个动物。也借助 cloudflare 的缓存,下次进来就不用重新加载。当然源头的模型尽量选小一点的,面数少一点的,控制在 8M 以内。
|
|
47
chaoooooos 8 月 10 日
厉害厉害
|
|
49
glzcc520 8 月 10 日
不错,我闺女也喜欢看,我要给她看看
|
|
50
sanqian 8 月 10 日
这个确实不错,替我儿子谢谢叔叔
|
|
51
lancelot1016 8 月 10 日
这个确实不错,替我即将出生的孩子谢谢叔叔
|
|
53
shalou8023 8 月 10 日
|
|
54
pipibai 8 月 10 日
老哥,豆包有模型是专门生成 3D 模型的, 有试过吗
|
|
55
027creed 8 月 10 日
不错
|
|
56
leonleung OP @chaoooooos #47 感谢老哥支持🙏
|
|
59
leonleung OP @lancelot1016 #51 感谢支持~再忙也要跟孩子有有效的亲子时间~~
|
|
60
leonleung OP @shalou8023 #53 前面有老哥提过了,已严肃列入计划哈哈~
|
|
61
leonleung OP @pipibai #54 这个我还真没研究过,最初就只是给自家孩子用的,就想简单快速弄个原型试试水,所以也是直接找的公开可用的 3d 模型,没考虑过专门去生成。后面试着让 chatgpt sol 去调整,感觉效果也不太好,不知道豆包这个咋样,可以研究一下~
|
|
62
penll 8 月 10 日
手机屏幕下,太小了。放大也很有限,可以先支持放大更大些,手机上
|
|
63
cue 8 月 10 日
太酷啦!
|
|
64
leonleung OP 大家呼声最高的新馆,目前我在考虑两个方向:
方案 A:现代猛禽猛兽馆(花豹、狮子、大白鲨等,继续主打克服恐惧和科普) 方案 B:古生物延伸/远古海洋馆(邓氏鱼、龙王鲸等) 家里有娃的老哥们,大家觉得小朋友会更喜欢哪一组?或者有什么必收录的动物推荐吗? |
|
66
sansei 8 月 10 日
老哥很强
|
|
67
uruana 8 月 10 日
|
|
68
gimp 8 月 10 日
👍 如果技术上能做到,感觉可以给每个动物加两个标志性的动作,例如选择霸王龙后,可以点击 ‘攻击’ ‘跳跃’ ‘摆头’,有些标志性的动效动作会更酷。
|
|
69
Bingbing 8 月 10 日
不错不错~~~
|
|
70
avenger 8 月 10 日
感谢分享,太赞了~
关于 3d 模型,可试试 meshy.ai 自定义生成 我上一个项目的佛像 rushiwowen.co/zen 就是用这个生成的 可以抽卡,有一定的概率,生成后也可以后期微调,也不用担心版权问题 海鲜市场上有卖积分的,费用也不高 |
|
74
liuliuliuliu 8 月 10 日
牛逼,模型是哪里搞的?
|
|
75
szxshop00 8 月 10 日
我会选择看一部纪录片
|
|
76
zek 8 月 10 日
不是,你们怎么这么牛逼 ,什么都会做
|
|
77
jackerbauer 8 月 10 日
相当棒啊
|
|
78
chengz 8 月 10 日
做的很好,点赞
|
|
79
Honye 8 月 10 日
不知道说什么,已 Star
|
|
81
leonleung OP @gimp #68 刚刚我调研了一下,是可以做,不过可能会加大模型包的体积。目前是面向低幼龄儿童的,可能会做一些相对平和的动作,霸王龙可以弄个直立摆头观察,蛇颈龙可以弄个四鳍划水,剑龙可以弄个食草咀嚼的动作哈哈
|
|
82
int64ago 8 月 10 日
很棒的点子,人肉请求授权下点子,我要给女儿做一个山海经的 ;-)
|
|
83
leonleung OP @avenger #70 老哥你的如是我闻也太赞了吧,整体设计非常好👍这个 3d 模型也很不错,风格很有禅意~之前本意就是想做着自己用的,后面开源出来也没想着盈利,后面如果有明星动物实在找不到免费可公开的我会去试试抽卡哈,感谢提供渠道🙏
|
|
84
leonleung OP @liuliuliuliu #74 大多数是 sketchfab 这个网站,每只动物的家长资料里都会有一个章节「 3D 模型与素材来源」,可以直达哈
|
|
85
leonleung OP @szxshop00 #75 我下过动物相关的,还找的相对没那么激烈的,但是我女儿看到花豹狮子这些还是会害怕
可能是年纪还小,能看纪录片当然是最好的啦 |
|
86
kingshao709 8 月 10 日 via Android
不错不错,场景设置得挺美的
|
|
88
JoJoWuBeHumble 8 月 10 日
真不错!我觉得给小朋友的,其实恐龙名字可以加上拼音。也算是变相认识生僻字了。
|
|
89
kasheemirvinglew 8 月 10 日
很逼真了
|
|
90
Unitent 8 月 10 日
点赞
|
|
91
RyougiShiki 8 月 10 日
不错
|
|
92
zpzpzp 8 月 10 日
看得我又想玩 口袋妖怪 了
|
|
94
mijimoji 8 月 10 日
厉害了
|
|
97
colinxu 8 月 10 日
大人看了都感觉很不错
|
|
98
leonleung OP @int64ago #82 哈哈哈完全没问题,随意拿去用呗~我觉得山海经对大朋友也有吸引力,我看过不科学御兽、佛本是道这些东方玄幻小说,从文字上很难想象它们具体长啥样,非常期待老哥做出来
|
|
99
leonleung OP @kingshao709 #86 chatgpt image2 还是强哈,不过也需要抽卡,人工审
|
|
100
leonleung OP @JoJoWuBeHumble #88 我觉得这个点子非常棒👍,后面会考虑加上一个本地缓存的配置页,需要显示拼音的可以打开,让学龄小朋友也能读~
|


