blink.monster: Interactive Multi-Layer Video Collage Creator

Description

blink.monster is a funny, web-based tool for creating dynamic video collages with multiple layers and real-time shader effects.

Key Features

• Multi-layer image composition
• real-time shader effects
• Drag-and-drop layers
• Audio integration
• Video export

How to Use blink.monster

1. Adding Layers

• Drag and drop image files onto the canvas, or use the file upload button.
• Each image becomes a new layer in your composition.
• Layers can be reordered by dragging them in the layer list.

2. Applying Shader Effects

• Click on a layer in the layer list to select it.
• Use the dropdown menu next to each layer to choose from different shader effects.

3. Manipulating Layers

• Click and drag on a layer in the canvas to move it.
• Use the mouse wheel to scale a selected layer up or down.
• On mobile devices, use pinch-to-zoom gestures to scale layers.

4. Adding Audio

• Click the audio file upload button to add background music or sound effects.
• Use the Play/Pause button to preview your audio.
• The audio will loop automatically during playback and recording.

5. Exporting Your Creation

• Click the "Export Video" button to start recording your composition.
• Perform any desired animations or changes to your layers.
• Click "Stop Recording" to finish and download your video.
• On Chrome, exported file is a .webm file which can be transcoded to .mp4 with this webm to mp4 converter.

Tips for Best Results

• Use high-resolution images for the best quality output.
• Experiment with different shader combinations to achieve unique effects.
• Synchronize your layer animations with the audio for more engaging results.
• Keep your compositions under 60 seconds for optimal performance and file size.

Troubleshooting

• If you encounter performance issues, try reducing the number of layers or simplifying the effects used.
• Ensure your browser is up to date for the best compatibility and performance.
• If audio isn't working, check that your browser supports the Web Audio API.

Changelog

v0.2.42 - 2024-08-01

Adding

• Multiple shader support:
  • Users can now apply up to 5 shaders per layer
• Mask system:
  • Introduced various mask types including:
    • Circle mask
    • Gradient mask
  • Each mask type comes with customizable parameters
  • Added invert option for all masks

Privacy and Data Usage

blink.monster processes all data locally in your browser. No images, audio, or video are uploaded to any server.

Feedback and Support

If you have any suggestions, feature requests, or encounter any issues, please contact us at paul@42loops.com.