Have a simple thing that moves every 3 seconds of a song/audio playing to a new panel.

storyboard/ui.cpp

@@ -1,14 +1,17 @@
 #include "storyboard/ui.hpp"
 #include "components.hpp"
 #include "animation.hpp"
+#include "sound.hpp"
 
 namespace storyboard {
   UI::UI() :
     $view_texture({SCREEN_WIDTH, SCREEN_HEIGHT}),
-    $view_sprite($view_texture.getTexture())
+    $view_sprite($view_texture.getTexture()),
+    $audio(sound::get_sound_pair("ambient_1").sound)
   {
     $view_sprite.setPosition({0, 0});
     $camera.style("pan");
+    sound::play("ambient_1", true);
   }
 
   void UI::init() {
@@ -23,9 +26,14 @@ namespace storyboard {
         "[a|b|c]"
         "[*%(200,100)d|_|f]"
         "[g|h|i]");
+
+    for(auto& [key, value] : $ui.$parser.cells) {
+      $cell_names.push_back(key);
+    }
   }
 
   void UI::render(sf::RenderWindow &window) {
+    track_audio();
     $view_texture.clear();
 
     $camera.render($view_texture);
@@ -36,6 +44,26 @@ namespace storyboard {
     window.draw($view_sprite);
   }
 
+  void UI::track_audio() {
+    int track_head = int($audio->getPlayingOffset().asSeconds());
+
+    if(track_head % 3 == 0) {
+      if($moving) return;
+      $moving = true; // prevent motion until next tick
+
+      // get the original zoom target as from
+      auto& cell = $ui.cell_for($zoom_target);
+      $camera.position(cell.mid_x, cell.mid_y);
+
+      // get the new target from the cell names
+      $zoom_target = $cell_names.at(track_head % $cell_names.size());
+      zoom($zoom_target);
+      $camera.play();
+    } else {
+      $moving = false;
+    }
+  }
+
   bool UI::mouse(float x, float y, guecs::Modifiers mods) {
     auto& cell = $ui.cell_for($zoom_target);
 

storyboard/ui.hpp

@@ -2,6 +2,7 @@
 #include "constants.hpp"
 #include <guecs/ui.hpp>
 #include "camera.hpp"
+#include <SFML/Audio/Sound.hpp>
 
 namespace storyboard {
 
@@ -10,7 +11,10 @@ namespace storyboard {
     sf::RenderTexture $view_texture;
     sf::Sprite $view_sprite;
     cinematic::Camera $camera;
+    std::shared_ptr<sf::Sound> $audio;
     std::string $zoom_target = "a";
+    int $moving = false;
+    std::vector<std::string> $cell_names;
 
     UI();
 
@@ -19,6 +23,7 @@ namespace storyboard {
     bool mouse(float x, float y, guecs::Modifiers mods);
     void zoom(const std::string &cell_name);
     void reset();
+    void track_audio();
   };
 
 }

tools/storyboard.cpp

@@ -17,6 +17,7 @@ int main(int, char*[]) {
   guecs::init(&backend);
   animation::init();
   cinematic::init();
+  sound::init();
 
   sf::RenderWindow window(sf::VideoMode({SCREEN_WIDTH, SCREEN_HEIGHT}), "Storyboard Editor");
   window.setVerticalSyncEnabled(VSYNC);