By ApsaraAdairia on

I hope this is the appropriate place for this question...

I would like to create a virtual tour pretty much just like this: http://www.concretecanvas.co.uk/CCVTF/CC%20VT/index.html

The 360° view in all directions (door to door, ceiling to floor, and everything in between) ... the little arrow that allows you to click to the next room... the option for full screen (but also adaptive for mobile views - not sure if the one in my example can do that) and the rest of that menu... those round info buttons that pull up small boxes in which i could put text, images, links... and even that "hide plan / show plan" button in the top left corner that allows you to quickly navigate to another portion of the floorplan... i'm after all of those features...

Is there a drupal module that can accomplish this or maybe a way to do it in the css? html5? java? (obviously, i haven't a clue here... i'm still learning, really... but i'm sure i can figure it out if someone can point me in the right direction. i'd rather not have to buy that flash panorama player (though i suppose it would be easy that way... but where's the fun in that? :D )

Thank you for any help anyone can offer.
~Adairia

⋅ Categories: Drupal 7.x

Comments

WorldFallz’s picture

WorldFallz commented

With a unique word like 'panorama' it's pretty easy to find-- there seems to be two module options.

ApsaraAdairia’s picture

ApsaraAdairia commented

Thanks, i tried a search by 'panorama' and that was all i got too. i suppose it's a start with the jquery reel, but i'm looking for the extra functionality (beyond just a basic horizontal panorama) that doesn't require me to sign up for a paid service. can i just write it into the CSS or something?

WorldFallz’s picture

WorldFallz commented

Sorry no clue, and since it's not really a Drupal specific question, you'll probably have more success googling or looking for an answer in a css3/html5 site.

ApsaraAdairia’s picture

ApsaraAdairia commented

Well, it was drupal-specific in that i was hoping there was a drupal module for it... and because i want to put this feature -module or no module- on a drupal site i'm currently building with commerce. But that's okay, i'll add it to my project list and when i learn how to make a module, it'll be one of my first... unless someone beats me to it. :D
The jquery reel does seem promising... at the very least, a good starting point... i haven't installed it yet to check it out...

However, in my searching last night (yea, had more luck googling), i found this:

http://panozona.com/wiki/Main_Page
https://github.com/mstandio/SaladoPlayer/downloads

because of this tutorial:
http://www.tilmanbremer.de/2012/05/panoramic-photography-revealed-part-i...

i wound up googling 'open source interactive virtual tour' because 'panorama' was yielding way too many cameras... and a few apps lol
Anyway, thought i'd come back and share those links in case anyone else is looking to do the same thing...

Thanks for replying, WorldFallz. i appreciate you trying to help me out. :)

sill’s picture

sill commented

I had a similar requirement for a project and ended up using a simple jQuery script from here - http://www.openstudio.fr/jquery-virtual-tour/

Unfortunately, it didn't end up being super 'Drupal friendly'.

Glad to see there are others looking for this feature as it's been on my list of modules to build....

sk2013’s picture

sk2013 commented

+1

dreamcutter’s picture

dreamcutter commented

I like using Drupal 7 to host WebGL virtual environments. 3D PDF (UDF 3d) and Flash 11 is also another workable solution but requires Acrobat or AIR and therefore not quite as ubiquitous. WebGL is now supported by many mobile browsers too. You can easily use these technologies to create virtual product displays, systems simulations, 3d charts, multi-media storybooks in addition to games. Feel free to explore 3dnld.com (various webgl & flash games) to see how I implemented virtual environs with lightbox display, full screen and inline examples. Also 3dskydome.com demonstrates instant webgl publishing where users upload 3d objects into pre-rendered cycle-animated environments and cyber4d.com platform for dynamic 3d R&D. Under development and subject to change.

linxlab’s picture

linxlab commented

Martin Ricken has been using an 360 degree player module for Drupal using an open-source player called Valiant 360 (http://flimshaw.github.io/Valiant360/)

We had a hard time getting it to work on my site 360VIDY.com. We ended up using Krpano (krpano.com) which is not open source. Take a look them. Maybe that can help.

We are working on a module now but it is not ready yet.

Edwin Rogers

sk2013’s picture

sk2013 commented

It's heartening and good to know that many different approaches are being worked out. The Idea behind this should be how to avoid Flash in developing such 3D environment. Is this completely feasible to workout using jQuery and 2D/3D images?

Thanks

anne1960’s picture

anne1960 commented

I love the occipital panorama module, but it is converted to flash, so it doesn't work on IE11 nor on iphones or I-pad.
Is there some way to have it converted to html5?

virtual panorama's are the trend. I am very surprised there are no good modules about this!

Anne Vandelanotte

anne1960’s picture

anne1960 commented

I've tried several solutions. Just copy and paste the code in a simple text field with div.

Anne Vandelanotte