Sprunki-Retake
由粉丝社区自制的一系列sprunki小游戏,在全球都很火热
受 Sprunki Incredibox 启发的现代基于网络的音乐创作游戏。这个项目提供了一个互动性强、引人入胜的音乐混合体验,用户可以通过直观的拖放界面创作独特的音乐作品。
Github地址
https://github.com/hoodee153/Sprunki-Retake
在线体验
https://sprunkiretake.net/
特点:
• 互动音乐创作:通过直观的拖放界面创作音乐
• 新声音集合:为 Sprunki 游戏系列添加了新的节拍和旋律
• 实时混音:实时创建和修改音乐作品
• 全屏模式:全屏功能增强游戏体验
• 响应式设计:优化了桌面和移动设备体验
• 社区功能:与其他用户分享和发现混音
技术栈:
• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• MDX 用于内容
• AOS(滚动动画)
开始使用:
1. 克隆仓库:
git clone https://github.com/hoodee153/sprunki-retake.gitcd sprunki-retake
1. 安装依赖:
npm install
1. 运行开发服务器:
npm run dev
1. 在浏览器中打开 http://localhost:3000
生产构建:
1. 构建项目:
npm run build
1. 启动生产服务器:
npm run start
项目结构:
• /app:Next.js 应用路由组件和页面
• /components:可复用的 React 组件
• /content:MDX 内容文件
• /public:静态资源
• /styles:全局 CSS 和 Tailwind 配置