How do WE integrate the 360x180 panorama into a layout?

Get help using Construct 2

Post » Wed Apr 22, 2015 11:07 am

I have found an amazing thing built in .js like our projects. Take a look at this link and let's discuss if it is possible to create a layout like this?!
I am shocked how easy it looks. I tried to save the page after oppening this link but it saved a simple .js file which is minified I see.

on.bubb.li/0a19wx8apn5n7hxwgd/
Last edited by MangoPolo on Thu Apr 23, 2015 12:26 am, edited 2 times in total.
B
8
S
2
Posts: 110
Reputation: 928

Post » Wed Apr 22, 2015 11:55 am

Well here's one js library to do that:

http://chrisbateman.github.io/spherical/

The only thing you'll need to use it is a full 360x180 panorama, broken up into the six sides of a cubic projection. Generating a cubic projection isn't too tricky with Hugin.

Include the JS and CSS, make a <div> for it to live in, and instantiate it:

new Spherical({
container: '#pano',
front: 'images/front.jpg',
back: 'images/back.jpg',
left: 'images/left.jpg',
right: 'images/right.jpg',
top: 'images/top.jpg',
bottom: 'images/bottom.jpg'
});
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Wed Apr 22, 2015 12:08 pm

I tried to open in Firefox and Chrome, and the Image from the link keeps being static. Doesn't move at all. But I am glad it is possible. A little bit of study and I will understand how to combine it with our great C2... :)
B
8
S
2
Posts: 110
Reputation: 928

Post » Wed Apr 22, 2015 12:30 pm

It works for me in chrome..
You just have to holde the left mouse button over the picture and move..
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Thu Apr 23, 2015 12:29 am

it worked for me from my android Firefox also. Chrome on Desktop show it also better then Firefox..dont know why..
so, we need to make a plugin to be able to use this in a layout or how can it be integrated in a c2 project? and will it be possible to add additional events on such a layout? for example buttons which have actions not related to only to only this spheric script?
B
8
S
2
Posts: 110
Reputation: 928


Return to How do I....?

Who is online

Users browsing this forum: No registered users and 34 guests