Fly Mode and Camera Keyframes

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.

Igor Samokhovets photoIgor Samokhovets

June 5, 2024

Copy link

Keyframes for Automating Parameters

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!

Igor Samokhovets photoIgor Samokhovets

May 27, 2024

Copy link

Lights and Environments

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
Igor Samokhovets photoIgor Samokhovets

May 20, 2024

Copy link

Basic Shader

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
Mark Beziaev photoMark Beziaev

May 19, 2024

Copy link

Box Object, Time Display and New Fonts

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
Mark Beziaev photoMark Beziaev

May 16, 2024

Copy link

New Templates, Visualizers and Shader

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
Mark Beziaev photoMark Beziaev

May 13, 2024

Copy link

DJ Spaceship Tutorial

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

Mark Beziaev photoMark Beziaev

May 12, 2024

Copy link

Autofocus Effect

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

Igor Samokhovets photoIgor Samokhovets

May 1, 2024

Copy link

iPhone Player Template

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!

Igor Samokhovets photoIgor Samokhovets

April 27, 2024

Copy link

New Shaders

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

Kaleidoscope
Eye
Rain
Moon
Flowers
Igor Samokhovets photoIgor Samokhovets

April 23, 2024

Copy link

Start parameters for templates and more

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.

Igor Samokhovets photoIgor Samokhovets

April 16, 2024

Copy link

Share your projects via link

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.

Igor Samokhovets photoIgor Samokhovets

April 16, 2024

Copy link

Templates

Templates

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.

Igor Samokhovets photoIgor Samokhovets

April 15, 2024

Copy link