📜 简介
这是一款基于HTML5开发的课堂互动工具,以深邃星空为背景,结合动态粒子效果实现。工具支持导入学生名单,通过可视化随机算法抽取学生,并配备激光动画、渐变文字、3D漂浮名字等特效。历史记录自动保存,支持批量抽取(1-5人),是提升课堂参与度的沉浸式解决方案。
⚙️ 主要功能
- 1. 星空动态系统
- • 200+动态粒子星辰(渐变蓝白色系)
- • 星星随机位移+闪烁特效
- 2. 名单管理
- • TXT文件导入(每行一个姓名)
- • 自动过滤空行并3倍复制名单(增强随机性)
- 3. 3D姓名漂浮层
- • 导入名单后名字在星空背景流动
- • 随机运动轨迹+碰撞边界检测
- 4. 炫酷点名系统
- • 激光射线扫屏动画(配合音效)
- • 渐变色巨幕名字展示(3.5rem超大字体)
- • 缩放式入场动画
- 5. 历史记录墙
- • 按倒序保存已点名学生
- • 左侧高亮边框+渐入动画
- 6. 多端适配
- • 响应式设计(完美适配手机/PAD/电脑)
- • 触摸屏友好按钮
🎯 适用场景
✅ 课堂教学
- • 课程随机提问/课堂活动人员选择
- • 实验课小组分配(支持批量抽取)
✅ 会议室场景
- • 头脑风暴发言人选择
- • 培训会互动环节
✅ 线上直播
- • 连麦观众抽选(大屏特效增强观赏性)
- • 答题竞赛参与者选择
✅ 班级管理
- • 值日生随机分配
- • 活动志愿者抽取
📖 使用说明
- 1. 准备名单
📌 创建TXT文本,每行填写一个学生姓名
📌 示例:
张三 李四 王五 - 2. 导入名单
👉 点击"选择文件"按钮 → 上传TXT文件 → 内容自动显示在预览区 - 3. 设置抽取
🔽 下拉菜单选择一次性抽取人数(1-5人) - 4. 启动抽取
✨ 点击蓝色「就你了」按钮: - • 触发激光扫屏动画 + 音效
- • 1秒后显示抽中学生(带缩放动画)
- • 结果同步记录在底部历史区
- 5. 高级技巧
- • 背景音量自动播放(若被浏览器阻止需手动触发)
- • 移动端横屏体验更佳
- • 历史记录点击名字可快速复制
💡 设计亮点:让课堂点名成为震撼的星空之旅!科技感十足的动画效果配合随机算法,将枯燥的点名环节转化为充满惊喜的互动体验。学生名字如星辰般漂浮流动,激光点名特效搭配空灵背景音乐,瞬间点燃课堂氛围,让每个学生都期待成为‘最亮的那颗星’!
©️版权声明:若无特殊声明,本站所有文章版权均归AI师辅原创和所有,未经许可,任何个人、媒体、网站、团体不得转载、抄袭或以其他方式复制发表本站内容。否则,我站将依法保留追究相关法律责任的权利。
/