Mineradio 中文文档 下载 App

视觉系统总览:粒子、镜头与舞台三件事

聊视觉系统之前先建立一个框架:所有眼花缭乱的效果,拆开就是三件事——粒子、镜头、舞台。后面几页的调参内容都挂在这个框架上。

星空背景下的 3D 歌单架与播放界面
星空粒子背景中的 3D 歌单架:专辑卡片悬浮在星河里

第一件事:粒子视觉

背景与前景的粒子系统随音乐律动——鼓点重的段落粒子翻腾,舒缓段落粒子漂浮。没放歌时是一片安静的星河壁纸,放歌后粒子接管画面。粒子还有一批预设皮肤可选(星河、唱片、音域回响等),见视觉预设。

第二件事:电影级镜头

画面不是固定的,有一套贴合音乐节奏的运镜系统:镜头随节拍推拉摇移,每首歌都能生成不一样的动态视觉。这个运镜和粒子是联动的——镜头推近时粒子景深变化,节奏切换时镜头角度跟随。

第三件事:歌词舞台

歌词不再是一行小字,而是舞台元素:放大、发光、悬浮在粒子中间,随歌曲逐行切换,配合明暗变化。歌词舞台与粒子舞台同步运行,构成「双特效」。细节见歌词舞台。

三件事的分工

组件管什么在哪调
粒子背景律动、氛围底色控制台粒子参数
镜头运镜节奏、空间感控制台动态设置
歌词舞台歌词呈现、跟唱焦点控制台歌词页

放歌与不放歌是两副面孔

理解了这个结构,就可以去视觉控制台入口动手调了;想先看每一个效果的细节,按顺序读后面几页。