---
title: 史前动物博物馆：和孩子一起看双语 3D 小博物馆，18 只恐龙
date: 2026-08-19T09:21:24Z
modified: 2026-08-19T09:21:33Z
permalink: "https://www.appinn.com/prehistoric-animal-museum/"
type: post
status: publish
excerpt: ""
categories:
  - 在线应用
tags:
  - 在线应用
  - 女儿
  - 恐龙
featured_image: "https://www.appinn.com/wp-content/uploads/2026/08/Copy-of-appinn-homework-2026-08-19T171615.868.jpg"
author: 青小蛙
timestamp: 2026-08-19T09:21:33Z
---

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

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

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

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

![](https://www.appinn.com/wp-content/uploads/2026/08/CleanShot-2026-08-19-at-16.49.44-2x.avif)

来自[**发现频道**](https://meta.appinn.net/c/faxian/10)的 leon 同学开源了这个为自己女儿准备的恐龙项目：[https://meta.appinn.net/t/topic/90210](https://meta.appinn.net/t/topic/90210)

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

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

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

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

### **现在可以做什么**

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

![](https://h2cdn.appinn.me/optimized/3X/2/3/2315dd869ec0e3c3051ecf07ff76919ddd55f191_2_1380x824.jpeg)

![](https://h2cdn.appinn.me/optimized/3X/a/3/a3b707c3d67190262e8371a89c581982eeff1121_2_1380x824.jpeg)### 实现和使用说明

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

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

## 获取

- [在线体验](https://leon-made-this.work/museum/zh-CN/)
- [GitHub 仓库](https://github.com/s010s/prehistoric-animal-museum)

---

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

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

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

## Topics

**分类目录:** [在线应用](https://www.appinn.com/category/online-tools/?output_format=md)

**标签:** [女儿](https://www.appinn.com/tag/%e5%a5%b3%e5%84%bf/?output_format=md), [恐龙](https://www.appinn.com/tag/%e6%81%90%e9%be%99/?output_format=md)