Home / Guides / Clips

Clips

Clips are the fundamental building blocks of your video in Banger.Show. They represent the actual content you see and work with, such as images, video files, text, 3D models, or visual effects. Clips are placed onto Tracks within a Scene, and each has properties (like size, position, opacity) that you can adjust and animate.

Getting Started

Clips are created from the Elements tab in the Inspector. Simply browse the available elements and click to add them to your scene.

Elements tab
Elements tab

Types of Clips

Banger.Show features two primary types of clips, each serving a distinct purpose:

Regular Clips

Regular clips are your main creative elements that you can freely position, resize, and animate throughout your scene.

Objects

Text

3D text elements with customizable fonts and styling

Time Display

Dynamic time/clock displays that update in real-time

Box

Basic 3D box shapes for geometric compositions

Sparkles

Particle sparkle effects for magical touches

Lyrics

Text elements synchronized with your audio track

Visualizers

Waveform

Classic audio waveform visualization

Ferro Fluid

Dynamic fluid simulation that reacts to sound

Spectre

Frequency spectrum analyzer bars

Oscilloscope

Audio oscilloscope display patterns

Pulsar

Pulsing light effects synchronized to beats

Circle

Circular visualizer patterns and rings

Lights

Spot Light

Focused directional lighting with adjustable cone

Point Light

Omnidirectional point lighting source

Directional Light

Parallel ray lighting (like sunlight)

Backgrounds

Shader

Highly-customizable visuals that act as a 360-degree video background

Solid Color

Simple color backgrounds

Video Sphere

360-degree video backgrounds for immersive scenes

Behavior: You can freely position Regular Clips on tracks, adjust their individual start times and durations, and layer them to create complex compositions.

Static Clips

Static clips apply scene-wide settings or effects that affect the entire scene. Unlike regular clips, they have special behaviors and constraints.

Camera

Control the camera's position, rotation, field of view, and movement throughout the scene

Environment

Set the background color, lighting conditions, and overall atmosphere of your scene

Effects

Apply scene-wide visual effects like blur, glow, color correction, and post-processing

Behavior: Static Clips always span the entire duration of the Scene they belong to. Their length and position on the timeline are fixed.

Animation: While their timing is fixed, you can animate their Properties using Keyframes. For instance, create dynamic camera movements by keyframing the Camera clip's position, or make an effect fade in and out over the Scene.

Manipulating Clips

Efficiently working with clips is key to a smooth workflow in Banger.Show.

Basic Operations

Selection

  • Single: Left-click a clip to select it
  • Multiple: Hold Shift + click for multiple selection

Positioning

  • Moving: Click and drag to new position or track
  • Resizing: Drag start/end handles to change duration

Copy & Paste

  • Copy: Ctrl+C (Windows) or Cmd+C (Mac)
  • Paste: Ctrl+V (Windows) or Cmd+V (Mac)

Context Menu

  • Access: Right-click on any clip
  • Actions: Duplicate, Split, Rename, Delete
  • Split: Divides clip at playhead position

2D / 3D Mode

Regular clips can operate in two different modes: 3D mode and 2D mode. This setting determines how the clip is positioned and controlled in your scene.

Finding the Mode Selector

The 2D/3D mode selector appears in the Inspector when you select a compatible clip. Look for the Object mode toggle at the top of the clip settings.

3D Mode (Default)

In 3D mode, clips exist as true three-dimensional objects in your scene:

  • Full spatial freedom: Move the element in all directions — left/right (X), up/down (Y), and forward/backward (Z)
  • Rotation: Rotate the object around any axis for dynamic positioning
  • 3D Controls: Use the pivot controls (colored axes) to manipulate position and rotation directly in the viewport
  • Camera perspective: Objects change size based on their distance from the camera

3D mode is ideal for creating depth and dynamic compositions where elements move through space.

2D Mode

In 2D mode, clips behave like flat images that always face the camera:

  • Screen-space positioning: Move elements only left/right and up/down — like placing stickers on your screen
  • Always facing camera: The element automatically rotates to always face the viewer
  • Track-based layering: Higher tracks appear in front of lower tracks, just like layers in image editing software
  • Drag controls: Simply click and drag to reposition the object in the viewport

2D mode is perfect for overlays, HUD elements, and compositions where you want consistent sizing regardless of camera movement.

Supported Clips

2D mode is available for the following clip types:

Text

Image

Video

Time Display

Waveform

Oscilloscope

Circle

Pulsar

Spectre

Lyrics

Pro Tip

Use 2D mode when creating static overlays or elements that should maintain consistent size and positioning. Switch to 3D mode when you want elements to interact with your scene's depth and camera movements.