glTF Scene with Effects
Navigate a chess scene while a looping beat pushes its colors and glow and distorts the rendered image. The sound changes the image, not the camera.
A JavaScript/QML scene loads A Beautiful Game through Qt Quick 3D’s RuntimeLoader. An HDR environment map, reflections and a moving light establish the scene before score’s shaders process its output.
Peak analysis of the looping sound feeds smoothing, then color blowout and bloom intensity. Optical Flow Distort acts on the resulting image, with a separate beat-synchronised LFO periodically resetting it. Camera navigation and moving light are independent of the audio analysis.
Try it
Open the ZIP directly in score: the model, environment and sound loop are included, despite the older note inside the score saying otherwise. Use a desktop build with GPU JavaScript, Qt Quick 3D and its AssetUtils module.
Start playback and focus the output window to navigate with the mouse and WASD. Begin with modest output volume. Raise Peak Gain or lower Gate for a stronger visual response; lower smoothing Alpha so the glow fades gradually after each hit.
The color and bloom follow the audio; the distortion resets on its own beat-synchronised LFO. For a native scene-based adaptation, see Asset Loader and 3D scene pipeline: Qt cameras and environment objects cannot simply be cabled into that renderer.
Learn more
- Model display - 3D mesh rendering process
- Math expressions - Expression-based value generation
- Graphics pipeline - How rendering works in ossia score