On your ftp you need to set up a new directory and you can call it anything you want. I named mine cherryanimte. Download files from Junaio to get started: http://www.junaio.com/develop/quickstart/hello-glue/ At the top of the page there is the subheading ‘What should you have done by now?’ On point number 5 click Download to download Junaio quickstart files. Unzip the file and save where you want.
What to place into your new directory
Open up the document and copy over the folder named ARELLibrary into your new directory folder. Then go into the file GLUE_2_AnimationsAndGlue. Copy over the .htaccess and index files into your directory. Go into the areal folder and place all the files here in your directory as well. (index/metaioman/arelGLUE2). Place your marker, MD2 file and PNG texture in here as well.
Open up your index from your ftp folder and it should look like this:
There is a section which states: require_once ‘..\ARELLibrary/arel_xmlhelper.class.php’;. You need to delete the “..\” as this code directs Junaio to search a folder backwards from the ARELLibrary folder and the file it needs to access is actually forward which is why you need to delete this.
In the index you also put in your marker ZIP file, your MD2 file and the PNG texture location.
The place to put your marker url is: “www.junaio.com/publisherDownload/tutorial/tracking_tutorial.zip” Instead of using this you put in your server, ftp folder and marker ZIP file name which I have explained in earlier posts. If you don’t remember you can check back on them.
Edit the following to the correct path and name of model/texture file that you are using:
dev.junaio.com/publisherDownload/tutorial/metaioman.md2″, //model Path
dev.junaio.com/publisherDownload/tutorial/metaioman.png”, //texture Path
You can also change the coordinates of your model. I find it best to set the translation to (0,0,0) and the rotation to (90,0,90). Changing the translation to 0 makes the model appear at the centre of your marker instead further to the side etc. The rotation I suggest is the one that worked with two of my tests, this sets up the model to look like it is sitting/standing on top of the marker and not lying on the marker. Scale up or down if you need to after checking how your model appears. Mess about with these coordinates to get the result you want after you see how the model appears on the marker.
I wasn’t able to directly edit the file from my ftp so if this happens to you, just simply open the original file that you downloaded in the arel folder. This will open up with Adobe Dreamweaver or Micro Dreamweaver. If you read the code the top lines are self-explanatory and you don’t need to edit the coding. The editing you need to do is at the very bottom. This is were you input the names of the animations when you used QTip to export your animation into an MD2 file.
Basically what the code above is stating is that the model will begin animation with the frame name you input and when the model is clicked it will do another animation which you have input. Where you input the frame name from QTip is where the quotation marks are. You can see where I have put my animations (Idle/Jump) on the above image just to show exactly where they go.
Once you have sorted this out you delete the arelGLUE2 file in your ftp folder and upload the edited file.
New channel on Junaio
Sign in at Junaio and go to My Channels and create a new channel. Name it anything you’d like and put a little description in, it’s a requirement so if you can’t be bothered you could type in test or anything. Make sure when you enter the correct information for the Content server URL section and it will always end with index.php as Junaio needs to be directed here as it has all the required information it needs to work your custom AR. For more information on channel making look into my earlier post.
Make sure to use the Validate button to ensure your channel will work by passing 3 tests. I have also discussed about these tests and troubleshooting in an earlier post which you can check out.
Using your device
Open up your Juanio app on your Android/iPad/phone etc and sign in as developer. Go to the search icon and click favourites to find the new channel you have created and click it. Point your device at the marker you set up and watch your model appear! Tap your model and it should animate what you animated in Max.
Here is how my cherry turned out:
Sometimes you will encounter some problems and when you figure out and fix the problem and point the device at the marker it seems as though nothing has changed. This can be fixed by clicking the Junaio logo, developer sign in and clicking clear cache then re-selecting your channel and pointing the device at the marker. Basically refreshing the app like a web page and the problem should be fixed now and show the correct modified display of your model.