Sie sind nicht angemeldet.

1

Montag, 30. März 2009, 19:21

Bottons

Hallo an Alle, würde gerne meine bottons wie plus, minus, left, usw. verkleinert darstellen wollen. Bei onhover sollen sie dann auf die jetzige größe zoomen. Hoffe mir kann da jemand weiter helfen. so schauen sie jetzt aus Gruß Wilfried

2

Montag, 30. März 2009, 21:29

Buttons....

Hm- ich denek du arbeitest mit Pano2VR ???

Bin ich überhaupt nicht im Bilde -> bei TW erstellst du entsprechend 2 Buttons uns sagst
dem System welches er bei "Mouse-Over" benutzen soll.
So ähnlich sollte es doch auch in Pano2VR gehen .

3

Dienstag, 31. März 2009, 14:02

Hallo an Alle, würde gerne meine bottons wie plus, minus, left, usw. verkleinert darstellen wollen. Bei onhover sollen sie dann auf die jetzige größe zoomen. Hoffe mir kann da jemand weiter helfen. so schauen sie jetzt aus


Hi,

das wäre eine Möglichkeit:

zuerst zwei Aktionen (<action>) für onover und onout im XML definieren,
diese Aktionen sollen die Größe und Position der Buttons verändern:

Zitat

<action name="overeffect">

    set(blendmode,add);
       
    tween(plugin[in].scale,1);
    tween(plugin[out].scale,1);
    tween(plugin[left].scale,1);
    tween(plugin[right].scale,1);
    tween(plugin[up].scale,1);
    tween(plugin[down].scale,1);
    tween(plugin[home].scale,1);
    tween(plugin[openfs].scale,1);
    tween(plugin[closefs].scale,1);
       
    tween(plugin[in].x,-160);
    tween(plugin[out].x,-120);
    tween(plugin[left].x,-80);
    tween(plugin[right].x,-40);
    tween(plugin[up].x,0);
    tween(plugin[down].x,40);
    tween(plugin[home].x,80);
    tween(plugin[openfs].x,120);
    tween(plugin[closefs].x,120);
       
</action>                     
   
<action name="outeffect">
   
    set(blendmode,screen);
       
    tween(plugin[in].scale,0.5);
    tween(plugin[out].scale,0.5);
    tween(plugin[left].scale,0.5);
    tween(plugin[right].scale,0.5);
    tween(plugin[up].scale,0.5);
    tween(plugin[down].scale,0.5);
    tween(plugin[home].scale,0.5);
    tween(plugin[openfs].scale,0.5);
    tween(plugin[closefs].scale,0.5);
       
    tween(plugin[in].x,-80);
    tween(plugin[out].x,-60);
    tween(plugin[left].x,-40);
    tween(plugin[right].x,-20);
    tween(plugin[up].x,0);
    tween(plugin[down].x,20);
    tween(plugin[home].x,40);
    tween(plugin[openfs].x,60);
    tween(plugin[closefs].x,60);
       
</action>



bei den Buttons dann die onover/onout Events austauschen und diese Aktionen aufrufen:

Zitat

<!-- direction/zoom buttons -->        
<plugin name="in"    url="btn_plus.jpg"  align="bottom" edge="bottom" y="20" x="-160" blendmode="screen" ondown="set(movevectorz,-1);"  onup="set(movevectorz,0);" onover="action(overeffect);" onout="action(outeffect);" />
<plugin name="out"   url="btn_minus.jpg" align="bottom" edge="bottom" y="20" x="-120" blendmode="screen" ondown="set(movevectorz,+1);"  onup="set(movevectorz,0);" onover="action(overeffect);" onout="action(outeffect);" />
<plugin name="left"  url="btn_left.jpg"  align="bottom" edge="bottom" y="20" x="-80"  blendmode="screen" ondown="set(movevectorx,-1);"  onup="set(movevectorx,0);" onover="action(overeffect);" onout="action(outeffect);" />
<plugin name="right" url="btn_right.jpg" align="bottom" edge="bottom" y="20" x="-40"  blendmode="screen" ondown="set(movevectorx,+1);"  onup="set(movevectorx,0);" onover="action(overeffect);" onout="action(outeffect);" />
<plugin name="up"    url="btn_up.jpg"    align="bottom" edge="bottom" y="20" x="-0"   blendmode="screen" ondown="set(movevectory,-1);"  onup="set(movevectory,0);" onover="action(overeffect);" onout="action(outeffect);" />
<plugin name="down"  url="btn_down.jpg"  align="bottom" edge="bottom" y="20" x="+40"  blendmode="screen" ondown="set(movevectory,+1);"  onup="set(movevectory,0);" onover="action(overeffect);" onout="action(outeffect);" />
   
<!-- hotspot/home/info/fullscreen buttons -->

<plugin name="home"    url="btn_home.jpg"                      align="bottom" edge="bottom" y="20" x="+80"  blendmode="screen" onhover="showtext(Move to Home);"       onover="action(overeffect);"  onout="action(outeffect);" onclick="lookto(0.0,7,97);"         />
<plugin name="openfs"  url="btn_openfs.jpg"  visible="true"  align="bottom" edge="bottom" y="20" x="+120"  blendmode="screen" onhover="showtext(Enter Fullscreen);"  onover="action(overeffect);"  onout="action(outeffect);" onclick="set(fullscreen,true);"   />
<plugin name="closefs" url="btn_closefs.jpg" visible="false" align="bottom" edge="bottom" y="20" x="+120"  blendmode="screen" onhover="showtext(Exit Fullscreen);"   onover="action(overeffect);"  onout="action(outeffect);" onclick="set(fullscreen,false);"  />



dann helft nur noch eins - damit mit Buttons schon zu Begin verkleinert sind,
entweder alle Postionen anpassen und "scale" setzen, oder einfach die
die onout Aktion (outeffect) schon im "onstart" aufrufen:

Zitat

<krpano onstart="action(outeffect);">
...



anbei als Anhang noch ein komplettes XML Beispiel,
dieses XML lässt sich auch komplett per:

Zitat

<include url="buttons.xml" />

in ein Haupt/Panorama XML einbinden
(Achtung - in dem Fall aber die eventuellen schon vorhandenen
gleichen Buttons aus dem XML entfernen )

Schöne Grüße,
Klaus
»krpano coder« hat folgende Datei angehängt:
  • buttons.zip (12,62 kB - 98 mal heruntergeladen - zuletzt: Gestern, 01:16)

4

Dienstag, 31. März 2009, 19:13

Hm- ich denek du arbeitest mit Pano2VR ???

Bin ich überhaupt nicht im Bilde -> bei TW erstellst du entsprechend 2 Buttons uns sagst
dem System welches er bei "Mouse-Over" benutzen soll.
So ähnlich sollte es doch auch in Pano2VR gehen .
Danke für die Antwort Gruß Wilfried

5

Dienstag, 31. März 2009, 19:18

Hi, das wäre eine Möglichkeit:
Hallo Klaus, recht herzlichen Dank für die Mühe die Du dir immer wieder gibst. Gruß Wilfried