Tag Archives: javascript

manual_override

Project Update 05: The Subzone (Bypasses and Solutions)

After some more digging around the Unity Answers forums, I chanced upon Eric Haines’s Javascript solution to animate still images in Unity. This method would allow me to bypass creating GIFs in Photoshop altogether as I could just directly dump my screenshots into Unity. ¬†All I would have to do is to attach the Javascript to a game object I want to affect, specify the frames per second of the animation, and input in the individual still frames for the frame array. Since I would be working with lots of screenshots as input material, saving that extra few keystrokes from using Photoshop is a plus. On the other side however, I have to be extra mindful about just how many images I end up importing into the Unity system (i.e. increasing filesizes = increasing loadtimes on the webplayer for the user).

texture_gif
Screenshot from the Unity Answers page.

Another problem I was facing was trying to integrate all of the elements (Unity player, Tumblr gallery for user submissions) into one Tumblr page. Sometimes the theme for the Tumblr site would cause problems with integration, and I would have to search for another compatible one to see if it would work. In the end, I settled for the option to separate the user submission gallery and the Unity webplayer into their own separate Tumblr blog sites.

Here is an updated flowchart to better illustrate my current setup.

flowchart_02

I have spruced up the main landing page of the first Tumblr blog, thanks to some helpful html coding tips from hostingkingdom. I tried to get rid of unnecessary clutter on the site so that users can easily get to the instructions and follow them without much trouble.

Here are the current versions of the landing pages for the two Tumblr blog sites.

welcome_page
welcometothesubzone.tumblr.com

After users click on “Participate!” and click on the link at the bottom of the new page, they will be directed to the second Tumblr blog to submit their material. Once users fill in the details and hit “Submit”, they will then land on the main homepage where they will be greeted by all the user submissions to the site so far arranged in a grid layout for easy reference.

welcome_02
The submission page on thesubzone.tumblr.com
welcome_03
Homepage of thesubzone.tumblr.com

I will continue working with this setup and will stick to it, unless I find a better solution.

I have also added in a separate webpage tab on this OSS site called “Welcome to the Subzone” which should be appearing near the top left of this page. Project details and links have been added in the tab to direct viewers to the site in the event that they land here first.

Hopefully Tumblr doesn’t fall apart till then.

tumblr_no
Maybe this was during one of those maintenance periods in the day.

I also discovered later on in the process (when creating executable files of the Subzone for users to download) that the Windows executable file gets wrongly flagged by Chrome as being malware when someone downloads it. Also, those running OS X Mavericks will need to adjust their security settings to “anywhere” in order to run the downloaded app. I decided to include these important information right at the bottom of the main Tumblr site near the download links so that they will be seen and read by users.

malware
Screenshot of the malware warning in Chrome

Here is an update of how The Subzone looks like. After clicking on the Mac app I created and choosing the settings (screen resolution and graphics quality), the Unity splash screen loads before the user is transported to The Subzone.

subzone_config
Screenshot of the config dialog box.

Screen shot 2014-03-18 at PM 07.14.53

Project Update 02: The Subzone (Simple Test)

I have been trawling through online forums to find a working embed code which will allow me to put up a test demo Unity scene within a blogpost on Tumblr. I had considered perhaps shortening the Dropbox url using goo.gl or bit.ly and putting that link out as a main landing page. But the downside is, that it would just land the user on a blank white page with the scene loading in the middle. It would be a waste of screen space as only the Unity scene would be there and nothing else. By having it on a site like Tumblr, I could place hyperlinks and buttons at the side to draw the viewer in to check out more details about what they were interacting with.

I landed upon the Tumblr blog of Josh.C Futureworks and he had prepared and publicly shared some javascript code which would help one to embed Unity 3D scenes into a Tumblr post.

Screen shot 2014-03-18 at PM 07.04.41Screen shot 2014-03-18 at PM 07.06.02The two lines of code highlighted in blue were the ones I had to change to redirect to my files on Dropbox. At first, I made the mistake of not uploading the game files to the “Public” folder on Dropbox which caused the Unity scene to not load. I had mistakenly assumed that having the url would be enough. After correcting this and putting them in the proper folder and trying again, I was able to load up the scene on Tumblr.

 

Screen shot 2014-03-09 at PM 06.50.14
Screenshot from my Dropbox folder
Screen shot 2014-03-18 at PM 07.14.53
Screenshot from my Tumblr post
Screen shot 2014-03-18 at PM 07.31.35
Screenshot from my Tumblr site after first landing
Screen shot 2014-03-18 at PM 07.33.13
Screenshot from my Tumblr site after allowing Unity plugin to run
webplayer

I already had the Unity webplayer plugin installed on my computer, so I did not experience any problems so far. I will need to include some form of auto-prompt or a link for users who do not have the plugin so that they can just download it from the site without leaving it. Also, I will need to include some pages on the Tumblr site to separate all the different sections (e.g. What? Why? etc). I could perhaps also include a link back to my project links and hyperessay work done here as an extension for viewers to find out more.

I plan to include a section on the tumblr site dedicated to video documentations and maybe even simple GIF animations to record all my experiments in Unity.