Here's a quick overview of today's update:

• 2D Object Mode: Flatten 3D objects into 2D planes for a flat feel
• Lyric Videos: AI-transcribe your audio and customize timed lyrics directly in the editor

2D Mode for Objects

A new Object mode toggle in the clip settings lets you switch any 3D object into a flat, 2D plane that always faces the camera.

In 2D mode, rotation controls lock to the Z-axis and you can only move objects on the X and Y axes. Objects become flat billboards you can drag directly on the canvas, making it easy to position overlays, labels, or flat graphics in front of your scene.

To use this mode, select a 3D object and find the Object mode section in the sidebar. Choose 2D to flatten the object. Notice that Z-axis position control is are disabled.

You can now click and drag the object in the preview to reposition it:

Clip order follows track stacking, so placing a 2D object on a higher track brings it forward:

Lyric Videos

A new Lyrics element allows you to automatically generate, edit, and time on-screen lyrics from your audio track.

Click the Lyrics icon in the Elements tab and use "Recognize lyrics" to transcribe your audio.

Each line appears with editable text fields and start/end time inputs: you can insert, change and remove lines to fine-tune sync.

You can style and animate your lyrics with full control: pick fonts, colors, outline settings.

In Lyrics settings, group by word or sentence, show or hide punctuation, adjust max line width and line spacing.

Select from entry animations (with sliders for duration, bounce, shake, and more):

• Standard: A smooth, linear animation that moves the text from its starting position to its final position.
• Wobbly: A playful, bouncy animation that creates a sense of movement and energy.
• Elastic Stretch: A dynamic animation that stretches and contracts the text to create a sense of tension and release.

Combine lyric clips with other 3D objects and effects to craft dynamic music videos with synchronized captions.

You can even add multiple lyric clips to the same track to use different animations for different parts of the song. Animation parameters can be automated using Keyframes.

We're collecting feedback on this feature and will be adding more options and improvements in the future. Stay tuned!

Here's a quick overview of today's update:

• Enhanced realism with shadows: Add depth and life to your scenes with the new Shadows feature.
• Multi-Select Clips: Use the Shift key to select and manipulate multiple clips simultaneously.
• New Effects: Introducing SSAO for enhanced depth and edge softening, and Tone Mapping for balanced lighting.
• Reorganize effects: Move effects up and down to change their order.
• New shaders: Sea, Atmosphere, Mist, Follow, Cube.
• 26 new templates: Spotify Canvas, podcast, music visualizer templates.

Shadows

You can now add shadows to your scenes to make them more realistic.

To experience the enhanced graphics, enable shadows within the Environment clip.

Multi-select clips

Hold Shift and click to select multiple clips, then:

• Hit Backspace or Delete to delete selection
• Use Ctrl/Cmd + C to copy
• Use Ctrl/Cmd + V to paste
• Move the selection by dragging

New Effects

SSAO

Have you ever played GTA V? This effect is similar to the one used in the game.

This effect can increase the realism of your 3D compositions by simulating the effect of light rays bouncing off the scene, adding depth and softening edges.

You can read more about it on Wikipedia.

Tone Mapping

Adjusts the balance between light and dark areas.

Reorganize effects

You can now move effects up and down to change their order. Effects are applied top-to-bottom.

New shaders

New audio reactive shaders are added to the editor:

Sea

Atmosphere

Mist

Follow

Cube

New Templates

Since the last update, 26 new templates have been added to the editor. Templates are pre-made scenes that you can use as a starting point for your projects.

Bug fixes and improvements

• If you upload audio while creating a project from a template, the project duration will be set to the audio duration.
• Fixed keyframes not working in static clips like Camera or Effects
• Fixed issues with models that poorly support transparency
• Fixed the odd behavior of the Hue & Saturation effect on Windows
• Fixed local rendering in the desktop app on Intel-based Macs

Here's a quick overview of today's update:

• Copy and paste clips: Use Ctrl/Cmd + C/V to copy and paste clips anywhere in your timeline.
• Multi-Select keyframes: Hold Shift to select and edit multiple keyframes at once.
• 35% faster rendering: Improved engine for significantly faster processing.
• 7 new templates: Fresh designs for music visualization.

Copy and Paste Clips

Copy and paste clips using familiar shortcuts to speed up your workflow:

• Windows: Ctrl + C to copy, Ctrl + V to paste
• Mac: Cmd + C to copy, Cmd + V to paste

Select Multiple Keyframes

Hold Shift and click to select multiple keyframes, then:

• Hit Backspace to delete them
• Use Ctrl/Cmd + C to copy
• Use Ctrl/Cmd + V to paste
• Move them around by dragging

This was a feature request from our user Kavito.

Faster Rendering

Our latest benchmarks show rendering is now 35% faster on average. We've optimized the engine to be more efficient with your projects.

New Templates

7 new music visualizer templates are added to the editor. Templates are pre-made scenes that you can use as a starting point for your projects.

Mysterious

Electro House

Music Channel

Waveform

Record

Spectre

Oscilloscope

Technical Improvements

• Fixed excessive RAM usage during MacOS rendering
• Improved seeking behavior when mouse moves outside bounds

Here's a quick overview of today's update:

• Opacity Controls: New transparency controls for all 3D objects
• Performance Improvements: Migration to the new web framework, shaders optimizations, and bug fixes

Opacity Controls

We're excited to introduce opacity controls that let you adjust the transparency of 3D objects in your scenes. This opens up creative possibilities for layering and transitions.

Opacity controls for 3D objects (community-requested feature!)

The opacity slider works on all 3D objects:

• Models
• Images
• Text
• Time Display
• Waveform
• Ferrofluid
• Spectre
• Oscilloscope
• Pulsar
• Circle

Creative Uses for Opacity

Here are some ways you can use opacity controls to enhance your visuals:

• Create smooth fade-ins/fade-outs by automating opacity with keyframes
• Layer multiple semi-transparent objects for a ghostly effect
• Make text gradually appear for dramatic reveals
• Blend 3D models and visualizers together
• Create depth by fading distant objects
• Build transitions between scenes by cross-fading elements

Pro tip: Try combining opacity automation with movement and rotation for cinematic transitions. For example, have text fade in while rotating into view, or make 3D models dissolve as they float away.

Tech Debt and Bug Fixes

This month we focused heavily on technical improvements and optimizations to make Banger.Show faster and more reliable than ever.

• Framework migration: We've completed a major migration to a more modern web framework, enabling us to develop and ship new features more rapidly while maintaining excellent performance.
• Shader optimizations: Our rendering engine received significant optimizations, resulting in smoother playback and reduced GPU usage.
• Desktop app improvements: Fixed critical rendering issues in the desktop application, ensuring consistent performance across all platforms.
• Loading times: The editor now loads faster and page transitions are smoother.

These improvements lay a strong foundation for exciting new features coming in the following months while ensuring Banger.Show remains fast and reliable.

Ho-ho-ho, Merry Christmas! 🎅

As we wrap up 2024, we're filled with gratitude and excitement for everything we’ve achieved – and it's all thanks to you, our amazing community! This year has been full of incredible updates, features, and improvements designed to empower your creativity.

What We’ve Achieved in 2024

January

Launched Banger.Show 2.0 – was a massive upgrade!

• Scenes Visual Style: Custom 3D scenes with rotating text, images, models, background videos, and shaders that react dynamically to music.
• New Editor Interface: A revamped timeline, and a more intuitive experience for crafting your visuals.

February

• Added Sketchfab Integration: A huge catalog of royalty-free 3D models from Sketchfab.

March – April

Introduced powerful features:

• Camera Block: Control the perspective and flow of your visuals effortlessly.
• New Visualizer and Effects: Take your projects to the next level with fresh, dynamic effects.
• Templates: Kickstart your projects faster with customizable starting points.
• Improved performance for smoother, faster editing.

May

• Unveiled Automations: This update brought the ability to automate parameters over time using keyframes. You can animate any parameter in the app to create truly unique visuals..
• Added immersive Lights and Environments to create captivating atmospheres.

June - August

A huge milestone:

• A brand-new interface designed for efficiency and creativity.
• Timeline Clips: Easily manage and sequence different parts of your project.
• 3D Videos and an expansive Asset Library to unlock even more possibilities.

September

• Overhauled the Audio Workflow for greater precision and control when working with sound.

October

• Launched a New Export System to streamline rendering and exporting your projects.
• Expanded shader options for more visually stunning effects.

November

• Released the Desktop App. Users have been requesting a native desktop experience, and we launched the Banger Desktop App beta for Windows and macOS.
• Enabled support for longer videos, so you can go big with your projects!

This year has been an incredible journey, and it’s been a privilege to see what you’ve created with Banger.Show. To celebrate the holidays, we’re giving you 40% off so you can keep crafting your masterpieces or start something entirely new.

Shop Now and Save 40%!

Thank you for being part of our story. Here's to another year of creativity, innovation, and amazing projects!

Happy Holidays,

Here's a quick overview of the today's update:

• Desktop App (beta): Native Windows and macOS app for improved editing
• Local Rendering: Render projects directly on your machine
• Longer Exports: Video length increased to 10 minutes
• Performance and Bug Fixes: Optimized shaders and resolved critical issues

Desktop App

Users have been requesting a native desktop experience, and we're excited to launch the Banger Desktop App beta for Windows and macOS.

Banger.Show for macOS

Currently, the app leverages the web version with local rendering capabilities. We're actively developing additional features to enhance the user experience.

👉 Download Banger.Show for Desktop

Local Rendering

Local rendering eliminates cloud queue waiting and internet video downloads. Now you can process projects directly on your machine for faster, more convenient editing.

Longer Exports

Previously limited to 5-minute videos on the web version, the desktop app now supports videos up to 10 minutes long.

We're actively working on expanding this limit, with the ultimate goal of enabling full DJ set video creation (up to 1 hour).

Improvements and Fixes

• Added automation for Scanline effect
• Fixed Windows file dialog double-opening issue
• Optimized Trip and Shrooms shaders
• Enhanced Oscilloscope performance
• Resolved editor crash during rapid clip deletion

Here's a quick overview of the today's update:

• New export system: Choose output quality, cancel exports, export the same project multiple times.
• Improvements and bugfixes: Editor workflow enhancements and critical bug fixes reported by the community.
• 2 new shaders added: Quick and Hexler.
• Desktop App Coming Soon: We're working on a desktop app that will enable you to render your projects locally and create videos up to 1 hour long.

New Export System

Multiple Simultaneous Exports

You can now export the same project multiple times with different settings, eliminating the need to wait for exports to finish or duplicate projects. This is perfect for creating different versions of your work for various platforms.

A list of previous and active exports for a project.

Better Export Management

• Choose output quality: Choose from four quality presets to balance file size and visual fidelity.
• Cancel exports: New cancel button lets you stop unnecessary exports instantly.
• Export history: Track all your export versions in one place (note: exports expire in 3 days).

4 options for output quality: Studio, Social Media, Medium and Low.

💡 How do I duplicate a project after these changes?

Right click on the project on the Projects page and select "Duplicate".

New Shaders

New shaders have been added to the library. You can find them by adding a new shader clip to the timeline and selecting the shader from the gallery.

Quick

Hexler

Enhanced Workflow & Fixes

New Features

• 3D Video opacity control: Create stunning layered effects with transparent 3D videos
• Smart object placement: New objects now appear at your camera's focal point
• Magnetic timeline edge: Clips automatically snap to scene endpoints
• Cleaner interface: Keyframes hide during clip renaming for better focus

Important Fixes

• Improved Sketchfab integration with proper error handling
• Fixed 3D model and video preview updating
• Resolved timeline interaction issues:
  • Fixed conflict between clip resize and keyframe handles
  • Prevented clips from being dragged outside timeline bounds
• Added proper error alerts for autosave failures

Coming Soon: Desktop App

We're working on a desktop app that will enable you to render your projects locally:

• Local Rendering: No need for video downloads. Render your projects on your machine.
• Extended Duration: Create videos up to 1 hour long. The most requested feature is coming soon!

Future updates will focus on creating a unified experience between web and desktop platforms.

Stay tuned for more updates!

New features added to the editor:

• Text alignment. You can now align text to the left, center, or right. This fixes the issue where text was always centered and some templates looked off.
• Optional text fields in templates. You can now leave fields empty if you don't want to add text to your scene.
• Fixed a bug where the editor would crash when opening a template dialog.

New Templates

3 new templates are added to the editor. Templates are pre-made scenes that you can use as a starting point for your projects.

You can find new templates in the Templates section.

Boombox

Trippy Metro

Spaceship

New Shaders

4 new shaders are added to the editor.

Palette

Distorsi

Shift

Psycho

5 new shaders are added to the editor. Shaders are small programs that run on your GPU and are used to create highly customizable visual effects.

You can use them by adding an element called Shader to your scene and selecting one of the available shaders.

Mind

Waves

Plexus

Hypno

Acid

New Templates

3 new templates are added to the editor. Templates are pre-made scenes that you can use as a starting point for your projects.

You can find new templates in the Templates section.

Turntable in the Gallery

Warehouse

Fractals

Editor Improvements

• Clip can now resize parent scene. When you resize a clip and overexceed the parent scene duration, the parent scene will be automatically resized.
• Auto-extension of the clip. If clips start or end time is equal to the parent scene duration, the clip will be automatically extended to match the parent scene duration.

Today's update brings several improvements to the audio workflow in the editor, addresses bugs reported by the community, and introduces other enhancements to streamline your video creation process.

Drag the audio track to select the region

We have simplified the process for selecting audio regions directly within the timeline, eliminating the need for a separate audio region selection screen.

Previously, selecting an audio region required navigating to a separate screen. While this approach worked initially, it often created challenges when synchronizing audio with video content, especially after adding multiple scenes or clips. Users found it difficult to determine which part of the video the selected audio was aligned with.

Now, you can select the desired audio region by dragging the audio track left or right directly in the timeline. This change makes it easier to sync audio with specific parts of your video, providing a more intuitive editing experience.

Additionally, the new workflow allows you to create and export projects without audio, resulting in silent videos if desired.

Adaptive video duration

Previously, the duration of your video was determined by the length of the audio region you selected.

For example, if you chose a 20-second audio segment, the final video would be exactly 20 seconds long, regardless of the number or length of the scenes in your project.

Because we removed the audio region selection screen, we needed a new way to define the video duration.

With the new update, the duration of your video is now automatically defined by the total length of all the scenes on the timeline. A scene is essentially a "container" that holds clips, effects, and camera settings. As you add or adjust scenes, the video's length will change accordingly.

The scene is a "container" for the clips, effects and camera settings. The total duration of all scenes defines the video duration.

To modify the duration of a scene, simply drag the scene's edge (left or right) to the desired position, as demonstrated in the video above. The overall video length will update in real-time based on these adjustments, giving you more control over the final output.

This change allows for more flexibility in video creation, as the video length will now adapt dynamically to your content, rather than being constrained by a pre-selected audio track.

Other improvements

• Set minimal video duration to 5 seconds
• Fix editor crashes when editing VHS effect settings

Today's update brings better controls for 3D objects, improved value inputs, and bug fixes reported by the community.

Split Clips

Right-click on a clip and select "Split clip" to split it into two clips. You can also use the keyboard shortcut Cmd + K on Mac or Ctrl + K on Windows.

Split Clip in clip's context menu

Better 3D controls in video preview

3D controls are now more intuitive and easier to use:

• Rotate objects around a specific axis
• Tooltips with units for position and rotation
• Controls size is now consistent and doesn't change with object size

Improved value inputs

All inputs were redesigned to make them more consistent and user-friendly.

• Value inputs are now more compact
• Use arrow keys to change values
• Click and drag to change values
• Redesigned value sliders

Animation start time for 3D models

You can now specify the start time in frames for animations on 3D models. This allows you to sync animations with other elements in your video. When animation is selected, you'll see a new input field for the start time.

Bug fixes

• Fixed a bug when dragging multiple files for upload resulted in only one file being uploaded (thanks Vivid Fever Dreams for reporting)
• Fixed an issue when input fields were not accepting comma as a decimal separator
• Fixed an issue when Sketchfab connection dialog was not opening for some users

We are excited to announce the biggest update to Banger.Show since its launch. This update brings a lot of new features and improvements that unlock new creative possibilities and make working with your videos easier than ever.

New features include:

• Timeline Clips: Place elements on the timeline and control their duration.
• 3D Videos: Add your videos to the 3D space and control their playback.
• Asset Library: Upload your local files, use 3D models from Sketchfab, and stock videos from Pexels. Use drag-and-drop to place assets on the timeline.

Timeline Clips

From now on, you can place elements on the timeline and control their duration.

This unlocks new creative possibilities and makes the interface familiar to users who are used to video editing tools. You can drag and drop elements onto the timeline, adjust their duration, and control when they appear and disappear.

Multiple 3D models, videos and lights placed on the timeline.

Why did we make this change?

Earlier, Banger.Show used a Scenes-only concept in the editor.

Each scene was a group of elements that appeared simultaneously and stayed on the screen until the scene ended.

This method aimed to offer a simple and easy-to-use editing experience, which helped keep the interface clean. However, it limited creative options and made organization more cumbersome.

For instance, if you wanted an element to disappear at a specific point, you had to create a new scene without that element. This process was not intuitive and often resulted in having many scenes just to control the timing of elements.

A screenshot of the previous version of Banger.Show.

Using clips is the industry-standard approach to working with video elements. We initially experimented with Scenes to make the interface more accessible but realized that adopting the standard approach would be more beneficial in the long run.

Scenes are still there and serve as "containers" for clips, effects and camera settings.

Add your videos to the 3D space

Introducing a new element type: Video.

It functions just like a regular video clip from any video editor. You can crop it, adjust its duration, position, and rotation. It allows you to seamlessly combine video assets with 3D models, effects, lights, and other elements to create stunning visuals.

On the timeline, the video clip shows a preview of the video frame.

Control how far your videos appear

Unlike other video editors, Banger.Show allows you to manipulate not just the X and Y positions, but also the Z axis. This means you can place objects at different depths:

• Objects with a higher Z-value appear further away.
• Objects with a lower Z-value appear closer.

Adding videos

To add a video, simply drag your video file onto the timeline or into the Asset Library.

Asset Library

The new Asset Library serves as a comprehensive hub for all your assets and available elements.

It is organized into two main sections:

• Import: Upload local files or import assets from external sources like Sketchfab and Pexels.
• Elements: Access sound visualizers, lights, shader backgrounds, and more.

Videos, 3D models, and images in the Asset Library.

In the past, adding an asset to your project involved a multi-step process: adding an element to the scene, uploading the file, and then adjusting its properties.

Now, you can streamline this process by simply dragging and dropping files directly from your computer to either the timeline or the Asset Library, making them immediately available for use.

Drag-and-drop elements onto the timeline

To add an element to the scene, just drag the desired asset from the Asset Library and drop it onto the timeline.

Other improvements

• Better render progress indication: Added a estimated time remaining indicator to the render progress bar.
• Sparkles Element: Add a sparkles object to your scene to create a magical effect.

We're looking forward to your feedback

This new update is a significant step forward in making Banger.Show more powerful. We hope you enjoy these new features and look forward to seeing the amazing content you create with them.

Please let us know about any issues you encounter or features you'd like to see in the future. Your feedback is invaluable to us.

Camera controls in the editor are improved.

• Fly around the scene with the new Fly Mode
• Create camera keyframes to animate camera movements

This is useful for creating cinematic shots or adding a bit of dynamism to your video.

I recorded a short 2 minute video to show you how to use these new features.

This update brings the ability to automate parameters over time using keyframes. You can now animate any parameter in the app to create truly unique visuals.

In the video example, keyframes are used for the Position, Rotation, and Scale parameters to animate the skull model. The background shader color is also animated. The camera movement is also automated using keyframes.

Animating Parameters

To create a keyframe animation, follow these steps:

1. Click the keyframe button ◆ next to the parameter you want to animate.
2. Move the play head to the desired time.
3. Change the parameter value.
   

This will create a keyframe ◆ at the current time with the parameter value you set. The parameter will now animate between the keyframes. You can add more keyframes to create complex animations and combine them with other parameters.

Keyframes Timeline

The keyframes are also displayed in the timeline so you can easily see the animation. Drag the keyframes to change their time, or right-click to duplicate or delete them.

Keyframes are shown only for the currently selected object in the scene (objects, backgrounds, effects, camera).

This feature opens up a whole new world of possibilities for creating high-quality visuals faster and easier. Can't wait to share another update with you soon!

Today's update levels up graphics.

As you may know, in banger.show everything happens in a 3D world. Each object has reflections of an environment, may have shadows or react to lights. This update brings more control over the lights and environments in a scene. Now you can completely change the mood of a scene with just a few clicks.

Added Lights

You can find them on the Objects tab of the editor.

• Point Light
• Spot Light
• Directional Light

Point Light is a light that shines in all directions from a point in space. It is useful for simulating light bulbs and other omnidirectional light sources.

Spot Light is a light that shines from a specific point in a particular direction. It is useful for simulating flashlights, car headlights, and other directed light sources.

Example of Point and Spot Lights. Used to create a spotlight effect from the street light

Directional Light is a light that shines from a specific direction. It is useful for simulating sunlight, moonlight, and other light sources that are very far away.

Directional light with dark color and low intensity

Directional light with green color and medium intensity

Added Environments

Every environment has its own lighting, gamma, and reflections. You can find them on the Environment tab of the editor.

• Warehouse
• Apartment
• City
• Dawn
• Forest
• Lobby
• Night
• Sunset
• Studio
• Park

How the same scene looks with different environments:

Warehouse. It's used by default in all scenes

Dawn

Apartment

Examples of how more complex scenes can be completely transformed with different environments and lighting:

City

Warehouse

Night

The new Basic shader is now available in the editor. You can find it on the Background tab.

This is a simple and versatile shader that can be the basis of your scene. It consists of a background color that can be mixed with an additional color at low frequencies. The intensity is also adjustable.

In addition, you can optionally add stars, which can also be painted in any color and set the intensity.

Basic

Time Display is now available in the editor. You can find it on the Objects tab.

Time Display

New fonts

10 new fonts are added to the editor. You can find them while setting up Text or Time Display.

New Fonts

Box Object

You can find it on the Objects tab of the editor.

It's a simple 3D box that lets you create a plane, cube, rectangle or square. Its dimensions, colors and opacity can be customised.

Box

4 new templates are added to the editor. You can find them on the Templates page.

DJ Spaceship

Breakfast

Night

Studio

Pulsar and Oscilloscope visualizers

2 new visualizers are added to the editor. You can find them in the Objects tab.

Pulsar and Oscilloscope

City Shader

You can find it in the Background tab of the editor.

City

Video guide how to make a music video using a 3D model & effects

Highlight elements by focusing on them with a camera. I made a short (2 min) video to demonstrate how to use this effect:

This is no joke. A new template called iPhone Audio Player is now available 😃

It's like a real iPhone audio player from the Files app, but you can customize the background color, rotate it, add effects and more.

It has a nice VHS effect on it but you can make it your own!

5 new shaders are added to the editor. You can find them in the Background tab.

Kaleidoscope

Eye

Rain

Moon

Flowers

Each template now has a set of start parameters you can customize.

New templates

• Compact Disc
• Trip
• CDJ-4000

Improved video backgrounds

The UI of the video background editor has been improved.

• Added preview image for the video
• Added Play video from parameter

Improved performance

A lot of performance issues that were causing the editor re-download all the assets every time you open the project got fixed. By leveraging the browser cache, we've made the editor load much faster and use less network bandwidth.

You can now share your projects via a link. It's a great way to show your work to your friends and followers. To share a project, simply copy the link from your browser's address bar and send it to someone.

Check out this shared video I just made

To edit the project, the person you shared the link with needs to duplicate it first. They can do it by clicking the Duplicate button on the project page.

Auto-save

Previously, the project was saved only when you clicked the Export button. Now, the project is automatically saved every 5 seconds. If you close the tab or browser, your project will be saved and you can continue to work on it later.

Delete Videos

You can now delete your video projects. To delete a project, right-click on a video on the Your Videos page and select Delete.

Banger.show started as a tool where you just fill out the form and get a video. Now we're moving towards a more creative tool where you can add 3D objects, effects and audio-reactive backgrounds.

The Visual Styles button is removed from the editor. Instead, you can now choose a template from the Templates page and start editing from there.