立体截面观察工具使用手册
小白也能轻松上手的 3D 几何实验室指南
By 橙子CC (需求实现版)
👋 简介
欢迎使用立体截面观察工具!这是一个专门为了帮助大家理解立体几何、观察物体内部结构而设计的网页工具。无论你是学生、老师还是几何爱好者,都可以通过简单的点击和拖拽,创建出各种复杂的几何体,并像切蛋糕一样观察它们的截面。
不需要任何专业建模基础,打开网页就能用!
🎮 基础操作:视角控制
就像在现实中拿在手里看东西一样,你可以随意旋转、放大缩小视角:
- 旋转视角:按住鼠标 左键 并拖动。
- 平移视角:按住鼠标 右键 并拖动。
- 缩放视角:滚动鼠标 滚轮。
🧊 第一步:创建模型
在屏幕顶部的工具栏中,第一行就是你的“积木箱”。点击任意按钮,对应的几何体就会出现在场景中心。
- 🧊 立方体:最基础的正方体。
- 🛢️ 圆柱:上下一样粗的圆柱子。
- 📐 圆锥:像冰淇淋筒尖一样的形状。
- 🔮 球体:圆圆的球。
- 🔺 三棱柱:底面是三角形的柱体。
- 🥡 圆台:上面窄下面宽的圆台(像倒扣的纸杯)。
- 🔷 正多面体:点击后输入数字(4, 6, 8, 12, 20),自动生成对应的正四/六/八/十二/二十面体。
🛠️ 第二步:编辑模型
物体创建出来后,你可以随意摆放和修改它们。
1. 选中物体
- 单选:直接用鼠标左键点击物体。选中后物体边缘会显示黄色的轮廓线。
- 多选:按住键盘上的 Shift 键不放,然后依次点击多个物体。
- 多选模式:点击顶部工具栏的 ✨ 多选模式 开关,开启后每次点击都会增加选中,不需要按键盘。
- 取消选中:点击场景中的空白处(背景)。
2. 移动、旋转与缩放
选中物体后,你会看到物体上出现了一个三色坐标轴(Gizmo),这就是你的操作手柄。
- ↔️ 移动模式(快捷键 T):拖动箭头可以沿轴移动,拖动方块可以在平面内移动。
- 🔄 旋转模式(快捷键 R):拖动圆环可以让物体绕轴旋转。
- 📏 缩放模式(快捷键 S):拖动方块可以拉伸或缩小物体。
3. 修改颜色与透明度
选中一个物体后,左下角会出现 “🎨 选中物体属性” 面板。
- 颜色:点击圆形的预置色块(莫兰迪色系),或者点击取色器选择任意颜色。
- 透明度:拖动滑块,可以让物体变透明,方便观察内部或者重叠情况。
4. 删除物体
选中物体后,点击顶部红色的 🗑️ 删除 按钮,或者直接按键盘上的 Delete 或 Backspace 键。
🔗 进阶玩法:模型组合 (布尔运算)
这是本工具最强大的功能之一!你可以像玩泥巴一样把两个物体融合在一起,或者从一个物体里挖掉一块。
⚠️ 注意: 进行组合操作前,必须且只能选中 2 个 物体!
- 调整好两个物体的位置,让它们重叠在一起。
- 按住 Shift 选中这两个物体(或者使用多选模式)。
- 点击顶部工具栏的组合按钮:
- 🔗 合并 (Union):把两个物体融合成一个新物体。
- ✂️ 挖空 (Subtract):用后选中的物体,去切掉先选中的物体(A - B)。如果切反了,撤销重来,换个选择顺序即可。
- 💠 相交 (Intersect):只保留两个物体重叠的部分。
运算完成后,原来的两个物体会消失,生成一个新的组合体。
🔪 核心功能:截面观察
想看看物体内部长什么样?或者想学习立体几何的截面问题?用这个!
1. 开启截面
在屏幕右侧的控制面板中,勾选 开启截面视图。场景中会出现一个半透明的黄色平面,这就是“刀片”。
2. 移动刀片
默认情况下,你会看到一个用于控制截面位置的坐标轴。拖动它,就可以上下左右移动或旋转截面,实时观察切割效果。
- 不想看到坐标轴? 在右侧面板关闭 显示截面控制器。
- 精确控制? 使用右侧面板的滑块,可以精确调整截面的位置距离和旋转角度。
3. 仅显示截面 (2D模式)
如果你只想看切开后的那个面(封口形状),勾选右侧的 仅显示截面 (2D模式)。此时,所有的立体模型和线条都会隐藏,只留下彩色的截面图案,非常适合做几何题!
💾 保存、导入与导出
辛辛苦苦做好的模型,当然要存下来。
1. 保存到浏览器 (模型库)
- 选中你做好的模型。
- 点击顶部的 💾 保存 按钮。
- 模型会保存在你的浏览器里。点击 📂 库 按钮,随时可以把它们找回来加载进场景。
- 注意:清理浏览器缓存可能会导致这些模型丢失。
2. 导出文件 (分享给朋友)
- 选中模型,点击 📤 导出。
- 浏览器会下载一个
.json 文件。你可以把这个文件发给你的朋友。
3. 导入文件
- 点击 📥 导入,选择朋友发给你的
.json 文件。
- 模型就会立刻出现在你的场景中,并自动存入你的模型库。
⌨️ 快捷键一览
- T:切换到移动模式 (Translate)
- R:切换到旋转模式 (Rotate)
- S:切换到缩放模式 (Scale)
- Delete / Backspace:删除选中物体
- Shift + 点击:多选
❓ 常见问题
Q: 为什么有时候“挖空”操作没反应?
A: 请确保两个物体确实重叠了,而且你正好选中了2个物体。
Q: 截面封口有时候不显示?
A: 我们已经修复了这个问题。如果偶尔遇到,试着稍微移动一下截面位置,或者重新加载一下模型。
Q: 网页很卡怎么办?
A: 如果场景里物体太多,或者进行了非常多次复杂的布尔运算,浏览器可能会变慢。建议定期删除不需要的物体,或者保存重要模型后刷新页面重来。
© 2026 立体截面观察工具 | Designed by 橙子CC