NOTE: This was made for use on desktop, not recommended for mobile, sorry!
With free time on my hands, I made this site to create virtual animations for my official HDBNGR LED Shades launching Spring 2025!
The COOLEST thing is how you guys can be apart of my most ambitious merch item of all time! I am going to choose of your animations and have them imported onto the actual shades!!!
The site a little difficult and buggy, but stick with it and you'll get the hang of it! Have fun and thanks for checking this out, I'm excited to see what you guys come up with - elp <3
Quick Tips:
Paint LEDs: Select a color from the palette below the glasses. Click or drag on the LEDs to illuminate them.
Add Frames: Use the "Add Frame" button to create a new blank frame. Frames allow you to create animations.
Copy & Paste Frames: Use the "Copy Frame" button to copy the current frame. Click "Paste Frame" to paste the frame to the timeline for easier editing.
Clear Frame: Click "Clear Frame" to erase all illuminated LEDs in the current frame.
Navigate Frames: Adjust the Frame Slider to move between frames in your timeline.
Play Animation: Click "Play Animation" to preview your animation. Adjust the Speed Slider to control the playback speed. Sometimes you need to Stop and Play to refresh it.
Delete Frame: Use the "Delete Frame" button to delete a frame from your animation. *Sometimes it deletes 2 frames, try to avoid this button.*
Undo/Redo: Made a mistake? Use the Undo button to revert the last action. This only works if you clicked an LED, not dragged.
Save & Load Animations: Save your project by clicking "Save Animation". Load a saved project by selecting the file using "Load Animation".
Export as GIF: When you're happy with your animation, click "Export as GIF" to save it as a gif. Upload with #HDBNGRMachine on Twitter/X and it might end up on the official release!
