Steuerungsbuttons während Autorotate ausblenden?

Michi · May 23, 2010 at 12:39 PM

Hallo zusammen,

Ich möchte, dass sich die Steuerungsbuttons während Autorotate automatisch ausblenden und sobald der Benutzer wieder eingreift
sollen sie wieder sichtbar werden.

Ich habe es schon so probiert:

Quote

<events onclick="set(autorotate.enabled,false);action(ButtonsTweenAlpha1);"
onidle="set(idletime,3);action(ButtonsTweenAlpha0);set(autorotate.enabled,true);"
/>
<action name="ButtonsTweenAlpha0">
tween(plugin[Hoch].alpha,0,2);
delayedcall(2, set(plugin[Hoch].visible,false);
</action>

<action name="ButtonsTweenAlpha1">
set(plugin[Hoch].visible,true);
tween(plugin[Hoch].alpha,1,2);
</action>

Display More

Das funktioniert nur nicht ganz so wie gedacht.
1. Klickt man mit einem einfachen Klick in das Panorama, stopt zwar die Autorotation und die Buttons werden eingeblendet aber die Autorotation startet nicht mehr.
2. Die Buttons werden mittels delayedcall nach dem Alpha tween unsichtbar gemacht. Greift man jetzt innerhalb der 2 Sekunden, in denen der tween stattfindet, wieder in das Panorama ein,
stopt die Autorotation und die Buttons werden wieder sichtbar. Da aber der delayedcall weiterhin ausgeführt wird, werden die Buttons fälschlicherweise anschließend unsichtbar.

Lässt sich mein Problem irgendwie anders lösen? Danke schonmal im Vorraus für eure Hilfe.

Viele Grüße
Michael

klaus.krpano · May 25, 2010 at 11:01 AM

Hi,

hier eine Möglichkeit:

Code

<krpano idletime="3.0">


    ...


    <autorotate enabled="false" waittime="0" />


    <events onidle="set(autorotate.enabled,true); hidebuttons();"
            onclick="if(autorotate.enabled, set(autorotate.enabled,false); invalidatescreen(); showbuttons(); );"
            />


    <action name="hidebuttons">
        tween(plugin[Hoch].alpha, 0.0, 2.0, set(plugin[Hoch].visible,false) );
    </action>


    <action name="showbuttons">
        set(plugin[Hoch].visible,true);
        tween(plugin[Hoch].alpha, 1.0, 0.5);
    </action>


</krpano>

Display More

die "waittime" von autorotate wird auf "0" gesetzt, damit die Rotation sofort startet, sobald diese auf "enabled" geschaltet wird,
dazu wird dann das "onidle" Event verwendet (die "idletime" sollte dabei vorher schon gesetzt sein, z.B. direkt im <krpano> Knoten),
beim "onclick" Event ist der Aufruf von "invalidatescreen()" wichtig, sonst wird, falls nur geklickt wurde, ohne im Pano etwas zu bewegen, intern die "idle" Zeit nicht zurückgesetzt, zum "visible" auf "false" setzen sollte nicht delayedcall() sondern die "done" Action des tween() Befehls verwendet werden,

Schöne Grüße,
Klaus

Michi · May 28, 2010 at 5:28 PM

Servus Klaus,

danke für die Antwort, hat super geklappt.

Ich fürde noch gern eine weitere funktion einbauen.

Nachdem die Buttons mit hidebuttons ausgeblendet worden sind, sollen sie wieder sichtbar werden, wenn man mit der Maus über die Stelle
fährt, an der sie sich befinden.

Dazu habe ich eine Maske mit einem transparenten png erstellt die standardmäßig untern den buttons liegt. In der hidebuttons habe ich jetzt den
Eintrag ergänzt, dass sich die zorder dieser Maske ändert:

Quote

<plugin name="ButtonsMaske"
keep="true"
origin="center-bottom"
url="img/buttons_maske.png"
y="10" x="-0"
zorder="0"
onover="set(plugin[ButtonsMaske].zorder,0);showbuttons();"
handcursor="false"
/>
<action name="hidebuttons">
tween(plugin[Hoch].alpha, 0.0, 1.0, ,set(plugin[Hoch].visible,false) );set(plugin[ButtonsMaske].zorder,20);
</action>
<action name="showbuttons">
set(plugin[Hoch].visible,true);
tween(plugin[Hoch].alpha, 1.0, 1.0);
set(plugin[ButtonsMaske].zorder,-0);
</action>

Display More

Das klappt soweit auch. Jetzt sollen aber alle Buttons sobald man mit dem Mauszeiger von einem runterfährt, nach sagen wir 3 sec wieder ausgeblendet werden, ungeachtet davon ob ich jetzt ins Bild oder auf die Buttons geklickt habe.

Lässt sich das zusammen mit den bisherigen Aktionen verwirklichen?

Viele Grüße
Michael

Michi · May 29, 2010 at 1:51 PM

Hat sich erledigt, bin selbst draufgekommen.

Viele Grüße
Michael

funny2pano · June 2, 2010 at 5:23 PM

Und wie?

Michi · June 2, 2010 at 8:54 PM

Hab die png-Maske ergänzt:

Quote

<plugin name="ButtonsMaske"
keep="true"
origin="center-bottom"
url="img/buttons_maske.png"
y="136" x="-15"
zorder="0"
onover="set(plugin[ButtonsMaske].zorder,0);showbuttons();"
onout="delayedcall(4.5, hidebuttons());"
handcursor="false"
/>

Display More

onover blendet die Buttons ein, mit onout verschwinden Sie nach 4.5 sec wieder wenn man von den Buttons runterfährt.

Participate now!