{"id":6411,"date":"2025-10-06T23:55:35","date_gmt":"2025-10-06T14:55:35","guid":{"rendered":"https:\/\/blog.criware.com\/?p=6411"},"modified":"2025-10-06T23:58:15","modified_gmt":"2025-10-06T14:58:15","slug":"smooth-musical-transitions-between-levels-part-2","status":"publish","type":"post","link":"https:\/\/blog.criware.com\/index.php\/2025\/10\/06\/smooth-musical-transitions-between-levels-part-2\/","title":{"rendered":"Smooth musical transitions between levels [Part 2]"},"content":{"rendered":"

This is the last part of our tutorial in which we see how to play an intermediary music when switching between 2 main songs. In the previous post<\/a>, we prepared an ADX Cue Sheet containing our main songs and transition Cues. We added markers to BeatSync tracks to enable smooth jumping between all these Cues. This time, we will import the data authored in AtomCraft into Unreal Engine and implement it in the game with Blueprints.<\/p>\n

Importing the Atom Craft data into UE5<\/h5>\n

Let\u2019s first import the binary Cue Sheet we built into our UE5 project.<\/p>\n

\"\"<\/p>\n

In the dialogs that appear when importing the acf file, choose Yes both times.
\nThis will automatically set the acf file for your project.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

You can then open the acb file (i.e., your Cue Sheet) to check that the Cues play correctly.<\/p>\n

\"\"<\/p>\n

Playing BGM from the Level Blueprint<\/h5>\n

For the moment, we will simply create two rooms and make the background music switch when moving between them.<\/p>\n

\"\"<\/p>\n

Let\u2019s open the Level Blueprint.<\/p>\n

\"\"<\/p>\n

We will use a Spawn Sound 2D<\/strong> node when the BeginPlay<\/strong> event is triggered to play the BGM.
\n(The Set View Target with Blend<\/strong> node shown in the screenshot is only here for the camera.)<\/p>\n

\"\"<\/p>\n

Right-click the input pin of the Spawn Sound 2D node and select Promote to Variable<\/strong> to create a variable.<\/p>\n

\"\"<\/p>\n

Name it \u201cBGM.\u201d<\/p>\n

\"\"<\/p>\n

Compile the graph, then set the default Cue for the variable in the Details panel.<\/p>\n

\"\"<\/p>\n

Expand the Spawn Sound 2D<\/strong> node.<\/p>\n

\"\"<\/p>\n

Uncheck Auto Destroy<\/strong>. Normally, an Atom component spawned by Spawn Sound 2D<\/strong> will automatically be destroyed once the playback ends. However, in this case, we want to reuse it later to play a different Cue, so we disable its automatic destruction.<\/p>\n

\"\"<\/p>\n

We can now run the game to confirm that the BGM plays.<\/p>\n

\"\"<\/p>\n

Monitoring Tempo and Triggering Events<\/h5>\n

Let\u2019s add a new variable to store which room the player is currently. We will use an Int named CurrentRoom<\/strong>.<\/p>\n

\"\"<\/p>\n

We then add two Box Trigger<\/strong> volumes to the level. Resize them, so that each covers one the rooms.<\/p>\n

\"\"<\/p>\n

With one of the volumes selected, return to the Level Blueprint and add an On Actor Begin Overlap<\/strong> event.<\/p>\n

\"\"<\/p>\n

Use a Branch<\/strong> node to check if the overlapping actor is the Player Character<\/strong>.
\nThis will allow us to detect when the player moves between rooms. Repeat this setup for the second volume.<\/p>\n

\"\"<\/p>\n

Every time the player moves to another room, we will update the CurrentRoom<\/strong> variable.<\/p>\n

\"\"<\/p>\n

Return to the processing of the BeginPlay<\/strong> event.
\nRight-click the blue output pin of the Spawn Sound 2D<\/strong> node and select Promote to Variable<\/strong>.<\/p>\n

\"\"<\/p>\n

Name this variable Atom BGM. From its output pin, drag out a line and choose Assign On Atom Sound Cue Beat Sync<\/strong>.<\/p>\n

\"\"<\/p>\n

This will place both a Bind Event to On Atom Sound Cue Beat Sync<\/strong> node and an event node (named OnBeat<\/strong>).
\nThis event will be triggered in sync with the BGM\u2019s beat.<\/p>\n

\"\"<\/p>\n

In order to test it, you can connect a Print String<\/strong> node to the OnBeat<\/strong> event to display a text for each beat.<\/p>\n

\"\"<\/p>\n

When you play the game, you will see the beat count progress within each measure displayed in the top-left corner.<\/p>\n

\"\"<\/p>\n

Playing a Transition Phrase and Switching the BGM<\/h5>\n

Let\u2019s add another Int variable named CurrentBGM<\/strong> to store the index of the BGM that is currently playing.<\/p>\n

\"\"<\/p>\n

We want the transition phrase to start at a good time musically (i.e., the beginning of a measure) so we monitor the Beat Count<\/strong>, and when it is back to 0, we check whether we need to switch the BGM.
\nA Branch<\/strong> node is used to check whether the current BGM matches the player\u2019s current room.<\/p>\n

\"\"<\/p>\n

We create a new variable to store all BGM Cues together.
\nWe set the type to Atom Sound Cue<\/strong>, then click the icon next to Variable Type to make it an array<\/strong>. Call it BGMList<\/strong>.<\/p>\n

\"\"<\/p>\n

Compile the Blueprint, then add the Cues to the array in the Default Value section.<\/p>\n

\"\"<\/p>\n

If the current BGM and room do not match, we need to switch to a different BGM Cue. In that case, we specify a transition phrase (either ADX_BGM_AT or ADX_BGM_BT). We use a Select<\/strong> node to specify the index in the BGMList<\/strong> based on the value of CurrentBGM<\/strong>.(Even if the node\u2019s logic looks a bit confusing at first, try replicating it as shown here.
\nYou will get a clearer idea once you see it in action!)<\/p>\n

After that, we assign the CurrentRoom<\/strong> value to CurrentBGM<\/strong> to make them match.<\/p>\n

\"\"<\/p>\n

Since we want to start the next room\u2019s BGM only after the transition phrase has stopped, let\u2019s place a Bind Event to On Atom Sound Play State Changed<\/strong> node to get notified when the playback state changes.<\/p>\n

\"\"<\/p>\n

The event triggered by Bind Event<\/strong> to On Atom Sound Play State Changed<\/strong> provides the current playback state.
\nWe can add logic based on the playback state by connecting the event output pin to a Switch<\/strong> node.<\/p>\n

\"\"<\/p>\n

Here, we want to continue the process only when the state is Stopped<\/strong> (i.e., when the playback ends).<\/p>\n

\"\"<\/p>\n

Because this event is triggered every time the playback state changes, make sure to temporarily disable it after the process completes.<\/p>\n

\"\"<\/p>\n

That\u2019s it: now, when the player moves between rooms, a transition phrase will play before switching to the new room\u2019s BGM. When the next BGM can be reasonably predicted, you can also consider using features such as Block Playback<\/strong> or REACT<\/strong>. We will talk about this in future tutorials!<\/p>\n","protected":false},"excerpt":{"rendered":"

This is the last part of our tutorial in which we see how to play an intermediary music when switching<\/p>\n","protected":false},"author":2,"featured_media":6414,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[5,7,22],"tags":[],"class_list":["post-6411","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adx","category-tutorials","category-unreal-engine"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/6411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/comments?post=6411"}],"version-history":[{"count":8,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/6411\/revisions"}],"predecessor-version":[{"id":6453,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/6411\/revisions\/6453"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/media\/6414"}],"wp:attachment":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/media?parent=6411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/categories?post=6411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/tags?post=6411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}