What it does
How I built it
Challenges I ran into
Accomplishments that I'm proud of
What I learned
What's next for x
Alright, FINALLY got high-resolution Scene editing implemented!! Now, you should be able to save 360° x 360° equirectangular images up to 2500 x 5000. (This may go even higher soon). VVEEERRRY excited about this. Really opens up the possibilities for VR development. (on images anyway)
The new Beta version 137 is now available for download. http://www.villmer.com/tools.zip
Hi folks. I'm attempting to implement the High-Resolution editing feature. All of the client and server-side code is in place and appears to be synchronized. However, upon initiating the "saveHiRes" function, an error immediately occurs prompting "Error reaching Aviary services". Not sure if the issue is related to my code or the Aviary services. I've posted this issue in the "Discussions" section of the Adobe Creative SDK Hackathon page.
Great News! VR Tools has been approved for High-Resolution editing. That means your edited equirectangular (360° x 360°) images can be edited and saved at their original resolution (or higher). The HR feature will be available in the next release of VR Tools...
After a good deal of thought, I've decided to replace the original video that represented my application. This was done to avoid any issues regarding third party trademarks. The original video contained an image of an old 1940's coca cola poster. While that original video represented clearly some of the advanced features of the app, I didn't want to take the risk of any red flags popping up regarding the rules of the competition. For those who are interested in seeing the original, you can still find it (and many other tutorials) on my personal YouTube channel here: https://goo.gl/Pqg7HO
A request has been sent to Adobe to permit high-resolution editing. Once ( if ) this is approved, I will be implement the high-resolution editing capabilities for scenes in the Tool Panel. This is important as the average spherical image is generally 2000 x 1000 or higher. I'll keep everyone posted.
If you're using the Chrome browser, pressing "save" in the Adobe Image Editor will automatically download the new, edited image to your system. If you are not using Chrome, however, it will open the new image in the browser window (replacing your current web page). The next update will fix this by forcing the non-Chrome browser to open a NEW window with the edited image. That way you can save the image to your system (right-click > save image as) and go back to your original project.
A quick note on Android phones. When using Android phones, use Chrome Dev (instead of standard Chrome). Also, Android does not load videos by default. So, make sure to enter a 360° video scene (black sphere) and tap the screen to get it playing.
The beta has been updated to version 133. This version fixes text fields in Android Television browsers. Turns out that the Android TV browsers dont support the "onkeyup" event. After switching to "onkeydown" all works well. (even the 2D editor). Unfortunately the Android TV browsers are unable to disable the cross-origin policies that would allow global url (http://) files to be loaded - thus 3D image editing won't work (yet). Hopefully, Adobe will provide some way to edit files loaded from both the local system and those relative to the html file.
While Tools already supports editing 2D and 3D images via the Adobe Image Editor, the next beta will include support for editing 360° x 180° equirectangular images. I still need to implement the "high-resolution save" option for scene images - as most equirectangular images are at least 2000 x 1000 in size. This features will probably roll out with the next beta sometime down the road. Until then, you can see a video showing the editor working with equirectangular images here: https://www.youtube.com/watch?v=ted3MeiJJFo&feature=youtu.be
Got VR Tools running on the Android Television today. Works nice for viewing final projects. Development on the television platform isn't currently suggested as it does not provide access to the local file system (of the tv) or cross-origin files (http://). While it's not (yet) a stable development platform, it does provide a great way to view finished projects. 360° photographs render nicely and all interactivity is operational. 360° video support for Android TV is still in development and I look forward to seeing that working. Accessing and viewing an online, 360° video project on the TV is definitely a nice experience. (Although a VR headset is great too). My goal is really to be "device independent" as far as the viewing goes. If it has a processor, access to the internet and a viewing app (browser) I would like VR Tools to just work. Not 100% there yet but I'm enjoying the journey....
FINALLY GOT 3D EDITING WORKING! After grinding through hours of online searches and code tweaking I found that the issue was actually (simply) related to the cross-origin browser settings after all. So, the help documentation has been updated showing how developers can set their browser to support cross-origin and local file access. New video tutorials are also online as well showing the app working entirely on the desktop. Will update the beta.zip to version 132 soon...
I suppose this will be my last update for a while. The Adobe Image Editor works just fine for 2D content, as long as the source url is global (http://). 3D support is going to be much more complex as it deals with CORS / WebGL security protocols. So, 3D support will arrive at some time down the road. Until then, editing 2D content will need to suffice. I would VERY much like to see the Adobe Image Editor support editing content loaded from the local file system. That way, developers can edit files they've loaded from their system. Having to place all the content one wishes to edit on a web server is a bit tedious. One idea for developers would be to run their own local web server to potentially bypass any cross-domain conflicts. (might work).
For 2D objects, enter "http://www.villmer.com/tools/tv.jpg" in the source box. This will load the image successfully without any cross-domain issues. You can then launch the Adobe Image Editor, make image adjustments and view the results immediately. Cool!
Now to get this working for 3D...
Image Editor has now been implemented in the Tool Panel for both 2D and 3D (image) objects. Jpg, png and gif files are supported.
You can try it yourself by entering "tv.jpg" in the source field in both the 2D and 3D sections of the Tool Panel.
Still experiencing various cross-domain issues: While "tv.jpg" will works for the 3D source, the Adobe Image Editor still prompts an error due to some issue, probably a security conflict. Entering "http://images.aviary.com/imagesv5/feather_default.jpg" in the 3D source box yields an error: "DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at http://images.aviary.com/imagesv5/feather_default.jpg may not be loaded."
The same error arises true if attempting to load this image in the browser on a local system (which will be necessary for developers who are preparing their projects offline).
Definitely looking forward to getting these cross-domain issues resolved as having a built-in Image Editor inside VR Tools is pretty cool.
Image Editor for 2D Objects is operational. After saving an edited image, the app opens a new window letting you save the new image. (long-press / right-click ---> save as)
• Need to resolve various security issues related to cross-domain urls. • Still need to get the Image Editor working for 3D Objects (for png, jpg and gif files only)