前言:
现在大家对“js抽奖滚动”大约比较注重,朋友们都需要知道一些“js抽奖滚动”的相关知识。那么小编也在网络上搜集了一些有关“js抽奖滚动””的相关内容,希望咱们能喜欢,大家一起来学习一下吧!前言
距离年会虽然还有一段时间,提前安排一下。
lucky-lottery
年会抽奖软件
logo
效果图
效果图
开发目的
每年公司都有年会,每次都要到网上找这样的抽奖软件, 要么需要花钱买,这样的软件一般的公司是不在采购范围, 要么有人数限制,规则限制,或者根本运行不起来。所以自己开一款分享给需要的人,比较简陋,但是够用
源码使用手册
git clone lucky-lottery#安装依赖包npm install -g electron electron-packagernpm install#启动项目npm start#或者打包win32,,默认是64位版npm run-script package#如果要打包其他版本自己修改参数 --platform=win32 electron-packager ./ lucky-lottery --out ../lucky-lottery-release --overwrite --icon=./images/app.icns
打包后如何使用
配置文件在打包的目录 lucky-lottery-win32-x64\resources\app\config.js用户文件在打包的目录 lucky-lottery-win32-x64\resources\app\data\users.txt运行 lucky-lottery-win32-x64\lucky-lottory.exe
关于配置数据
在data/users.txt,添加用户的名称,每行一个名称修改配置文件 config.js 文件有备注背景图片路径 images退出 ctrl+q打开调试窗口 ctrl+i打开音乐/关闭音乐,alt+v 由于新版浏览器用户体验策略调整,不允许自动播放音乐,所有打开之后没有自动播放,需要手动执行 alt+v选择下一轮奖项:alt+n 启动软件之后第一个要执行的命令开始本轮抽奖:alt+s停止本轮抽奖[选出结果]:alt+c (此快捷键可能跟 翻译软件比如:金山快译冲突,建议关闭翻译软件)手动截屏:alt+x (可以考虑存储图片结果,本软件对每轮的结果自动截屏保存)自由定制
结果保存
抽奖结果自动截图,默认保存在 d:/lottery/ 可以在配置文件中修改,设置其他路径 还可以查看日子文件 log/log.txt
编辑配置 config.js
{ //默认字体颜色 fontColor: '#fdd312', //背景图片 background:'images/bg-1.png', title: '公司年会', titleFontSize: '32px', titleColor:'#fdd312', subTitle: '幸运大抽奖', subTitleFontSize: '50px', subTitleColor:'#fdd312', rewardTitleFontSize:'32px', rewardTitleColor:'#fdd312', rewardAreaTop: "0", //10% rewardWelcomeMessage: "激动人心的时刻即将开始!", onceEndMessage:"本轮抽奖结束,更多精彩在下一轮!", allEndMessage:"抽奖全部结束,新年快,恭喜发财!", //抽奖滚动时长 单位秒,自动停止,0表示只能手动停止 //本系统手动停止始终存在 rollingTime:0, resultPath:'d:/lottery/', //结果截图保存路径 tasks:[ //一个任务可以添加多抽奖活动, //每个抽奖活动消费一定数量的人员, //消费的人员不出现在后面的活动中 //每个任务使用 users.txt中的名单 { title:'开心百分百', except:['胡歌','张铭恩'], //排除users.txt中的名单 rewards:[ { title:'四等奖', //奖项名称 count:70, //奖项数量 capacity:35,//一次抽取数量[1,count] namesOfLine:6, //获奖区每行显示几个名字 [1,2,3,4,6,12] nameFontSize: 24 //px }, { title:'三等奖', //奖项名称 count:10, //奖项数量 capacity:5,//一次抽取数量[1,count] namesOfLine:3, //获奖区每行显示几个名字 [1,2,3,4,6,12] nameFontSize: 32 //px }, { title:'二等奖', //奖项名称 count:5,//奖项数量 capacity:5,//一次抽取数量[1,count] namesOfLine:3, //获奖区每行显示几个名字 [1,2,3,4,6,12] nameFontSize: 32 //px }, { title:'一等奖', //奖项名称 count:5, //奖项数量 capacity:5,//一次抽取数量[1,count] namesOfLine:3, //获奖区每行显示几个名字 [1,2,3,4,6,12] nameFontSize: 32 //px } ] }, { title:'幸运百分百', except:['胡歌','李易峰'], //排除users.txt中的名单 rewards:[ { title:'幸运奖', //奖项名称 count:1, //奖项数量 capacity:1, //一次抽取数量[1,count] namesOfLine:1, //获奖区每行显示几个名字 [1,2,3,4,6,12] nameFontSize: 64 //px } ] } ]}项目地址最后源码、项目地址、获取方式:关注小编+转发文章+私信【555】免费获取
附赠福利:
另外整理成了40多套PDF文档:全套的Java面试宝典手册1000+pdf
1.编程+开源框架+分布式”等七大面试专栏
2.Java核心知识点1000+Java面试题合集pdf
3.阿里、京东、蚂蚁等大厂面试真题解析
4.Spring全家桶面试题
5.算法笔记文档+刷题手册
6.思维导图(jvm、mysql、并发编程、数据库、kafka等等)。
如果你对这个感兴趣,小编可以免费分享。
重要的事情说三遍,转发+转发+转发,一定要记得点赞转发哦!!!
标签: #js抽奖滚动