ARTICLE · 1297828
如何用 AI 制作年会抽奖工具?
年会抽奖是大家最期待的环节了，市面上的抽奖工具要么需要开通会员，要么超过一定的人数就要加钱。
小知用AI手搓了几个抽奖工具，不用充会员、人数没限制、规则自己定。一起来看看吧。
一、生成抽奖工具
1、制定规则
很多人习惯直接给AI发送"帮我做个年会抽奖工具"。没有具体规则AI只能自由发挥，生成后还要浪费时间去熟悉抽奖规则。所以我们在开始的时候就将规则制定好，后续能够省下不少事。
2、输出口令
根据自己公司的实际需求梳理好规则之后就可以得到完整版的指令：
请用纯 HTML + CSS + JavaScript 帮我写一个年会抽奖工具，
所有代码放在一个 .html 文件里，不要引用任何外部链接和外部依赖。要求：
【名单】左侧可折叠面板里放一个文本框，每行一位，显示姓名和部门，支持从 Excel 直接导入。
【奖项】奖项可自行增删，每项可设：奖项名称、名额、单次抽取人数，支持从 Excel 直接导入奖品清单；
【抽奖】点"开始"滚动、点"停止"定格中奖者；停止时要有减速过程。
【去重】已中奖的人自动从后续抽奖名单中剔除，绝不重复中奖。最后未中奖的人默认阳光普照奖
【记录】中奖结果按奖项分组展示，能导出 CSV，要保证 导出的Excel 打开不乱码
【现场】支持全屏投屏；支持空格键开始/停止；抽奖进度自动存在浏览器本地，刷新或误关页面都不会丢。
【视觉】抽奖工具外观为透明亚克力扭蛋机、金色金属支架，彩球滚动动画，开奖彩带特效
请直接输出完整代码。
3、生成工具
如果指令写得比较完整了，可以直接发送给AI，让他直接帮忙生成，如果不满意可以让AI帮忙优化指令。这里小知直接发送给了AI，然后得到了一个初版的抽奖工具。
初版的工具生成后会或多或少的存在一些问题，需要我们检查后让AI继续帮忙修改，这里就用比较通俗易懂的语言来和AI交流就可以。经过多轮修改，就会得到一个满意的抽奖工具了。
*员工信息和奖品信息可修改可导入
*未中奖默认阳光普照奖，也可一键生成、一键撤销
4、使用工具
以WorkBuddy为例，工具生成后，在预览窗口点击“在外部浏览器打开”即可使用。
二、几种不同的抽奖工具分享
除了扭蛋机抽奖工具，我们还可以试试其他多种形式的抽奖工具生成：
1、大转盘抽奖
请用纯 HTML + CSS + JavaScript 帮我写一个年会抽奖工具，所有代码放在一个 .html 文件里，不要引用任何外部链接和外部依赖。要求：
【名单】左侧可折叠面板里放一个文本框，每行一位，显示姓名和部门，支持从 Excel 直接导入。
【奖项】奖项可自行增删，每项可设：奖项名称、名额、单次抽取人数，支持从 Excel 直接导入奖品清单；
【抽奖】点"开始"滚动、点"停止"定格中奖者；停止时要有减速过程。
【去重】已中奖的人自动从后续抽奖名单中剔除，不重复中奖。奖项抽完还未中奖的人默认阳光普照奖，另外可以手动生成阳光普照奖，但是要提醒还有未抽完的奖项，让用户确认再生成，并且可以撤销生成
【记录】中奖结果要方便查看，按奖项分组展示，能导出 CSV，要保证 导出的Excel 打开不乱码
【现场】支持全屏投屏；支持空格键开始/停止；抽奖进度自动存在浏览器本地，刷新或误关页面都不会丢。
【视觉】抽奖工具外观为抽奖大转盘形式，会根据奖项多少自动调节选项的数量，开奖彩带特效
请直接输出完整代码。
2、刮刮乐抽奖
请用纯 HTML + CSS + JavaScript 帮我写一个年会抽奖工具，所有代码放在一个 .html 文件里，不要引用任何外部链接和外部依赖。要求：
【名单】左侧可折叠面板里放一个文本框，每行一位，显示姓名和部门，支持从 Excel 直接导入；
【奖项】奖项可自行增删，每项可设：奖项名称、名额、单次抽取人数，支持从 Excel 直接导入奖品清单；
【去重】已经被抽中的奖品变灰划掉，不可以再被抽中；
【抽奖】奖品随机，指定员工点击刮奖区的"刮一刮"开始刮奖（模拟刮刮乐，员工最少刮三下才能完全显示中奖奖品），奖池下方另外设置一个“一键刮奖”按钮，点击一下显示中奖奖品；
【记录】中奖结果要方便查看，按奖项分组展示，能导出 CSV，要保证 导出的Excel 打开不乱码；
【现场】支持全屏投屏；支持空格键开始/停止；抽奖进度自动存在浏览器本地，刷新或误关页面都不会丢；
【视觉】抽奖工具外观为刮刮乐形式形式，刮奖区下方轮动播放奖池内容
请直接输出完整代码。
3、砸金蛋抽奖
请用纯 HTML + CSS + JavaScript 帮我写一个年会抽奖工具，所有代码放在一个 .html 文件里，不要引用任何外部链接和外部依赖。要求：
【名单】左侧可折叠面板里放一个文本框，每行一位，显示姓名和部门，支持从 Excel 直接导入；
【奖项】奖项可自行增删，每项可设：奖项名称、名额、单次抽取人数，支持从 Excel 直接导入奖品清单；
【去重】已经被抽中的奖品变灰划掉，不可以再被抽中；
【抽奖】奖品随机，员工指定，显示本轮抽奖人姓名和下一位抽奖人姓名，抽奖人可按照名单顺序、部门顺序、随机顺序选择，点击砸奖区的"砸金蛋"开始砸奖（模拟砸金蛋），设置大奖晚出按钮，如果勾选了，则奖项列表第 1 项等它后面的奖项抽掉 50% 后进入随机池，第 2 项 25%，过线后按进度一份份给，否则全部奖品统一概率；
【记录】中奖结果要方便查看，按奖项分组展示，能导出 CSV，要保证 导出的Excel 打开不乱码；
【现场】支持全屏投屏；支持空格键开始/停止；抽奖进度自动存在浏览器本地，刷新或误关页面都不会丢；
【视觉】抽奖工具外观为砸金蛋形式，页面有三个金蛋，员工任选一个砸开，下方轮动播放奖池内容
请直接输出完整代码。
4、老虎机抽奖
请用纯 HTML + CSS + JavaScript 帮我写一个年会抽奖工具，所有代码放在一个 .html 文件里，不要引用任何外部链接和外部依赖。要求：
【名单】左侧可折叠面板里放一个文本框，每行一位，显示姓名和部门，支持从 Excel 直接导入；
【奖项】奖项可自行增删，每项可设：奖项名称、名额、单次抽取人数，支持从 Excel 直接导入奖品清单；
【去重】已经被抽中的奖品变灰划掉，不可以再被抽中；
【抽奖】奖品随机，员工指定，显示本轮抽奖人姓名和下一位抽奖人姓名，抽奖人可按照名单顺序、部门顺序、随机顺序选择，点击“开始抽奖”开始，点击“停止抽奖”抽奖结束（模拟老虎机，开始抽奖后奖池里的奖品在机器里滚动），设置大奖晚出按钮，如果勾选了，则奖项列表第 1 项等它后面的奖项抽掉 50% 后进入随机池，第 2 项 25%，过线后按进度一份份给，否则全部奖品统一概率；
【记录】中奖结果要方便查看，按奖项分组展示，能导出 CSV，要保证 导出的Excel 打开不乱码；
【现场】支持全屏投屏；支持空格键开始/停止；抽奖进度自动存在浏览器本地，刷新或误关页面都不会丢；
【视觉】抽奖工具外观为老虎机形式，下方轮动播放奖池内容
请直接输出完整代码。
5、姓名星球抽奖
请用纯 HTML + CSS + JavaScript 帮我写一个年会抽奖工具，所有代码放在一个 .html 文件里，不要引用任何外部链接和外部依赖。要求：
【名单】左侧可折叠面板里放一个文本框，每行一位，显示姓名和部门，支持从 Excel 直接导入；
【奖项】奖项可自行增删，每项可设：奖项名称、名额、单次抽取人数，支持从 Excel 直接导入奖品清单；
【去重】已中奖的人自动从后续抽奖名单中变灰，不重复中奖。奖项抽完还未中奖的人默认阳光普照奖，另外可以手动生成阳光普照奖，但是要提醒还有未抽完的奖项，让用户确认再生成，并且可以撤销生成。
【抽奖】点击抽奖区的"开始抽奖"开始，点击“停止抽奖”暂停；
【记录】中奖结果要方便查看，按奖项分组展示，能导出 CSV，要保证 导出的Excel 打开不乱码；
【现场】支持全屏投屏；支持空格键开始/停止；抽奖进度自动存在浏览器本地，刷新或误关页面都不会丢；
【视觉】抽奖工具外观为模拟地球外观，由所有员工姓名组成球形，名字整串贴在球面切平面上，点击开始抽奖后，球形转动，停止后显示中奖员工姓名，下方设置奖池，轮动展示奖品；
请直接输出完整代码。
为了方便收藏使用，我们还可以让AI将这几个工具合并到同一个链接里，这样我们就可以随意切换抽奖方式了。
*文中指令仅供参考，即使同个AI同个指令生成出来的结果也会有所区别，都需要后续多次对话修改才能生成理想中的结果。
抽奖工具合集给大家放在后台了，私信回复【年会抽奖】即可获取。
-END-
