一个学校随机点名系统开发
(代excel 自定义导入名字,+随机点名)
文章目录
🎯 3D随机点名系统
一个基于Three.js的3D球面随机点名抽奖系统,支持Excel导入、语音播报、全屏展示等功能。
✨ 功能特性
🎪 3D视觉效果
- 3D球面分布:使用斐波那契螺旋算法实现名字的均匀分布
- 流畅旋转动画:支持自动旋转和手动拖拽控制
- 精美视觉设计:每个名字配有小熊🧸图标和发光效果
- 高性能渲染:基于WebGL的Three.js引擎,支持大量对象
📊 智能名单管理
- Excel导入:支持.xlsx、.xls、.csv格式文件导入
- 自动识别:智能提取Excel中所有文本内容作为名单
- 动态更新:导入后自动调整球体数量和点名选项
- 长名字优化:特别适配维吾尔族等少数民族长名字显示
🎲 灵活抽取功能
- 动态数量:根据名单人数自动生成1-N人的抽取选项
- 公平随机:使用JavaScript内置随机算法确保公平性
- 视觉高亮:被选中的名字会放大并高亮显示
- 实时反馈:抽取过程中暂停旋转便于观察
🔊 语音播报系统
- 中文TTS:基于Web Speech API的中文语音合成
- 智能播报:单人直接播报,多人依次播报(0.5秒间隔)
- 可控开关:支持语音播报的开启/关闭
- 浏览器兼容:自动检测浏览器支持并提供降级
🎨 全屏展示体验
- 华丽展示:抽取完成后全屏显示获奖者
- 动画效果:获奖者卡片依次弹出动画
- 自动还原:播报完成后2秒自动返回初始状态
- 交互友好:支持点击关闭或背景关闭
🌐 完全离线化
- 无网络依赖:所有依赖库已本地化,支持完全离线使用
- 单文件部署:核心HTML文件+两个JS库文件即可运行
- 跨平台兼容:支持Windows、macOS、Linux等所有平台
🚀 快速开始
环境要求
- 现代浏览器(支持WebGL和Web Speech API)
- 推荐:Chrome 80+、Firefox 75+、Safari 13+、Edge 80+
安装使用
-
下载项目
git clone https://github.com/tomxjc305/classroom.git cd classroom -
运行项目
- 直接双击
1.html文件在浏览器中打开 - 或使用本地服务器:
python -m http.server 8000
- 直接双击

最低0.47元/天 解锁文章
1649

被折叠的 条评论
为什么被折叠?



