有什么课堂小游戏用AI可以形成的不,求教学呀~”一个女老师上个月中旬问我。
“嗯嗯可以生成的,之后我出一个“击鼓传花”的网页,适合很多方面。”我当时回复她。
为此,我精心整理了一套DeepSeek制作精美“击鼓传花”随机点名网页的方案,让DeepSeek帮我们将传统的“击鼓传花”变为线上AI版本,用于教学乃至是生活用途,让你轻松上手!
今天继续上干货,教大家,如何用DeepSeek实现助力课堂游戏/点名自由!
今天这篇帖子实用性极强,大家一定要好好收藏哦!
首先,我们直接把最主要的部分全部搞定,页面的上中下方三部分拆解出来,尤其是要说明它是一个“击鼓传花”的主题,方便AI帮我们识别和理解。
同时把填充姓名和选择方式设定清楚,就做出雏形了,我们输入这个提示词:
请你帮我制作一个 “击鼓传花” 主题的 HTML 网页小游戏,页面结构分为三个部分:
菜单区域在页面最上方,顶部要显示标题”蔚公子击鼓传花神器”;标题下方有一个文本输入框,用于填写参与者姓名,姓名之间用”、”分隔,输入框右侧配有一个”生成”按钮;再往下是一个下拉选择器,可在1-5之间选择要抽中的人数,其右侧是”导出”按钮。中间的旋转区域位于菜单区域下方,正中心有一个正圆形的主体图形。点击”生成”按钮后,文本框中填写的姓名会按顺时针方向排列在主体圆形的外侧切线上,所有姓名始终与主体圆形外侧相切,且与圆心保持固定距离,形成环绕主体圆形的”姓名环”;姓名之间的间距需保持一致,若出现重叠情况,系统会自动缩小字号以避免重叠。
底部功能区域有一个”开始”按钮,点击后姓名环会以主体圆形的圆心为轴顺时针转动,同时按钮变为”停止”;点击”停止”后,姓名环停止转动,系统会从姓名环中随机选出下拉菜单中设定数量的名字并标为红色,按钮也随之变回”开始”。
很快,一个“蔚公子击鼓传花神器”就做出来了,可以看到还是把我们基本的要求达成了,姓名框、选人框、导出以及下方的“开始”按键。
我首先上手点击“生成”按键,直接将例子中的人名都作为选择对象显现。实话说这波还是OK的👇
但是,一旦我们把很多人名输入进去,有时就会出现错乱,形成一条直线或者非常奇怪的圆形🤔
这谁看得清啊?这么密密麻麻,还有几个“刺头”非常扎眼。
但没关系,我们来搞定,将问题和需求反馈清楚,输入提示词:
很不错,不过有两个大问题,第一,生成的名字并没有形成圆形,围绕中间的圆心旋转,而是一条直线,因此很不美观,我要求名字围绕圆心形成圆形,不论多少名字;第二,抽中人数上没有按照设置的人数来抽,而是把所有人都抽了,要求是按照页面中的人数抽。请你结合以上反馈,帮我生成新的html页面
然后“击鼓传花游戏改进版”代码就出来了,选择右上角的“运行”。
这次我一口气导入了40个人名,然后点击生成,效果如下👇
然后再测试一手,实际功能,不管是1个人、3个人、还是5个人,它都能精确的识别,并且选择出来✨
然后再来测试一下导出功能,点击“导出”,直接会下载一个txt文档,并且说明抽中名单:
仅仅是上面的,看起来还是有点枯燥,能不能给它换一个皮肤,更美观呢?
还有一个问题不知道大家有没有发现,这选择完之后虽然是选了三个人或者5个人啊,但是字体太小了,有时候不方便去看。那如果能弹出一个窗口,来显示人名,是不是更好?
很棒,请你帮我把背景换为粉色少女心版本;以及抽中人选后,能弹出具体人名
改皮肤这种提示词一般生成的比较快,点击代码上方的“运行”。
而且例子也给我们换了,“小红,小芳,小明,小华,小丽小强,小美,小刚”,小家到齐了😏
导入多人时也是完全OK,然后我们点击“开始”看看效果。
好,男士这边的话,来个非常传统的古风版本也是很nice,输入提示词:
换个皮肤之后其实都挺不错,这个古风版本的也是乍一看让人感觉挺惊。
例子同样给我们换了,“赵云,关羽,张飞,马超,黄忠,诸葛亮,周瑜,曹操”,只能说十分应景,没毛病。
这类传统游戏看似普通,但放到AI的语境下,却更加生动和形象。或许,这就是将几代人牵连起来的最好方式之一。
因为如果不往这方面去想,可能一辈子都想不到这两个玩意还能结合在一起,但看到之后呢,又会恍然大悟:
AI时代,越来越缺的将不是技术,而是我们的联想和创造力。不论于教育、还是其他各个方面,都是如此✨
然后说说最近生活的感悟吧,有一个非常重大的思考,就是很多时候是我们自己把自己限制住了。
其实并没有很多外力阻拦你去做任何事,但我们过去的思维框架却拦住了我们去做一件相对正确的事——因为在我们的观念里做某些事情可能是需要时间,但其实事实是,其实都还好:那么,why not?
有卡点,有风险,甚至有人恶心你,都是正常的。但现在就做,立马出发,就算是个“垃圾”,你先做出来,总比停在原地好。
其实可能这才是最优解,很多时候很多限制不是真实的限制,而是我们思维的限制。
就像古典老师那本书《拆掉思维里的墙》,我们每一个人,甚至包括每一个AI时代的超级个体,也需要拆掉自己思维中的墙。
行动,行动,再行动。大不了从头再来,但关键是,永远迈出一步!
PS:最近有点太忙,很多事都没来得及处理,这里也说声抱歉。网站其实雏形上周就已经做的差不多了。我这两天会把最基础的先让大家体验,里面的AI工具基本是能用了的,其他功能和资讯都在完善中。
好,今天分享就是这些了~
也欢迎大家在评论区留下自己的思考,同时如果能点个赞和转发,就是对我最大的鼓励。
快收藏起来,慢慢探索,相信它能成为你提升效率的得力助手!