MilkDrop visualization database

To this day, Winamp still has some of the most jaw-dropping music visualizations via the MilkDrop plugin. MilkDrop has now been ported to other software and systems but it’s bundled right into Winamp.

I used MilkDrop for some recent projects, I have more projects using it on the way too. But I couldn’t seem to find anything cataloging the massive list of presets.

So I’ve begun one, using YouTube for the videos. Here’s the current playlist:

One Problem

There are well past 1000 great presets for MilkDrop and I couldn’t feasibly create videos for them all manually. Moreover, it was admittedly kinda tough finding a way to record them in the first place.

Solution

So, I used AutoIt to automate the process. Here’s the script I setup for the recording process using MSI Afterburner:

https://gist.github.com/Ugotsta/57b385a44039460159c7

And here’s the script I used to seamlessly loop the videos using MLT.

https://gist.github.com/Ugotsta/3496a2706e71dd46e538

I don’t have the time to go through the details right now. But I’ll gladly follow up with some details should anyone ask.

For now, here’s a link to the site I’ll be using to house the database: http://visualize.ugotsta.com/

It’s just a blog at blogger.com, it’s also kinda hideous right now. But it’s the easiest way to setup a database like this.

Cheers! 🙂

Advertisements
MilkDrop visualization database

Get started with Juce and Introjucer

For those unfamiliar with it, Juce is an encompassing, open-source and cross-platform framework for the c++ programming language. It provides a wide array of general purpose tools as well as integral components for use with apps that rely heavily on graphic and sound.

Lots of people, including myself, find c++ a bit unwieldy, let alone c++ frameworks like Juce. Adding to that, tutorials for absolute beginners are a bit slim since emphasis is usually placed on learning the ins and outs of c++ first.

I’d like to go the opposite route and make some Juce tutorials that hopefully will help others (myself too) to better learn c++ while getting familiar with Juce awesomeness. 🙂

Going with that, here’s a simple “getting started” video:

The details

Juce comes with an IDE of its own called Introjucer. It lets you easily build GUIs using a basic set of Juce components. Utilizing GUI components takes just a bit of code and through the video above, I’ve covered a method of handling that which I’ve found intuitive. Let’s go through it in more detail.

To get Introjucer up and running:

  1. Download the Juce zip file from here: http://www.juce.com/download
  2. Unzip it somewhere on your computer that you’ll be comfortable with (I generally unzip to a folder such as /home/dev/juce/ or on Windows, c:\Dev\Juce)
  3. Open the extracted folder and launch the Introjucer application.

Now, we’re ready to create an app.

Create an app

With Introjucer open, let’s create a new GUI Application.

introjucer-gui-app

Select a name and target platform

In the built-in file browser, navigate to the folder where you want this app to be. Then give it a name and select the target platform(s) you wish to support with this. I’ve selected “Linux Makefile” for the platform here, you can choose all those you’ll need and even change them later if you like.

Give the project a name as well, I’ve named this one “GUIDemo“.
introjucer-project-setup

The Files tree

With the app created, you’ll see a source tree on the left. It’ll show a list of files belonging to the project. By default, there will be a couple of files we won’t need, so we’ll delete them.

Delete the MainComponent.cpp and MainComponent.h files, simply right-click their names in the Files tree and selecting ‘Delete‘.
introjucer-maincomponent-delete

Create the GUI

Let’s setup our GUI now. Right-click Main.cpp in the source tree and select ‘Add New GUI Component…
introjucer-add-new-gui-component

You’ll see a file dialog where you can name your component. Let’s call this one GUI.
introjucer-name-gui-component

With the GUI.cpp file opened, add and arrange the GUI components you wish to use. In this example, I’ve added just a TextEditor and TextButton component.
introjucer-gui-form-editor

Update Main.cpp

Click to open the Main.cpp file and you’ll see the code comprising the app’s core.

#include "MainComponent.h"

Let’s replace that with a reference to our new GUI component, like so:

#include "GUI.h"

It should then look something like this:
introjucer-include-gui-component

Let’s now add our GUI component to the window. Scroll down the Main.cpp code a bit to where you see the SetContentOwned function.

By default, it should read:

SetContentOwned (new MainContentComponent(), true);

Let’s replace that with our GUI component, like so:

SetContentOwned (new GUI(), true);

The result should look something like this:

introjucer-setcontentowned

That’s pretty much it for the editing, so let’s save all these changes by pressing Ctrl-Alt-S (should be CMD-Alt-S on Mac) or selecting Save All from the File menu. It’d be good to save the project as well, from the File menu.

Compiling our new app

Navigate to the /Builds/ folder within the project folder. Then click to open the folder for the platform you’ve chosen.

In my case, it’s: /JUCE-LINUX/projects/GUIDemo/Builds/Linux/

Open a terminal in this folder (CMD on Windows), then compile it using the compiler per your platform of choice. Or you can launch whatever IDE you’ve selected as the target platform.

In this example though, I’m using Make, on Linux, to keep things simple.

introjucer-make

The build process can take a while, especially since we’ve left a lot of things at default. We can later cut down the compile time and resulting file size by deselecting Juce modules to include, but we’ll keep it simple for now.

You’ll find the resulting executable binary file in the /build/ folder for your chosen platform.

In my case, that’s: /JUCE-LINUX/projects/GUIDemo/Builds/Linux/build/

That’s it!

We’re done, the app is complete and you can give that binary file a go.
introjucer-completed-app

It’s cross-platform so you should be able to freely copy the project folder over to another platform and open it using Introjucer there. It’s available for Mac, Windows and Linux.

I hope that helps. If I’ve missed anything or you have questions, feel free to comment below. 🙂

UPDATE: I’ve updated the formatting here to make the guide easier to follow. And here’s a followup article for event handling: https://ugotsta.wordpress.com/2015/06/24/juce-interaction-with-texteditorlistener-class/

Also, special thanks go to Matti for this article: http://www.tunnelvision.fi/juce-framework-the-introjucer-gui-editor/

I haven’t used Juce in years now and that article helped me to get back on track with Introjucer (previously known as Jucer when I last used it).

Get started with Juce and Introjucer