WorkBuddy 交互课件制作案例——《月相变化互动教学模型》(3D 网页)
- 2026-11-04 09:17:18
WorkBuddy 交互课件制作案例——《月相变化互动教学模型》(3D 网页)代码生成完成后,打开第一版 3D 网页课件,课件无法正常达到预期效果:页面底部用于切换月相的 8 个快捷按钮全部没有渲染显示;点击对应月相节点后,信息弹窗 / 信息卡片内没有加载预设的讲解文字。截取网页运行截图,附带这段问题描述提交给 WorkBuddy,请求排查代码、修复 bug、重新调试。 三、成品交付 经过调试修改后的 3D 网页课件可以正常离线运行,所有交互功能全部生效:3D 场景中月球可环绕地球转动,月龄滑块可自由拖动调节;8 个底部月相按钮正常显示,点击按钮快速定位至对应月相;选中月相后,信息卡片自动展示配套讲解文案,右侧 “从地球看月相” 小圆盘同步高亮对应月相,二维视图和 3D 模型联动一致,满足课堂互动演示需求。 
课件形态:支持离线运行的 3D 网页模型;场景核心为地球,月球围绕地球公转,设置 8 个关键月相节点支持点击快速跳转,搭载月龄调节滑块,配套 “从地球看月相” 二维示意小圆盘,实现 3D 场景与二维视图联动。
一、直接提交给 WorkBuddy【代码开发】模式的完整指令
我是一名高中地理老师,想做一个网页版的「月相变化互动教学模型」,要能完全离线运行。我准备了 moon.jpg、earth-day.jpg、earth-night.jpg 三张贴图……中间是地球,左边是太阳,月球在水平面上绕地球转圈……做 8 个月相节点:新月(月龄 0,初一)、蛾眉月(3.7,初三初四)、上弦月(7.4,初七初八)……每个节点配一句讲解文案,8 个月相要有快捷按钮直接跳转,并带一个「从地球看月相」的小圆盘示意图,点哪个高亮哪个,和 3D 场景对应。
二、迭代调试环节(问题反馈,发给 WorkBuddy 修改)

四、《月相变化》课堂教学环节
1. 导入(
教师打开课件,展示 3D 日地月场景,抛出问题:月亮为什么会有圆缺变化?引出本节课,借助交互模型探究月相。
2. 课件操作示范
教师演示课件功能:拖动月龄滑块连续观察月相变化;点击底部 8 个快捷按钮跳转典型月相;区分 3D 宇宙俯视视角和右侧 “从地球看月相” 圆盘视角,说明信息卡会显示对应讲解文字。
3. 学生交互探究
学生使用课件自主 / 分组操作:
点击 8 个月相按钮,观察日地月位置,阅读信息卡文字,记录月相、农历日期;
拖动滑块,观察月相连续渐变;
对照圆盘高亮效果,对比 3D 场景,重点辨析上弦月、下弦月亮面朝向。
教师巡视,针对易错点结合课件画面点拨。
4. 课堂巩固
教师随机指令某一月相,请学生上台操作课件快速调出,结合模型复述特征;依托课件梳理:上半月渐圆、亮面朝西;下半月渐缺、亮面朝东。
5. 拓展与作业
利用课件展示新月、满月位置,简单对比日食、月食发生条件;布置作业:实地观测月相,和课件模型对照。
本文来自网友投稿或网络内容,如有侵犯您的权益请联系我们删除,联系邮箱:wyl860211@qq.com 。