教师 · 课堂互动点名神器
赛博3D随机点名器
提示词
开发一个随机点名器网页,支持粘贴名单,点击按钮3D滚动抽取一人,抽过的本轮不再出现,带酷炫灯光效果,适合课堂使用。
用户痛点
- 点名效率低:传统课堂点名靠花名册一个个念,浪费时间又枯燥
- 缺乏公平性:老师容易习惯性叫某些学生,其他同学被忽视
- 课堂氛围沉闷:普通点名方式毫无互动感,学生提不起兴趣
- 重复点名麻烦:抽过的学生需要手动标记,操作繁琐易出错
AiPy 实现过程
1
需求分析与方案设计
AiPy组建3人专家团队(交互架构师、前端工程师、视觉设计师),规划赛博舞台风点名器方案
2
3D滚动动画开发
使用CSS 3D变换实现立方体旋转滚动效果,搭配缓动函数让滚动过程流畅自然
3
酷炫灯光特效实现
添加霓虹光晕动画、网格脉冲背景、舞台聚光灯效果、五彩纸屑庆祝动画
4
核心逻辑与交互完善
实现名单解析、不重复抽取、状态追踪、重置功能、实时名单状态展示
核心结论
3D滚动
立体旋转动画:六面立方体在X轴高速旋转,名字在3D空间中穿梭,最终精准定格
霓虹灯光
赛博氛围:青蓝+品红双色渐变,浮动光晕、网格脉冲、舞台聚光灯,课堂秒变科技秀场
纸屑庆祝
抽中特效:Canvas粒子系统生成五彩纸屑飘落动画,抽中瞬间仪式感拉满
智能追踪
状态一目了然:右侧名单实时显示剩余/已抽状态,已抽学生自动划线标记
效率对比
以前手动做
2天+
从零写代码调试
现在用AiPy
3分22秒
一句话生成
🚀 提效超过 850 倍!
使用心得
- 零门槛上手:完全不用懂技术,只要把需求用大白话说出来,AiPy就能直接生成可用的网页
- 即改即用:不满意的地方直接说修改意见,AiPy秒级调整,不用一行行改代码
- 课堂神器:3D滚动+灯光特效让全班同学都盯着大屏幕,点名变成最期待的环节