bar foo (@foo_bar)端午用cursor+trae搓了一个个人导航站:原神风格3D卡片导航页 中发帖

代码开源地址:GitHub - kzy77/star-chart 
欢迎Star!🌟
原神风格3D卡片导航页
这是一个基于 Three.js 的原神风格3D导航页面,展示了一系列可交互的角色卡片,每个卡片链接到一个网站。
在线演示: https://chunkj.dpdns.org/
特性

3D 角色卡片围绕椭圆轨迹动态旋转。
鼠标悬停在卡片上时,卡片放大,旋转暂停,并伴有音效。
点击卡片可在新标签页打开其关联的网站,并伴有音效。
动态背景系统:

主背景图片从 https://rand.mossia.top/ 随机获取。
每个卡片的背景也独立从 https://rand.mossia.top/ 随机获取。


R18 内容开关:可以通过控制面板切换是否从API请求R18图片。
粒子效果和鼠标星光拖尾效果。
响应式设计,适配不同屏幕尺寸。
通过开发者工具(F12)可访问控制面板,用...