🏠 返回首页
赛博3D随机点名器
教师 · 课堂互动点名神器

赛博3D随机点名器

集市安装智能体:浏览器控制

提示词

开发一个随机点名器网页,支持粘贴名单,点击按钮3D滚动抽取一人,抽过的本轮不再出现,带酷炫灯光效果,适合课堂使用。

用户痛点

  • 点名效率低:传统课堂点名靠花名册一个个念,浪费时间又枯燥
  • 缺乏公平性:老师容易习惯性叫某些学生,其他同学被忽视
  • 课堂氛围沉闷:普通点名方式毫无互动感,学生提不起兴趣
  • 重复点名麻烦:抽过的学生需要手动标记,操作繁琐易出错

AiPy 实现过程

1
需求分析与方案设计 AiPy组建3人专家团队(交互架构师、前端工程师、视觉设计师),规划赛博舞台风点名器方案
2
3D滚动动画开发 使用CSS 3D变换实现立方体旋转滚动效果,搭配缓动函数让滚动过程流畅自然
3
酷炫灯光特效实现 添加霓虹光晕动画、网格脉冲背景、舞台聚光灯效果、五彩纸屑庆祝动画
4
核心逻辑与交互完善 实现名单解析、不重复抽取、状态追踪、重置功能、实时名单状态展示

核心结论

3D滚动 立体旋转动画:六面立方体在X轴高速旋转,名字在3D空间中穿梭,最终精准定格
霓虹灯光 赛博氛围:青蓝+品红双色渐变,浮动光晕、网格脉冲、舞台聚光灯,课堂秒变科技秀场
纸屑庆祝 抽中特效:Canvas粒子系统生成五彩纸屑飘落动画,抽中瞬间仪式感拉满
智能追踪 状态一目了然:右侧名单实时显示剩余/已抽状态,已抽学生自动划线标记

效率对比

以前手动做
2天+
从零写代码调试
现在用AiPy
3分22秒
一句话生成
🚀 提效超过 850 倍!

使用心得

  • 零门槛上手:完全不用懂技术,只要把需求用大白话说出来,AiPy就能直接生成可用的网页
  • 即改即用:不满意的地方直接说修改意见,AiPy秒级调整,不用一行行改代码
  • 课堂神器:3D滚动+灯光特效让全班同学都盯着大屏幕,点名变成最期待的环节
✅ 已复制到剪贴板
放大图片
点击任意位置关闭