简介

本网页工具以"梯子靠墙"为情境载体，通过交互式可视化方式深入探究锐角三角函数中正弦与余弦的概念。工具将几何图形、函数图像与实时计算三位一体地呈现：左侧主画布展示动态的梯子情境图，同时绘制对应的函数曲线；右侧控制面板提供角度调节、数值显示和公式说明。通过数形结合的方式，帮助学习者直观理解三角函数定义、边角关系以及三角恒等式的本质。

主要功能

1. 动态情境可视化

   • 绘制梯子靠墙的直角三角形情境（AB为斜边，固定5.0m）
   • 实时计算并显示三角形各边长度（对边AC、邻边BC）
   • 标注顶点、边长和角度，绘制角度弧

2. 交互式角度控制

   • 滑块调节：支持15°至85°的连续角度调整
   • 快捷按钮：一键切换30°、45°、60°等特殊角度
   • 实时更新：角度变化时图形与数据同步刷新

3. 函数值实时计算与验证

   • 精确计算sinα、cosα值（保留3位小数）
   • 动态验证三角恒等式 sin²α + cos²α = 1
   • 实时显示各边实际长度（单位：米）

4. 函数图像联动展示

   • 在坐标系中同步绘制sinα（绿色）和cosα（蓝色）曲线
   • 在当前角度位置标记函数值点
   • 显示曲线图例和坐标轴标签

5. 自动演示动画

   • 一键启动角度在30°-60°之间平滑变化
   • 支持暂停与重置操作
   • 使用requestAnimationFrame实现流畅动画效果

6. 教学辅助元素

   • 使用MathJax渲染标准数学公式
   • 显示三角函数定义（对边/斜边、邻边/斜边）
   • 网格背景辅助观察与测量

适用场景

• 中学数学课堂教学：作为三角函数章节的导入和讲解工具，替代传统静态板书
• 翻转课堂预习：学生课前自主探究，观察角度变化对函数值的影响
• 课后巩固练习：帮助学生直观理解特殊角的函数值记忆
• 数学实验室活动：支持小组合作探究，验证三角恒等式
• 在线远程教学：屏幕共享进行实时演示，突破空间限制
• 教师教研备课：快速生成准确的函数图像和情境图，提升课件质量

使用说明

1. 基础操作

   • 打开网页后，系统初始化显示45°角的梯子情境
   • 拖动右侧"角度控制"滑块，可任意调整梯子与地面夹角（15°-85°）
   • 点击30°、45°、60°快捷按钮，快速定位到特殊角度

2. 观察与理解

   • 左侧主画布观察梯子位置变化，注意直角三角形各边长度的改变
   • 关注右上角测量值面板，对比不同角度下的边长数据
   • 查看右侧函数值区域，理解sinα、cosα如何随角度变化
   • 验证 sin²α + cos²α 恒等于1的性质

3. 函数图像解读

   • 查看左下角函数图像区域，绿色曲线为sinα，蓝色曲线为cosα
   • 观察当前角度在曲线上的位置（实心圆点）
   • 对比不同角度下两个函数值的大小关系

4. 动画演示

   • 点击"开始演示"按钮，观看角度自动循环变化的动态效果
   • 点击"暂停"可随时停止动画，冻结当前状态
   • 点击"重置"恢复初始45°状态

5. 公式对照

   • 参考右下角公式区域，结合图形理解三角函数定义
   • 将实际测量的边长比值与函数值进行对照验证

6. 响应式适配

   • 在平板或手机上使用时，控制面板会自动移至顶部
   • 建议横屏使用以获得最佳视觉效果