Vibe 编码神话生物旋转器

本学年,我无法使用 SpinTheWheel.io,这是我在我最喜欢的中学生物设计项目之一中使用的随机动物选择器。去年春天,当我被要求在二月份开始教授 AP 计算机科学原理的两个部分时,我与我的同事托德·约翰逊 (Todd Johnson) 共同创建了这门课程,他接手了其中一个 [...]

来源:Wesley Fryer博士的创意速度移动

本学年,我无法使用 SpinTheWheel.io,这是我在我最喜欢的中学生物设计项目之一中使用的随机动物选择器。去年春天,当我被要求在二月份开始教授 AP 计算机科学原理的两个部分时,我与同事托德·约翰逊 (Todd Johnson) 共同创建了这门课程,他接管了我的计算机编程课程部分。* 今天,我决定用人工智能“氛围编码”一个替代品,而不是为旋转器网站搜索并手动构建一个解决方法。在这篇文章中,我将总结并强调我的步骤和这段经历。

我打开了Claude并描述了我需要的东西。这是我的实际提示,我的完整存档对话也可用:

我需要您帮助对这个双随机旋转器的功能进行编码,我将其用作“神话创造者选择器”。https://spinthewheel.io/wheels/QnF5l2mTXVBwoPy9FXUN 我附上了屏幕截图。每个旋转器应该旋转并进行随机选择,并显示该选择是什么...提供删除 1 个或两个选择并重新旋转的机会...我希望这在单个 HTML 文件中是所有 HTML 和 Javascript,并且它应该具有“友好”的注释,供其他想要更改每个轮子中的选择的人使用。有什么问题需要澄清吗?我也需要创建自述文件的帮助,以便我可以在我的 GitHub 上分享此文件

大约五分钟后,我将一个工作 html 文件上传到我自己的服务器并在下一堂课中使用。今天晚上,我在 GitHub 上分享了源代码和解释性自述文件,并将工作版本发布到 GitHub 页面:

–>尝试一下:wfryer.github.io/creature-spin/mythological-creature-selector.html

活动

更大的项目

–>scratch.mit.edu/projects/1286497553

值得“尝试一下”看看学生们的发明范围。

在课堂上使用它

基本流程:

  • 旋转:学生获得两种动物的组合。描述可以帮助他们立即开始思考特征、能力和对比。