夜雨聆风学习资料网

ARTICLE · 1034252

DeepSeek赋能高中地理习题可视化讲解

DeepSeek赋能高中地理习题可视化讲解
    本次基于DeepSeek赋能的高中地理习题可视化讲解缘起于解决一次网络上的求助……
    尽管,对于网络上的求助,我已通过手绘图解决(画个阳台剖面就能看出来)。
    但是,第二题给我心里留下的坎儿(③和④到底哪一表述正确无法在示意图中直观显示)却是始终无法忘却,当时我以为是自己徒手绘图有误差,后来用直尺重画,还是看不出区别。我甚至一度怀疑是图幅太小,限制了我的判断(下图为后期复盘整理时重新回忆绘制的最初的示意图,最初绘制的手稿已经丢弃)。
    于是,当我回家再次坐到电脑桌前时,我萌生了让DeepSeek帮我生成有关交互式动画把这道题的几何关系动态演示出来念头。接着,我就开始了和DeepSeek的“七轮对话”:
    经过反复调整,最终获得了一个比较满意的结果:
关注
重播 分享
    看到运行结果的那一刻,我内心已经比较满意,于是我就又给DeepSeek下达了一条新指令:
    指令下达后我得到了如下回复:
你是一位资深前端开发工程师兼地理教育专家。请帮我用纯HTML+CSS+JavaScript(用Canvas API)编写一个单文件网页(不需要任何外部库和框架),用于演示一道高中地理选择题。请确保所有几何计算绝对精确,光线必须绝对沿直线传播。
【题目背景】
   我国某地(36.5°N附近)有两个小区。甲同学住在A小区平地,阳台朝南。乙同学住在B小区山坡。
   为了让阳台上的衣物正午处于阳光照射下,四季中( )。正确答案:A(夏季晾挂高度最低)。
   为了保证山坡上的楼房底层有阳光照射,在向阳坡和背阳坡,建筑物间距与坡度大小的关系是( )。正确答案:A(①在向阳坡,坡度越大,建筑物间距越小;③在背阳坡,坡度越大,建筑物间距越大)。
【动画技术要求与逻辑约束】
【画布1:第30题(阳台剖面图)】
视觉元素:楼房主体、朝南阳台(有顶板和底板)、栏杆、晾衣杆、太阳。
交互按钮:提供“夏季(夏至日,太阳高度角77°)”和“冬季(冬至日,太阳高度角30°)”的切换按钮。
几何精度(核心):太阳光线必须严格从太阳出发,经过阳台开口上沿(顶板最外侧),呈直线射入。根据太阳高度角计算光线与内墙或底板的交点。
动态光影:绘制出阳台内部的阴影区(灰色)和底板受光区(亮黄色高亮)。
衣服动态跟随(极值算法):衣服X坐标固定,Y坐标使用Math.min(光线在X处的Y值, 底板Y值-衣服高度)动态计算,确保衣服永远刚好贴在光线上(夏天挂低,冬天挂高),不可硬编码。
【画布2:第31题(山坡剖面图)】
视觉元素:山坡剖面、前后两栋楼房、太阳。
交互按钮:提供“向阳坡(南坡,南低北高)”和“背阳坡(北坡,南高北低)”的切换按钮;提供“坡度”调节滑块(10°到40°)。
几何精度(核心):太阳固定画在画布左上角。太阳光线必须绝对是从太阳出发的一条直线,穿过前排楼顶,延长到后排楼底部。绝对不能有折线。
后排楼位置动态计算(核心):后排楼的位置必须通过“光线方程”与“坡面方程”联立求交点得出(dx=H/(1+m_slope)等),绝不可硬编码。拖动滑块改变坡度时,后排楼必须严格沿着坡面滑动,间距实时更新。
结论验证:在向阳坡,坡度增大时,间距自动变小(验证①);在背阳坡,坡度增大时,间距自动变大(验证③)。当背阳坡坡度超过45度时,提示“光线被挡”。
【UI与视觉要求】
两个画布并排显示,各自带有独立的操作按钮。
画布颜色要区分天空、地面、坡面、建筑物。
在画布下方附带动态文本解析,清晰说明当前图形对应的结论(如“当前坡度X°,楼间距Y米。结论:坡度越大,间距越小”)。
代码结构清晰,加入详细的中文注释,方便我后期微调。请直接输出完整的 HTML 代码。
    为了验证上述指令的可靠性,我直接将上述指令完整发送给DeepSeek,于是我又得到了如下运行结果:
关注
重播 分享
    看到如上运行结果后,属实让我感到意外。之所以让我感到意外,一是因为这版动画的背景渲染明显更细腻;二是因为我回头对比上一轮运行结果时才发现,之前的版本里,坡度一变,太阳高度角也跟着变了——这在地理逻辑上显然是错的。而这一版,太阳高度角被死死钉在了45°,坡度只影响坡面,不再干扰光线。这一下,①和③的正确性,在动画里变得一目了然。
    最后,当我准备将这一经历复盘整理出来给做一次分享时,我才发现我最初解题的手稿已经被丢弃,为了尽量还原当时的心路历程,我又重绘了一遍有关示意图:
    等把以上所有示意图绘制完成后我才发现我最初绘制的示意图之所以无法直观显示③和④表述的正确性的原因居然是因为选点不当所致。真可谓“差之毫厘,谬以千里”!
   回顾这次经历,真正让我触动的,并不是最后那几帧动画有多精美,而是我在“和DeepSeek反复拉扯”的过程中,被迫直面了自己思维上的盲区。
    最初,我以为问题出在“图画得不够准”,于是反复重绘;后来,我以为问题出在“图幅太小”,于是不断放大比例。可直到AI把“光线方程”和“坡面方程”联立求解之后,我才恍然大悟——问题的根源,从来不是绘图工具,而是我一开始选定的参照点,本身就存在逻辑漏洞。在教学中,很多时候我们觉得“讲清楚了”,其实只是“画顺了”,并没有真正“算对了”。而AI的价值,恰恰在于它不会迁就我们的直觉。它只会一板一眼地告诉你:光线到这里,就只能照到这里;坡度变一点,间距就必须跟着变一点。
   所以,与其说这是一次“用AI做动画”的尝试,不如说这是一次“用AI照镜子”的过程。它照出了我思维中的模糊地带,也照出了地理教学中那些容易被“示意图”掩盖的硬逻辑。当然,客观地说,这次调试也花了不少时间。AI不是一键出图的神器,它更像一个“需要反复对齐思路”的合作者。但正是这种“对齐”,逼着我把每个几何关系都想清楚。
    最后,我想对每一位看到这里的老师说:别怕和AI多聊几轮。前七轮可能都在“跑偏”,但第八轮,也许就是你真正想明白的那一轮。教学如此,教研亦如此。

相关学习资料