乐于分享
好东西不私藏

班级趣味盲盒,天天小惊喜(附下载链接)

班级趣味盲盒,天天小惊喜(附下载链接)

施老师发现近些年的校园活动小奖品,经常出现盲盒,学生们也蛮喜欢。

盲盒虽然便宜,但总是要花些价钱的,而且里面的内容都是店家配好的。如果我们老师想要自己搭配盲盒呢?难道也去买盒子回来自己装吗?还有每个班级在一些活动中,总是会剩下一些零散物品,直接下发奖励学生好像不太合适,但是用来放进盲盒就挺好的。

于是施老师开动脑筋,利用 deepseek V4 做了一个“班级趣味盲盒游戏”小网页。有了这个盲盒游戏,就可以减少实物盲盒的购买,也算是节省一笔班费开支。

已关注

关注

重播 分享

文末有原始文件下载链接,免费下载,打开即用,无需联网!

下面跟着施老师一起看看怎么做,怎么玩!

01

灵感启发

就在某个下班时间,施老师看见小区的一群孩子游玩时围在一起,一开起盲盒,大家都很期待很开心,于是念头一闪:是不是可以用AI做一个盲盒游戏?

略一思考,觉得好处还是不少:

1.一个离线运行的网页程序,可以随时快速开展抽盲盒的活动。

2.班级里原有的奖品,还有闲散、零碎的物资也不必浪费,哪怕一个橡皮和一支铅笔,都可以装进盲盒发给学生。

3.一些非实物的礼品也可以放入盲盒,激发班级创新力,增强盲盒趣味性。

好,回家说干就干!

这次施老师不用智谱了,用刚发布不久的deepseek v4网页版。

先简单说出自己的想法,发给deepseek帮忙润色一下。

提示词:

请帮我设计一个班级开盲盒的游戏。   

前端:  首页的设计非常的喜庆和卡通。  管理员可以选择参考开盲盒学生的姓名,然后选择已有一个盲盒池。  学生从盲盒池中选择一个盲盒。打开后显示获得的奖品。  获得奖品后,有庆祝的特效和音效。  抽盲盒的记录会在前端页面有显示,并可以导出为表格。 

后台:  管理员可以自定义班级学生名单,可以一个个添加,也可以批量导入。  每个学生的抽奖记录在后台会保存,并且可以导出。  管理员可以自定义礼品仓库中物品的名称和数量。礼品仓库中物品的列表可以一个个添加,也可以批量导入。批量导入可以直接复制粘贴,也可以导入Excel表格。  管理员可以创建盲盒,并且把礼品从礼品仓库中添加到每个盲盒里。  盲盒有小盲盒、中盲盒、大盲盒,对应可放入不同数量的物品。  小、中、大不同的盲盒对应有不同的造型,每一个种类至少有3个默认造型可以供管理员在创建时选择。盲盒的造型非常卡通,适合学生,有关闭和打开盲盒两种造型。  每个盲盒有不同状态,待开启,已开启。已开启的盲盒自动退出盲盒池。  管理员可以创建不同的盲盒池,比如文明之星盲盒池、作业之星盲盒池等,每个盲盒池可以加入3~6个创建好的盲盒。  

#请你帮我把上面的网页开发需求稍微完善和规范一下,但是内容不要太复杂。用标准的文档格式返回给我结果,不要有表格。

快速模式,2秒给出了结果。

把修改后的开发需求复制,重新发给deepseek,使用专家模式,开始生成网页。

耐心等待几分钟,网页写好咯!

接下来,就是施老师根据结果不断修改细节,最终得到了一个自己比较满意的版本分享给大家。不过有一说一,后面我修改增加了很多功能,代码写起来就比较慢了,等待时间差不多要十分钟。

02

班级趣味盲盒功能介绍

盲盒网页使用非常简单,下面从制作盲盒、抽盲盒、系统设置三方面来介绍。

1.制作盲盒

制作盲盒需要进入到后台管理界面,大致流程为:礼品→盲盒→盲盒池

1.进入后台

点击后台管理进入后台,需要输入默认密码admin。

2.新增礼品

这一步很重要,教师可以根据班级礼品的实际情况,来建立自己班级的礼品仓库。礼品的内容和数量,直接影响后面盲盒的创建。

礼品可以分为实物类和权益类。实物类礼品一定点清楚数量,避免抽奖了领不到礼品的尴尬场景。权益礼品,比如“免作业1次”“选座位”等也要放入仓库,可以和实物礼品一起打包进盲盒。

我的礼品数量默认都是999,管理员可以重新编辑。

新增礼品,需要填写名称、数量和图标。这里的图标用输入法里的emoji就可以。

比如我新增5个小绿植奖品。

一步到位。

我个人觉得,权益类礼品设定是考验班级智慧的时候,你们班有哪些权益可以用来开盲盒,老师和班里的孩子一起来创新吧!

3.新增盲盒

盲盒可以自定义名称、大中小三个规格、3个造型和最后的数量。可以选择的礼品是和礼品仓库中的内容对应的。

比如我创建两个名为“苹果”的盲盒。

创建好的盲盒会进入列表,显示礼品内容和所属的盲盒池。

4.创建盲盒池

我们新增一个作业之星的盲盒池,可以选择还没有分配的盲盒进入盲盒池。

创建后的盲盒池,如果暂时不想用,不希望学生在首页看到,还可以选择“隐藏”。

到这里,我们新创建的礼品、盲盒和盲盒池就都好了,回到首页学生端就可以抽取了。

2.抽盲盒

1.选择抽奖人。打开首页,选择学生端,选择抽奖人,也就是学生姓名。

2.选择盲盒池。盲盒池相当于把盲盒进行分类,方便教师根据不同的情况,选择不同的奖池,比如作业优秀的一个池子,文明标兵一个池子,按需设置。

3.选择盲盒。点击盲盒池中的盲盒,打开后会提示中奖信息。

4.抽奖记录。学生完成盲盒开启后,会有抽奖记录在屏幕上显示,方便发放时查看。记录也可以直接导出为excel表格保存。

3.系统设置

学生管理:可以新增和删除学生。新增可以单独或者批量导入,非常方便。

抽奖记录:在首页和后台都可以导出,后台还可以清除记录。

系统设置:其实就是网页标题,可以直接修改。

管理员密码:可以修改默认密码。

备份恢复:这个强烈建议每次抽奖结束后导出备份文件。如果网页某天后台数据出问题,新增的盲盒这些不见了,可以直接导入备份恢复,原地复活!

下载好的备份文件,下次导入就可以恢复数据了。

结 语

施老师最近做了不少这样的小网页,之前都是用智谱GLM 5.0,这次用deepseek v4也没有让我失望,国产AI是越来越好用了。

抛开这个技术对比不谈,我有一个感觉越来越强烈。

当deepseek和智谱这样的免费AI能力越来越强,我们之前教学中所有的场景都值得去思考一下——能否用AI让它更加完善、更有创新力?

其实答案不在网上,就在日常生活工作的点滴中。期待读者朋友们的实践创新。

我是施老师,感谢阅读,一起成长!

「班级趣味盲盒」,点击链接即可保存

链接:https://pan.quark.cn/s/94d062a5f0d9