Learn how to install the SparkARMixer-502 in 7 minutes

For installing the Mixer you will need to download the 2nd link and then unzip the folder. After this Drag the SparkARMixer-502 into your applications.
Once you finish this task you should go to the first link and download the app called Easycontroller. After you made all this step, please start following the tutorial below.

Resource download links:

For Easycontroller download link: Click here (You will need this app)

For Projects folder download link: Click here (Here are the resources)

For Firebase Console link: Click here (You will need to setup a server)

For SparkARMixer-502 app download link: Click Here OR Click here

The Firebase URL
Its on top of the Firebase DataBase just where the red line, thats the Firebase Database URL or Firebase URL, Copy it.

Paste the link inside the SparkARMixer-502 app. Just where it ask for the Firebase URL.

Like this:

Then go back to Firebase to this tab

Then go to Project Configuration or Configuración del proyecto

You will see a window like this

The FIREBASE KEY its the API WEB KEY. The one who has 2 lines. Copy it and go back to the SparkARMixer-502 app.

Inside the red box paste the KEY

Once you paste the 2 links the Set Button will change to state to Enable. Click the Set Button.

Once it’s connected you should see the a log in the console.
Next step it’s to connect the Middi controller to the computer then open the EasyController app.

In the red box you should see the name of the Controller. If you dont follow this: Close the EasyController app, disconect the MidiController, reconnect the MidiController in a different USB Port and then Re open the EasyController app (In this order).

Now that we have fully connected the Midi controller its time to map the controller. For this just press the Green circle besides the Map Midi.

The porst that are configured are the S1, S2, S3, S4, S5, S6. So for you to map this ports you will need to move first the Knob in the controller and then press the word s1 or 2 or try in the EasyController app.

Once its mapped if you move the knob you should see the EasyController move in sync with it like this.

You can map only 6 knobs in the SparkARMixer version 502 and should be exactly in the s1 to s6 order. Once all the 6 knobs are mapped your EasyController window should look like this..

Make sure to unselect the Green Button besides MAP MIDI once you finish the mapping. Now we need to test if its working.

Make sure to have your windoes like this. On the right side we should see changes if its working if not. you should check i the LOG. If you correctly connected the Firebase DB you should see a Log in your Firebase Database.

To re check if its working click Set button, again. If its everything OK you should see instantly a Log file into your Firebase Project similar to this:

If you see this you are ready to go. Next step its to Test if the Midi controller it’s working. To do this you need to:

  • Open the port, change values, close the port.

We can do this by simply activating the Toggle button like this:

While this toggle button its activated. This will send data to the Firebase Database. The data its writen into a buffer (like a capsule). If you fill it with too much information. it will take too much time to send the Buffer Capsule to Firebase.

This is important because if you never close the Valve. The app will not send the data and instead will slowly send the data in a Async way. This means that if you have opened the 6 valves. You will have a slower data transmission.

The right way to change values its to. Open 1 or maximum 3 valves at the same time change values and close it.

Integration Test

Open the valve. Move the mixer knob and you should see changes in the Firebase Realtime Database with 1 sec deelay. Just like this:

Sometime gives a -1 value. If this ever happen to you. Close the Easycontroller app and reopen it. Then Close the SparkARMixer-502 and re open it.
Fill the Input fields with the URL and the KEY and click set.

After this you should be able to see the cright values chaging in Real time just like this:

The last part would be configuring the Spark AR Project. For this go to the zip forlder we download. Go to Spark Project >NetworkTemplate >NetworkTemplate.arproj doble click to open it.

The first thing we should see its an error. To fix this go to Edit > Edit Properties >Capabilties >Networking> Whitelisted Domains

In here, change the link to the format you see. Just change the Sparkremixer.firebaseio.com to YOUR-PROJECT-NAME.firebaseio.com
NOT LIKE THIS “https://sparkremixer.firebaseio.com/”.

You can find it in here:

Then Go back to the Spark AR and let’s edit the script to target our database. Please open the EQ1.js by selecting the script

Then click “edit” in the right side.

When the script its open go to the line 107 and change he first part to your firebase URL (Only the first part). This is how it should like at first.

“https://YOUR-PROJCT-NAME.firebaseio.com/Mixer/EqualizerLeft(1L).json";

Only change the name. Once you change it to your project you could go to the patch and check its receiving the server values.

If you dont see anything please click the Stop Button…

Then click again Play button. After doing this you should be able to see server side values into the top right corner Value Patch, like this:

The next step is to repeat the process of changing the URL in all the 6 scripts. Make sure to only change the Firebase project name to your current Firebase project.

Note: each script targets one firebase value. For example this scripts targets this Firebase Data Structure:

After changing the Script Value you should see the changes in the Patch Editor in Spark AR, like this:

After you successfully configure all the scripts you will be had sucessfully configure set the SparkARMixer-502. You can now start Remixing Reality.

If you like this articles please CLAP this article! Happy remixing!! #SparkARMixer-502

--

--

--

Latin Software Developer Specialized in #AugmentedReality 👾Technology Entrepreneur. Currently #Hololens #VR & #AI Developer @fourplayersagencia

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to monitor your Kubernetes cluster with Prometheus and Grafana (The whole, long, story)

How to get a minimum substring using the sliding window algorithm?

🤖 @SpaceGate_fi presents the second #YOLOS report with the incredible income procedure that ends…

Google Cloud drops new GCP developer cheat sheet

The best offline note-taking app

10 resources for learning Ruby on Rails

Getting started with Flutter

Immaturity of processes in IT industry

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Diego Aguirre

Diego Aguirre

Latin Software Developer Specialized in #AugmentedReality 👾Technology Entrepreneur. Currently #Hololens #VR & #AI Developer @fourplayersagencia

More from Medium

Data Structure Deep Dive

Image analytics

Sentiment Analysis (BERT) with MongoDB Atlas, Realm and Change Streams

Using TomTom Data via APIs to Improve Delivery ETA Accuracy