Looking for a way to show one a changing picture hotspot  

Share your tips and tricks here or get help with any Panotour 2.0+ problem!
No bug reports (of any kind) in this forum!
User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Looking for a way to show one a changing picture hotspot

by zebragruen » Tue Oct 14, 2014 7:45 am

I saw an example many months ago with a featur I want to use:

A pano in a room with a curtain. When clicking on the curtain the curtain opens. Now the same pano shows this door with opens curtains.
Clicking again the curtains closes.

Any ideas what I mean?


Thanks
Alex

no avatar
Destiny
Moderator
 
Posts: 7879
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

Re: Looking for a way to show one feature chaning in the pan

by Destiny » Tue Oct 14, 2014 7:52 am

Hi Alex.. You will find that in the krpano examples.. I think its Flash..

Destiny...

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Tue Oct 14, 2014 8:54 am

Yes, Destiny, thank you!

Here I found what I am looking for: http://www.krpano.com/examples/117/exam ... earea.html

no avatar
Destiny
Moderator
 
Posts: 7879
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

Re: Looking for a way to show one feature chaning in the pan

by Destiny » Tue Oct 14, 2014 9:11 am

Thats it.. Its a flash movie on a rectangle polygon.. You will probably have to use the Timeline, since I do not think it cannot be done using Action Script.. On mouse down goto frame 2 perhaps, simple button action.. You might be able to add the transition as Move Sprite on frame 2.. If not just use the Timeline with blend..

Destiny..

User avatar
bdd
Kolor Team
 
Posts: 2788
Likes: 14 posts
Liked in: 126 posts
Joined: Tue Jan 18, 2011 4:05 pm
Info

Re: Looking for a way to show one feature chaning in the pan

by bdd » Tue Oct 14, 2014 1:08 pm

zebragruen wrote:Yes, Destiny, thank you!

Here I found what I am looking for: http://www.krpano.com/examples/117/exam ... earea.html



Panotour does not provide such feature yet.
But you can do it with some code modification.

This animation, is just an animation of a picture spot.
So create a picture spot with Panotour Pro, then edit the main XML file, and add some "onover", "onclick" and "onout" events on the hotspot, that display or hide it.

Gérald

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Tue Oct 14, 2014 4:32 pm

Hi Gérald,

thanks for the tipp. I spend some hours looking at these wikis.
I found out: Too far away from my knowledge. I need something for code-dummies.

Alex

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Wed Oct 15, 2014 8:58 am

I tried again with flash and a polygon.

http://www.talking-pano.de/test/interaktiv.html

The polygon was set to mere invisible. Onclick shows a modified picture of this window.
I want this thing to open exactly in the same place as the polygon.

Is there a chance to modify the hotspot-settings?? Can I use the "point ath" data? How do I put it in code?

Thanks,
Alex


<hotspot name="spotpolygon59"
visible="true"
style="PolygonDefaultPolygonSpotStyle"
descriptionid=""
onclick="onclickspotpolygon59"
tooltip="spotpolygon59_tooltip"
>
<point ath="58.101266" atv="-16.853503" />
<point ath="116.658228" atv="-29.006369" />
<point ath="117.569620" atv="42.764331" />
<point ath="59.696203" atv="28.777070" />
</hotspot>
<hotspot name="spotpolygon59" devices="flash" zorder="1"/>
<action name="onclickspotpolygon59">displayImage( %FIRSTXML%/spots/fenster_kopie.jpg
,center,0,0
,'',''
,false
,false
);
</action>
<action name="hidepanopolygonalspots">
set(hotspot[spotpolygon59].visible, false);
</action>
<action name="showpanopolygonalspots">
set(hotspot[spotpolygon59].visible, true);
</action>


<action name="showpanospotsaction">
if (tour_displayspots,
showpanopolygonalspots();
);
</action>
<action name="hidepanospotsaction">
hidepanopolygonalspots();
</action>

User avatar
benji33
Kolor Team
 
Posts: 5764
Likes: 86 posts
Liked in: 191 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: Looking for a way to show one feature chaning in the pan

by benji33 » Wed Oct 15, 2014 10:36 am

In fact you would like a picture spot which is visible only on click ?

If yes it's possible to add a picture spot with "maximized" and "hidden when not maximized" options
Then edit the code to remove the tween actions into the spotflyout... / spotflyback... actions which are used to change rx/ry/rz/width/height/zorder sizes and positions (into the main xml file). So keep only the flying and alpha tween actions.

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Wed Oct 15, 2014 11:22 am

benji33 wrote:If yes it's possible to add a picture spot with "maximized" and "hidden when not maximized" options
Then edit the code to remove the tween actions into the spotflyout... / spotflyback... actions which are used to change rx/ry/rz/width/height/zorder sizes and positions (into the main xml file). So keep only the flying and alpha tween actions.


I din't find the code passage you mentioned. This is what I have:



<!-- **** 1 Picture Spots **** -->

<hotspot name="spotpicture61"
visible="true"
style="RectPictureDefaultPictureSpotStyle1"
descriptionid=""
url="%FIRSTXML%/spots/fenster_kopie.jpg"
ath="79.596252"
atv="8.930099"
width="604"
height="601"
rx="8.75274979010713"
ry="34.3278369895943"
rz="-0.689165153092937"
enabled="true"
capture="false"
onclick="onclickspotpicture61"
zorder="2"
zorder_backup="0"
/>
<action name="onclickspotpicture61">displayImage( %FIRSTXML%/spots/fenster_kopie.jpg
,center,0,0
,300
,300

,false
,false
);
</action>


<action name="hidepanopicturespots">
set(hotspot[spotpicture61].visible, false);
</action>
<action name="showpanopicturespots">
set(hotspot[spotpicture61].visible, true);
</action>


<action name="showpanospotsaction">
if (tour_displayspots,
showpanopicturespots();
);
</action>
<action name="hidepanospotsaction">
hidepanopicturespots();
</action>


<action name="setzorder2onstandardspots">
if (device.html5,
ifnot (device.desktop,


);
);
</action>

User avatar
benji33
Kolor Team
 
Posts: 5764
Likes: 86 posts
Liked in: 191 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: Looking for a way to show one feature chaning in the pan

by benji33 » Wed Oct 15, 2014 11:34 am

You have to add the "Maximized" and "hidden" options to the picture spot style and remove the display image action of the same style to do it.

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Wed Oct 15, 2014 1:27 pm

Getting closer.

Now the invisible pic opens but it swings to the side.


/>
<action name="onclickspotpicture61">
if(flying == 1.0, spotflybackspotpicture61(%1), spotflyoutspotpicture61(%1) );
</action>

<action name="spotflyoutspotpicture61">

tween(hotspot[spotpicture61].alpha, 1.0);
tween(hotspot[spotpicture61].flying, 1.0);
);
</action>
<action name="spotflybackspotpicture61">
ifnot (hotspot[spotpicture61].flying == 0.0,

tween(hotspot[spotpicture61].alpha, 0.0);
tween(hotspot[spotpicture61].flying, 0.0);
);
</action>
<events name="eventsspotpicture61" onremovedisplayedobject="spotflybackspotpicture61"/>

<action name="hidepanopicturespots">
set(hotspot[spotpicture61].visible, false);
</action>
<action name="showpanopicturespots">
set(hotspot[spotpicture61].visible, true);
</action>
Attachments
tour-3.jpg

User avatar
benji33
Kolor Team
 
Posts: 5764
Likes: 86 posts
Liked in: 191 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: Looking for a way to show one feature chaning in the pan

by benji33 » Wed Oct 15, 2014 1:38 pm

Even with a browser cache cleared ?
Can I have the full code from <hotspot> to <action name="showpanopicturespots"> ?

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Wed Oct 15, 2014 1:40 pm

<!-- **** 1 Picture Spots **** -->

<hotspot name="spotpicture61"
visible="true"
style="RectPictureDefaultPictureSpotStyle1"
descriptionid=""
url="%FIRSTXML%/spots/fenster_kopie.jpg"
ath="79.596252"
atv="8.930099"
width="604"
height="601"
rx="8.75274979010713"
ry="34.3278369895943"
rz="-0.689165153092937"
enabled="true"
capture="false"
onclick="onclickspotpicture61"
alpha="0.0"
flying="0.0"
zorder="2"
zorder_backup="0"
/>
<action name="onclickspotpicture61">
if(flying == 1.0, spotflybackspotpicture61(%1), spotflyoutspotpicture61(%1) );
</action>

<action name="spotflyoutspotpicture61">

tween(hotspot[spotpicture61].alpha, 1.0);
tween(hotspot[spotpicture61].flying, 1.0);
);
</action>
<action name="spotflybackspotpicture61">
ifnot (hotspot[spotpicture61].flying == 0.0,

tween(hotspot[spotpicture61].alpha, 0.0);
tween(hotspot[spotpicture61].flying, 0.0);
);
</action>
<events name="eventsspotpicture61" onremovedisplayedobject="spotflybackspotpicture61"/>

<action name="hidepanopicturespots">
set(hotspot[spotpicture61].visible, false);
</action>
<action name="showpanopicturespots">
set(hotspot[spotpicture61].visible, true);
</action>


<action name="showpanospotsaction">
if (tour_displayspots,
showpanopicturespots();
);
</action>
<action name="hidepanospotsaction">
hidepanopicturespots();
</action>


<action name="setzorder2onstandardspots">
if (device.html5,
ifnot (device.desktop,


);
);
</action>

</scene>

User avatar
benji33
Kolor Team
 
Posts: 5764
Likes: 86 posts
Liked in: 191 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: Looking for a way to show one feature chaning in the pan

by benji33 » Wed Oct 15, 2014 4:16 pm

Sorry it's my fault.
Rename the flying attribute on isopen and replace flying keyword with isopen into actions.
Flying is a krpano reserved word which use ath/atv positions.

Code: Select all
<hotspot name="spotpicture61"
visible="true"
style="RectPictureDefaultPictureSpotStyle1"
descriptionid=""
url="%FIRSTXML%/spots/fenster_kopie.jpg"
ath="79.596252"
atv="8.930099"
width="604"
height="601"
rx="8.75274979010713"
ry="34.3278369895943"
rz="-0.689165153092937"
enabled="true"
capture="false"
onclick="onclickspotpicture61"
alpha="0.0"
isopen="0"
zorder="2"
zorder_backup="0"
/>
<action name="onclickspotpicture61">
if(isopen== 1, spotflybackspotpicture61(), spotflyoutspotpicture61() );
</action>

<action name="spotflyoutspotpicture61">
ifnot (hotspot[spotpicture61].isopen == 1,
tween(hotspot[spotpicture61].alpha, 1.0);
tween(hotspot[spotpicture61].isopen, 1);
);
</action>
<action name="spotflybackspotpicture61">
ifnot (hotspot[spotpicture61].isopen == 0,

tween(hotspot[spotpicture61].alpha, 0.0);
tween(hotspot[spotpicture61].isopen, 0);
);
</action>
<events name="eventsspotpicture61" onremovedisplayedobject="spotflybackspotpicture61"/>

<action name="hidepanopicturespots">
set(hotspot[spotpicture61].visible, false);
</action>
<action name="showpanopicturespots">
set(hotspot[spotpicture61].visible, true);
</action>


<action name="showpanospotsaction">
if (tour_displayspots,
showpanopicturespots();
);
</action>
<action name="hidepanospotsaction">
hidepanopicturespots();
</action>


<action name="setzorder2onstandardspots">
if (device.html5,
ifnot (device.desktop,


);
);
</action>

User avatar
zebragruen
Member
 
Topic author
Posts: 98
Likes: 0 post
Liked in: 0 post
Joined: Fri Feb 18, 2011 11:00 am
Location: Brandenburg
Info

Re: Looking for a way to show one feature chaning in the pan

by zebragruen » Thu Oct 16, 2014 7:28 am

Wonderful. Thanks for spending your brain into this!
Alex

no avatar
Destiny
Moderator
 
Posts: 7879
Likes: 6 posts
Liked in: 227 posts
Joined: Mon Apr 26, 2010 11:55 pm
Location: Australia
Info

Re: Looking for a way to show one feature chaning in the pan

by Destiny » Thu Oct 16, 2014 9:16 pm

Can't wait to see the final results.. I always thought that feature was a Flash file.. Being code, I assume it will work on Tablets..

Destiny...

User avatar
benji33
Kolor Team
 
Posts: 5764
Likes: 86 posts
Liked in: 191 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: Looking for a way to show one feature chaning in the pan

by benji33 » Fri Oct 17, 2014 9:12 am

Yes Destiny works on HTML5 viewer.
HTML5 player has some limitations (directional sounds, masks, ...) but is more and more powerful.


Who is online

Users browsing this forum: No registered users and 10 guests

cron