6 modes
LayersHide or change The Game's own layers, or add snow, fireworks, lights and more, on the preview.Try layers
Layers inside this visualizer: hide or change the look's own layers, or add snow, fireworks, lights and more on top.
The look's layers
- General background
Position and size
- Arena, lights and big screen
Position and size
- The crowd
Position and size
- Ice and markings
Position and size
- Boards, glass and goals
Position and size
- Players and benches
Position and size
- The puck
Position and size
- Goal lights, trails, confetti and the light show
Position and size
- Score bug and song title
Position and size
Added layers (0/6)
No layers added yet.
"Use in Classic" and "Open in Studio" keep these layers. All about layers
Engine 48 of 48
Sports
Sports
A game in a full arena, drawn with code and played to your song: possession changes every phrase, the puck moves on the beat, a shot on the last bar of each phrase, the goal light and the crowd on its feet when it goes in. An attack on goal, the celebration, the faceoff, a pre-game light show and pond hockey under the stars. Ice hockey first, more sports to come, every team in your own colours and no logos.
- 6 modes
- Setup easy
- 16:9
- 21:9
- 4:3
- 1:1
- 4:5
- 9:16
Embed on your websiteWordPress, Squarespace, Webflow, Shopify, Wix
Put this look on your own site: in a page, or behind and over the site you already have, without changing your theme. It sets no cookies and shows no ads. How it works, and the WordPress plugin
Preview
With the free Sonic Weaver Embed plugin: paste this shortcode, or add the Sonic Weaver block and pick the same settings in its sidebar.
[sonicweaver look="sports/game"]Every embed carries a small “Made with Sonic Weaver” mark. To have it removed, message us.
- Modes
- 6
- Engine version
- 5.4.0
- Desktop budget
- 160
- Mobile budget
- 70
What it builds
What this engine can build
A living 3D sports scene for any song: two teams in your colours, a crowd that moves with the music, broadcast camera shots and a play that lands on the beat. Start with The Game, then combine it with logos, masks, captions, camera layers, and global effects without changing document formats.
- Editable 2D and 3D geometry, transforms, motion, and materials
- Every property has a default, keyframes, and bounded audio routes
- Blend with masks, media, text, logo, character, camera, light, and effect layers
Where it fits
Where Sports fits
- Look
- Sports
- Games in full arenas and outdoors, drawn with code: two teams in your colours, a crowd and a play that land on the beat
- Setup
- Ready as-is
- The defaults are a finished look: attach audio and export
- Render load
- Moderate
- Fine on any current machine
Individual layers
Layer assets for Sports
Browse every visualizer’s current and earlier look layers, plus the universal added-layer presets. This page starts with Sports selected; choose any asset to open it in Classic.
Loading layer assets… · Showing Sports and universal added layers first. Select any visualizer to browse its full set.
Each preview is the layer asset’s transparent still. Use it in Classic, or visit the full animated library to preview and download it.
Controls
The Game controls
Every control this mode has, grouped by what it changes, with its starting value. Each one is yours to change in Classic and Studio; the ones marked “Follows the music” can also be driven by the song through an audio route.
Style
| Control | Default | Music |
|---|---|---|
| Primary colorPrimary color used by the engine palette | #d8343f | Set by you |
| Secondary colorSecondary color used by the engine palette | #2f6fd6 | Set by you |
| BackgroundBackground used by the engine palette | #0c0f1a | Set by you |
| Color modeDuo palette, primary→secondary gradient, or full rainbow sweep | duo | Set by you |
Transform
| Control | Default | Music |
|---|---|---|
| OpacityVisualizer opacity | 1 | Set by you |
Audio
| Control | Default | Music |
|---|---|---|
| SensitivityBounded overall audio response | 1 | Set by you |
| Spectrum rangeHow much of the 40 Hz to 14 kHz range the visual spans, from the bass up. Lower it to give the bass and mids more of the bars | 1 | Set by you |
| Frequency scaleHow the bars are spread across the frequencies. Log spreads them by octave, mel by how pitch is heard, and linear by hertz, which gives most bars to the highs | log | Set by you |
| Auto-levelLifts every part of the spectrum to its own recent range, so quiet highs move as much as loud bass. A note held for several seconds settles lower as it adapts. 0 shows the raw spectrum | 0.8 | Set by you |
| Primary audio source | bass | Set by you |
| Frequency focusWhich part of the spectrum drives this visual; while no explicit audio source is set, the motion envelope follows this selection | full | Set by you |
| Burst intensityGlow and trail swell on sharp hits; 0 keeps bursts off | 0 | Set by you |
| Audio contributionMaximum contribution from the primary audio route | 0.55 | Set by you |
| Audio dynamicsHow much of the band's movement reaches the visual. 1 = full dynamics; 0 holds it at a steady level for a calmer, more constant look | 1 | Set by you |
| Audio attackEnvelope attack in milliseconds | 45 | Set by you |
| Audio releaseEnvelope release in milliseconds | 240 | Set by you |
| Beat responseHow hard every engine hits on each detected beat | 1.2 | Follows the music |
| Beat smoothingHow long each beat hit rings out before it settles | 0.35 | Follows the music |
| Beat attackSeconds for a hit to swell to full. 0 snaps instantly | 0 | Follows the music |
| Beat releaseSeconds for a hit to fade, overriding Beat smoothing. 0 follows it | 0 | Follows the music |
| Beat sync allRoute beat energy into spawn, shake, pulse, speed, and scale | true | Set by you |
Effects
| Control | Default | Music |
|---|---|---|
| Ambient bedProminence of the standing background layer behind the beat-born elements | 1 | Set by you |
| Wake lengthHow far motion trails stretch behind beat-born travelers; 0 removes the wake | 1 | Set by you |
| Glow | 0.55 | Follows the music |
| Global glowShared emissive strength across the frame | 0.35 | Follows the music |
| Pulse intensityBeat pulse scale for spawn, size, and shake | 1 | Follows the music |
| Beat shakeFrame kick strength on each beat | 0.6 | Follows the music |
| Motion echo | 0 | Follows the music |
| Blur | 0 | Follows the music |
| Chromatic aberration | 0 | Follows the music |
Geometry
| Control | Default | Music |
|---|---|---|
| Geometry scale | 1 | Follows the music |
Motion
| Control | Default | Music |
|---|---|---|
| Motion directionRotate the animated visual pass to face this direction; the general background stays fixed | none | Set by you |
| SpeedTime-based motion; default major cycle is 6–12 seconds | 0.1 | Follows the music |
Shape and symmetry
| Control | Default | Music |
|---|---|---|
| Symmetry and tilingReshape the whole picture: mirror it, fold it into a kaleidoscope, or tile it (the plane groups p1, p2, p4m and p6m) | none | Set by you |
| Kaleidoscope foldsHow many mirrored copies go round the kaleidoscope | 6 | Set by you |
| Symmetry angleTurns the mirror line, or the kaleidoscope, in degrees | 0 | Follows the music |
| Kaleidoscope spinHow fast the kaleidoscope turns, in turns per bar of the song (0.25 is once a phrase) | 0 | Follows the music |
| Tile sizeEach tile's size as a share of the frame | 0.5 | Set by you |
| Tile gapThe gap between tiles, as a share of a tile; it shows the background colour | 0 | Set by you |
| WarpBend the whole picture: a twist, a bulge, waves or ripples that move once a bar, a polar unroll, or a fisheye lens | none | Set by you |
| Warp amountHow strong the warp is | 0.5 | Follows the music |
| Warp centreWhere the warp is centred in the frame | centre | Set by you |
Sport
| Control | Default | Music |
|---|---|---|
| SportWhich sport the scene plays: its field or rink, its players and how its game moves with your song | hockey | Set by you |
Arena
| Control | Default | Music |
|---|---|---|
| CrowdHow full the stands are. The crowd bobs on the beat, stands up for the full sections and jumps when a goal goes in | 1 | Set by you |
| Arena lightsHow bright the lights over the field are, and how strong the light show's spotlights and projections | 1 | Follows the music |
| Score bugThe broadcast score box with each side's score and the game clock | on | Set by you |
Play
| Control | Default | Music |
|---|---|---|
| Pace of playHow often the play moves: at 1 and above a pass on every beat when the song is full, below it a pass every two beats | 1 | Set by you |
| Shot trailA glowing streak behind the puck or ball on passes and shots | 0.5 | Follows the music |
Scene
| Control | Default | Music |
|---|---|---|
| VariationAnother take on the same game: who passes to whom, which shots go in, the crowd's colours. The same number always gives the same game | 0 | Set by you |
| Actor motionHow much the people and things in the scene move to the music: walking, swaying, waving, opening | 1 | Follows the music |
Scene camera
| Control | Default | Music |
|---|---|---|
| ShotThe camera's shot: Auto picks one for each section of your song (wide, push-in, close-up, travel, reveal or overhead) | auto | Set by you |
| Shot timingMusic: the shot's move runs through each section of the song. Keyframes: Shot progress (keyframe it) runs it | music | Set by you |
| Shot progressHow far through its move the shot is: with Keyframes timing, keyframe it from 0 to 1 over a clip; with Music timing, where each section starts the move | 0 | Set by you |
| Camera motionHow far the camera moves in each shot; 0 holds it still | 1 | Set by you |
| OrbitA gentle swing around the subject that follows the bars; negative swings the other way | 0.35 | Set by you |
| HandheldA hand-held drift that grows as the song gets fuller; 0 is a locked-off camera | 0.25 | Set by you |
| ZoomThe lens: above 1 closer, below 1 wider | 1 | Set by you |
| FocusWhere the focus sits: 0 on the subject, 1 on the foreground (a reveal racks it for you) | 0 | Set by you |
Text
| Control | Default | Music |
|---|---|---|
| Title and artistShow or hide the song title and artist this visualizer draws. | auto | Set by you |
Keep looking
