史前动物博物馆:和孩子一起看双语 3D 小博物馆,18 只恐龙
2026-8-19 09:21:24 Author: www.appinn.com(查看原文) 阅读量:8 收藏

女儿3岁时,喜欢恐龙,却害怕恐龙打架。

看到电视里的恐龙追逐、撕咬,她会躲到爸爸身后;但过一会儿,又会偷偷探出头继续看。

于是,一位程序员爸爸做了一座“安静版恐龙博物馆”:去掉追逐和战斗,只留下可以慢慢观察的史前动物。

现在,孩子可以像逛博物馆一样,自己旋转、放大、认识这些远古生命。

史前动物博物馆:和孩子一起看双语 3D 小博物馆,18 只恐龙 1

来自发现频道的 leon 同学开源了这个为自己女儿准备的恐龙项目:https://meta.appinn.net/t/topic/90210

【开发者自荐】史前动物博物馆,和孩子一起转着看 18 个史前动物

一座给 2 至 6 岁孩子和家长一起逛的双语 3D 小博物馆,可以旋转、缩放 18 个海陆空史前动物。

女儿三岁时,看到电视里的恐龙打斗追逐会吓得躲开,过一会儿又忍不住站远一点偷看。我想做个小试验。把追逐和战斗拿掉,只留下一只可以安静慢慢转着看的动物,她还会害怕吗?

这个小试验后来长成了浏览器里的 3D 博物馆。馆里现在有 18 个海陆空展项,孩子可以按自己的节奏挑选、转动和观察,大人也能打开配套资料,和孩子继续聊。

现在可以做什么

  • 18 个展项分为陆地、天空和海洋三类,随时可以从全馆图鉴切换。
  • 手指或鼠标可以旋转模型,双指或滚轮可以放大、缩小。
  • 普通话和英文短旁白都由用户主动点选,页面不会自动播放。
  • 家长资料包含生活时期、化石发现地区、体型、食性、分类提示、参考来源和亲子讨论问题。
史前动物博物馆:和孩子一起看双语 3D 小博物馆,18 只恐龙 2
史前动物博物馆:和孩子一起看双语 3D 小博物馆,18 只恐龙 3

实现和使用说明

网页使用 React、TypeScript、Three.js 和 Vite 构建。3D 模型按需加载,交互画面准备好以前会先显示静态首帧,并在空闲时预取相邻展项。第一次进入尚未缓存的展项时,网络较慢仍可能多等一会儿。

模型、图片和旁白都提前做好,浏览过程中不会调用 AI 服务。

获取


原文:https://www.appinn.com/prehistoric-animal-museum/

如果,我是说如果啊,还有其它有女儿的爸爸们来贡献更多的恐龙或者其它动物素材,一起构建一个更大的动物博物馆,这事就有趣了。

那么问题来了,为什么不能带上有儿子的爸爸们?

Enable Notifications OK No thanks


文章来源: https://www.appinn.com/prehistoric-animal-museum/
如有侵权请联系:admin#unsafe.sh