Inspiration

1

What it does

2

How I built it

3

Challenges I ran into

4

Accomplishments that I'm proud of

5

What I learned

6

What's next for x

7

Share this project:
×

Updates

deleted deleted

deleted deleted posted an update

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

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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...

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

Reminder: For those testing VR Tools on your Android phone or tablet, please use Google Chrome Dev. The Dev version of Chrome provides the latest browser features and is compatible with VR Tools.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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....

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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...

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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).

Here is the beta: http://www.villmer.com/tools/beta.zip. Please read the documentation prior to working offline: http://www.villmer.com/tools/help

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

Beta 124 now fixes a significant number of bugs related to loading images, videos and 3d models in the 3D Tab of the Tool Panel. Still working to resolve the various security issues related to the Adobe Image Editor...

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

update: After saving your edited image, the application will automatically download the new, edited image to your system for you. This auto-download feature currently only works on Google Chrome. Firefox is next.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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.

Log in or sign up for Devpost to join the conversation.

deleted deleted

deleted deleted posted an update

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)

Log in or sign up for Devpost to join the conversation.