【Code with SOLO】一起来测测你的音乐mbti人格吧!——Resonance Realm - 3D音乐人格探索游戏(含22首Suno定制音乐)

【Code with SOLO】一起来测测你的音乐mbti人格吧!——Resonance Realm - 3D音乐人格探索游戏(含22首Suno定制音乐)


一、摘要

利用 TRAE SOLO 全程开发 + Suno AI 生成22首定制音乐,打造了一款沉浸式3D音乐人格探索游戏《声域回廊》(Resonance Realm)。玩家以第一人称视角在梦幻空间中探索,通过与6颗悬浮钻石水晶互动完成16型人格测试。游戏集成完整的AI音乐系统,支持背景音乐无缝切换、问题间平滑过渡。

二、背景

作为一名艺术与科技大二学生,我一直想做一个将音乐品味与心理测试结合的创意体验。传统人格测试枯燥乏味,我希望用3D游戏的形式,让用户在探索中发现自己的音乐人格类型,同时通过 Suno 生成的定制音乐获得"专属"体验。

三、实践过程

1. 任务拆解

  • 3D场景:Three.js + EffectComposer 后处理
  • 音频系统:Web Audio API + 外部音频 + 淡入淡出
  • 人格逻辑:6问题 → 4维度 → 16种人格
  • 音乐生成:Suno AI 生成22首定制音乐

2. SOLO + Suno 双工具协作

  • SOLO:代码编写、架构设计、问题排查
  • Suno:背景音乐、示例音乐、人格专属音乐

3. 踩坑记录

  • :cross_mark: 相机抖动 → PointerLockControls
  • :cross_mark: 音乐突兀 → 淡入淡出
  • :cross_mark: 音乐重播 → 保存播放位置
  • :cross_mark: 结果页返回 → 回到开始页面

四、成果展示

:video_game: 游戏特色

  • 沉浸式第一人称3D探索
  • 16种人格类型测试
  • 22首 Suno 定制音乐(背景+示例+人格)
  • 音乐无缝切换循环

:musical_note: Suno 音乐系统

  • 2首背景音乐(探索氛围)
  • 6首问题示例(风格预览)
  • 16首人格专属(结果配乐)

:link: 体验链接

https://oliviaixiaostudio.github.io/ResonanceRealm/

五、效果与总结

  • AI工具链:SOLO 写代码 + Suno 做音乐,完整的AI辅助创作流程
  • 提效显著:SOLO加速开发,Suno批量生成音乐
  • 可复用方法:先设计文档再实现,复杂功能拆解逐个击破
1 个赞

之前用Suno做了几首歌当播客片头,结果调性每次都跑偏。后来直接传参考音频过去才勉强稳住。

1 个赞