四年级上册"平行与垂直"单元中，学生经常卡在两个地方：一是"无限延伸后是否相交"这个概念太抽象，书本上的静态图看不出来；二是"在同一平面内"这个前提容易被忽略。下面这个课件用 p5.js 做了几个可操作的交互模块，让学生在拖拽和观察中自己搞清楚这些关系。
【文末附使用链接】
产品简介
一款为四年级上册"平行与垂直"单元设计的互动课件，使用动态绘图和 3D 可视化技术。学生可以拖拽直线、观察位置关系变化、探索空间中的异面直线。
![课件整体界面预览，包含顶部导航栏、左侧控制面板、右侧动态画布区]
交互模块
交互一：情境引入——从生活到数学
课件提供三个生活场景的图片：
铁轨：两条笔直的铁轨，永远保持相同距离
斑马线：平行的白色条纹，互不相交
十字路口：两条道路交叉成直角
点击任意图片，左侧信息面板显示对应的数学解释，卡片有轻微的缩放动画反馈。
从学生熟悉的生活场景出发，引出"平行"和"垂直"的概念。
交互二：动态分类——拖拽改变直线
点击"动态分类"选项卡，右侧画布出现两条彩色直线，每条直线两端都有可拖拽的控制点。
实时反馈：
左侧"状态卡片"实时更新两条直线的位置关系：
学生拖拽直线的过程中，能直接看到"转一点就从平行变成相交""转到90°就是垂直"的变化。
交互三：无限延伸——看到远处的交点
"平行是无限延伸后也不相交"这个定义，学生只看书本上的线段很难理解——图上没画出来的部分是否相交？
点击"无限延伸"按钮，两条直线向两端动态延伸，学生可以直接观察结果。
建议操作顺序：
先把两条直线调成"画出来没相交、但有点斜"
点击"无限延伸"，看直线在远处相交
换一组真正平行的直线，延伸后仍然不相交
学生能区分"暂时没画到交点"和"永远不会有交点"两种情况，避免"平行就是不相交的两条直线"这种不严谨表述带来的误解。
交互四：3D 空间——异面直线
四年级学生容易默认"不相交就是平行"，其实还有一个前提："在同一平面内"。
切换到"3D 挑战"选项卡，进入 WEBGL 三维空间。透明立方体框架中有两条直线：
一条在立方体前面的底边（绿色）
一条在右侧面的侧边（橙色）
按住鼠标左键旋转视角，从不同角度观察这两条直线。
课堂讨论可以这样引导：
这两条直线相交吗？—— 不交
它们平行吗？—— 不平行
为什么？—— 因为它们不在同一个平面内
把"平行"的定义从"不相交"精确到"在同一平面内不相交"，帮助学生理解空间的维度，也为初中立体几何做铺垫。
交互五：垂线画法演示
学生需要掌握用三角板画垂线的规范步骤。
演示内容：
使用半透明蓝色三角板模型和橙色垂线，标注每一步的操作要点。
可用于课堂演示，也可供学生自主反复观看和模仿。
教学建议（2课时）
第一课时：认识平行与相交
情境导入（5分钟）：
初识平行与相交（15分钟）：
无限延伸（10分钟）：
第二课时：垂直与空间观念
认识垂直（10分钟）：
3D 空间挑战（15分钟）：
垂线画法演示（10分钟）：
进阶拓展
完成基础教学后，可以引导学生思考：
"差不多平行"是平行吗？
在"动态分类"模式中，把两条直线调成几乎平行（夹角非常小，比如 0.5°）
点击"无限延伸"，观察结果——它们会在很远的地方相交
结论：数学中的"平行"是精确概念，没有"差不多平行"
生活中的观察：
跨学科连接：
总结
"平行与垂直"是小学阶段图形与几何领域的基础概念，后续学习平行四边形、梯形、坐标系等都需要用到。
这个课件用可拖拽的直线、可延伸的动画、可旋转的 3D 空间，把抽象概念变成学生可以动手操作的东西：
拖拽过直线端点，能直观感受"相交"和"平行"的区别
看过无限延伸后相交的过程，对"平行"的定义会理解得更准确
旋转过 3D 立方体，就不容易忽略"在同一平面内"这个前提
几何概念不再是书本上的定义，而是一场亲手操作的探索。
教具地址：在线网页，支持触摸屏操作，平板可玩，插入希沃即开即用。
配套操作流程简单清晰，支持重复尝试与对比。无需部署，可直接插入 PPT 或希沃使用。如需定制或技术支持，可联系赵老师。
教具合集地址：https://tetoedu.com/，可联系赵老师获得技术支持（扫描下方二维码）
