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

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

💡 原文中文,约900字,阅读约需3分钟。
📝

内容提要

一位程序员爸爸为害怕恐龙打斗的女儿制作了“安静版恐龙博物馆”,一个双语3D网页,展示18个海陆空史前动物,可旋转缩放,无自动播放,含家长资料。项目开源,用React、Three.js构建,旨在让孩子按自己节奏观察远古生命。

🔎

延伸解读

设计初衷:消除恐惧而非回避

项目源于孩子对恐龙打斗的恐惧,但作者没有选择回避,而是通过去除追逐和战斗场景,保留可观察的动物本身,让孩子按自己的节奏接触。这种设计思路对家长有参考价值:面对孩子的恐惧,可以尝试调整环境或呈现方式,而不是简单禁止或强迫面对。

技术细节与体验平衡

网页采用 React、Three.js 构建,模型按需加载并预取相邻展项,以减少等待。同时,所有内容(模型、图片、旁白)均提前制作,浏览时不调用 AI 服务,确保离线可用和响应速度。这种技术选择体现了对儿童使用场景的考量:稳定、可控、无额外网络依赖。

开源与扩展可能性

项目已开源,作者在社区中呼吁其他家长贡献更多动物素材,以构建更大的博物馆。这意味着该项目不仅是一个独立工具,还可能成为协作平台。对于有兴趣的开发者或家长,可以参与贡献,共同丰富内容,但需注意素材质量和审核,以保持教育性和安全性。

Q&A

史前动物博物馆是什么?

史前动物博物馆是一个开源的、双语(普通话和英文)的3D网页,由一位程序员爸爸为女儿制作,展示18个海陆空史前动物,可以旋转、缩放,没有自动播放,旨在让孩子按自己的节奏观察远古生命。

为什么这位爸爸要制作这个恐龙博物馆?

因为他的女儿3岁时喜欢恐龙但害怕恐龙打斗,看到电视里的恐龙追逐撕咬会躲开,但又忍不住偷看。他想做一个试验:去掉追逐和战斗,只留下可以安静观察的动物,看女儿是否还会害怕。

史前动物博物馆有哪些主要功能?

主要功能包括:18个展项分为陆地、天空和海洋三类,可随时切换;支持手指或鼠标旋转模型,双指或滚轮缩放;普通话和英文旁白由用户主动点选,不会自动播放;家长资料包含生活时期、化石发现地区、体型、食性、分类提示、参考来源和亲子讨论问题。

史前动物博物馆使用了哪些技术?

网页使用React、TypeScript、Three.js和Vite构建。3D模型按需加载,交互画面准备好前会显示静态首帧,并在空闲时预取相邻展项。模型、图片和旁白都提前做好,浏览过程中不会调用AI服务。

史前动物博物馆适合哪个年龄段的孩子?

该项目适合2至6岁的孩子和家长一起逛。

史前动物博物馆是免费的吗?在哪里可以访问?

该项目是开源的,可以免费使用。可以在线体验,也可以从GitHub仓库获取源代码。

🏷️

标签

➡️

继续阅读