凌虚子
1
注:不好意思,我不知道这个可不可以在同一个链接持续更新,如果不可以的话,只好删帖重新发布了~~
1.摘要:
我决定使用Trae SOLO制作一款可以查看今日运势的网页(主要还是为了娱乐),目前准备制作两款:
一个是随机的、互不干扰的,可以抽取今日运势的奖池,分为上上签,上签,中签,下签,下下签(纯随机奖池)。
另一款是限定版奖池,即所有用户共同使用同一个奖池,共享保底(这种机制准备使用AI制作)。
(原本是打算再尝试制作一款共创版,来最大程度的展现网友们的热情与脑洞,但无奈技术有限,无法实现,就当是为有缘之人提供一种思路)
当然了,这种抽取运势仅仅只是为了娱乐,并无任何理论依据,且本人始终坚持唯物主义。
(注:本程序无任何付费链接,出现任何让你开通VIP的弹窗都是虚假的,只是为了娱乐)
(纯小白,还望诸位社区大佬嘴下留情,如果您有宝贵的意见,请在评论区留言,谢谢!)
(持续更新ing~)
2.背景:
本人是一名在校的大二计算机学生,目前在学习前端知识,打算暑期进行实习。无意间发现了这个挑战赛,我想,这个比赛能够更好地使我理解并且合理的运用AI,并尝试着使用AI开发一个能够上线实施的小应用。至于为什么是今日运势话题,主要是最近总是运气不佳,自己偷偷跑路学开发被导员抓到、游戏老是连跪,而且本人对抽奖有着莫大的执着(一天不抽奖,浑身难受,抽完之后,难受一天)希望该程序能够帮助诸位同道之人解解抽奖之瘾。
3.实践过程:
4.成果展示:
5.效果与总结:
凌虚子
2
1.摘要:
我决定使用Trae SOLO制作一款可以查看今日运势的网页(主要还是为了娱乐),目前准备制作两款:
一个是随机的、互不干扰的,可以抽取今日运势的奖池,分为上上签,上签,中签,下签,下下签(纯随机奖池)。
另一款是限定版奖池,即所有用户共同使用同一个奖池,共享保底(这种机制准备使用AI制作)。
(原本是打算再尝试制作一款共创版,来最大程度的展现网友们的热情与脑洞,但无奈技术有限,无法实现,就当是为有缘之人提供一种思路)
当然了,这种抽取运势仅仅只是为了娱乐,并无任何理论依据,且本人始终坚持唯物主义。
(注:本程序无任何付费链接,出现任何让你开通VIP的弹窗都是虚假的,只是为了娱乐)
(纯小白,还望诸位社区大佬嘴下留情,如果您有宝贵的意见,请在评论区留言,谢谢!)
(持续更新ing~)
2.背景:
本人是一名在校的大二计算机学生,目前在学习前端知识,打算暑期进行实习。无意间发现了这个挑战赛,我想,这个比赛能够更好地使我理解并且合理的运用AI,并尝试着使用AI开发一个能够上线实施的小应用。至于为什么是今日运势话题,主要是最近总是运气不佳,自己偷偷跑路学开发被导员抓到、游戏老是连跪,而且本人对抽奖有着莫大的执着(一天不抽奖,浑身难受,抽完之后,难受一天)希望该程序能够帮助诸位同道之人解解抽奖之瘾。
3.实践过程:
4.成果展示:
5.效果与总结:
实现的功能
第一页
随机页面:每次刷新会随机显示两种风格的页面
老头算卦页面:阴暗风格,带有"小友,可否需要老夫算一卦"的文字和对应的音效
魔术师发牌页面:阳光风格,带有"你真的信吗"的文字和对应的音效
滚动指示:页面底部有三个美化的向上箭头,带有动画效果,提示用户下拉参与
滚动功能:向下滚动时会平滑过渡到下一页
第二页
强制弹窗:带有红色醒目的注意事项,强制持续5秒
倒计时功能:5秒后才能点击按钮关闭弹窗
按钮调换:当鼠标滑到取消按钮时,取消和同意按钮会自动调换位置
VIP弹窗:点击右上角叉叉三次会触发"提前取消需开通VIP20¥/月"的小弹窗
门的效果:做成李信问心剑风格的深色门,左边限定版,右边普通版
光效:门获得焦点时周围出现金色的光效
门打开动画:点击门后会缓缓打开,触发音效,门内发出刺眼的光效
第三页
限定版抽签:竹筒抽签,点击后触发摇晃特效
普通版抽签:十张牌,点击后触发光泽特效(金色、红色、蓝色、绿色、白色)
概率系统:
限定版:全服共享奖池,每日刷新
上上签:10个
上签:100个
中签:1000个
下签:10个
下下签:1个
普通版:随机爆率
金色(上上签):10%
红色(上签):20%
蓝色(中签):50%
绿色(下签):15%
白色(下下签):5%
抽签次数:普通版每次进入有五次抽签机会
操作按钮:抽完后可以点击返回或再来一次
概率说明:右上角有?按钮,点击后显示概率详情
其他功能
音效:每次点击都有对应的音效
视觉效果:各种动画和光效,提升用户体验
技术实现
使用React + Tailwind CSS构建
使用useState和useEffect管理状态和副作用
使用React Router进行路由管理
使用音频API播放音效
使用CSS动画实现各种视觉效果
使用随机数生成实现随机页面和抽签结果