layer onclick ausblenden auf dem iphone

lmat

Hallo Allerseits,

in meinem Rundgang erscheint im Start-Panorama ein zentrierter Layer mit einer Benutzersanweisung, ähnlich eines Tooltips in einer Lightbox. Der Betrachter wird angehlten diesen per click zu schließen um den Rundgang zu starten. Der click blendet den Layer aus und startet gleichzeitig die Hintergrundmusic auf dem iphone. Funktioniert im ipad super. Im iphone wird der layer leider nicht ausgeblendet. Was mach ich falsch? Hier mein Code:

Code

<action name="startmusic">
			playsound(bgsnd,%SWFPATH%/music/NightWalk.mp3|%SWFPATH%/music/NightWalk.ogg, 0);
 </action>


 <action name="hidestartlayer">
	tween(layer[startlayer].alpha,0,,,set(layer[startlayer].visible,false));
</action>
<scene ...>
<layer name="startlayer"
		type="image"
		url="skin/startlayer.png"
   		align="center" width="620" height="380"
   		alpha="0.5"
   		onclick="if(ismobile, hidestartlayer()); hidestartlayer();"
   	/>
...
</scene>

Alles anzeigen

Hat vielleicht jemand eine Idee warum der Layer auf dem iphone stehen bleibt? Oder kann man das viel besser umsetzen?

Grüße Lutz

klaus.krpano

Hi,

An dem Code selbst kann man das jetzt erkennen warum es nicht funktionieren sollte...
Nur dieser Teil hier sieht seltsam aus:

Zitat

if(ismobile, hidestartlayer()); hidestartlayer();

Warum soll auf mobilen Geräten die hidestartlayer() Action 2x ausgeführt werden?

Schöne Grüße,
Klaus

lmat

Hallo Klaus,

danke für die Antwort. Ich hatte das 'startmusic()' in meinem Code vergessen.
Bei cklick auf den layer soll auf mobilen Endgeräten, wie bei meinem iphone, die Music starten und der Layer sich ausblenden. -hatte in der Doku gelesen, dass auf dem iphone, das automatische Starten von Musik nicht unterstützt wird. Darum click auf den Begrüßungs-layer. Das zweite " hidestartlayer()" soll dann für alle nicht-mobilen Geräte gelten.

Leider besteht das Problem noch weiter, der Layer wird nicht auf dem iphone ausgeblendet, sondern blockiert das restliche Interface.

???

Ich habe den besagten layer in die Start-Scene platziert. Sollte ich den lieber in die Skin einbauen?
Wie baut man eine eigene Skin? Gibt es da ein gutes Tutorial?

Hier der Code nochmal...

Code

<action name="startmusic">
			playsound(bgsnd,%SWFPATH%/music/NightWalk.mp3|%SWFPATH%/music/NightWalk.ogg, 0);
 </action>


 <action name="hidestartlayer">
	tween(layer[startlayer].alpha,0,,,set(layer[startlayer].visible,false));
</action>
<scene ...>
<layer name="startlayer"
		type="image"
		url="skin/startlayer.png"
   		align="center" width="620" height="380"
   		alpha="0.5"
   		onclick="if(ismobile, startmusic(), hidestartlayer()); hidestartlayer();"
   	/>
...
</scene>

Alles anzeigen

Viele Grüße

Lutz

lmat

Hallo,

ich habe nocheinmal mit etwas herumprobiert und den Code geändert. Habe den Layer jetzt in der skintour.xml platziert. Das mit dem Layer ausblenden funktioniert jetzt auch auf dem iphone...
Hier der code:

Code

<!-- Skin Layout -->
	
<layer name="snd" type="image" url="sound.png" keep="true" align="lefttop" x="10" y="9" alpha="0.5" scale="1" onover="tween(alpha,1);" onout="tween(alpha,0.5);" crop="0|0|50|50" onloaded="if(ismobile,set(scale,1));" onclick="pausesoundtoggle(bgsnd); switch(crop, 0|50|50|50, 0|0|50|50);"/>
	
   <layer name="startlayer" type="image" url="startlayer.png" keep="true" align="center" width="420" height="250" x="0" y="0" alpha="0.8" onclick="hidestartlayer(); if(ismobile, startmusic());" />
   	
 <layer name="skin_scroll_window" type="container" keep="true" align="leftbottom" width="100%" height="100%" x="0" y="60" y_opened="60" y_closed="-2" maskchildren="true">
 ...

Wie gesagt, der Layer erscheint mittig und muss vom Betrachter weggeclickt werden( startet den Sound auf dem iphone ). Soweit so gut... es funktioniert!
Aber das Interface reagiert auf meinem iphone nicht mehr.
Ist der layer falsch platziert? Woran liegt das?

Ich bin ja ein bisschen am verzweifeln...

Nupsi

Moin

Bin zwar gerade erst beim ersten Kaffee, aber sollte diese Zeile
tween(layer[startlayer].alpha,0,,,set(layer[startlayer].visible,false));
nicht eher so aussehen
tween(layer[startlayer].alpha,0,0,default,set(layer[startlayer].visible,false));
?

Vor allem aber, warum tweenst Du den layer auf alpha=0, wenn Du eh keinen Tweenzeitraum angibst und der layer da fakto eh sofort ausgeblendet wird? Da täte ein "set(layer[startlayer].visible,false)" ja reichen. Und falls der layer nicht irgendwann nochmal benötigt wird, könntest Du ihn doch eigentlich auch gleich ganz entfernen, oder?!

Gruß
Nupsi

lmat

Nupsi,

Moin,

Danke für die Antwort!

- bin selber ein absoluter Neuling... Hatte mir den Code hier aus dem Forum zusammengesucht.
Davon mal abgesehen wird der Layer schön ausgeblendet. Also wirklich ausgeblendet... hab in der Doku nochmal nachgesehen, die Default-time ist 0.5. Deswegen also!

Ja, der Layer wird dann nicht mehr gebraucht bzw. kann entfernt werden. Ich, als Neuling, schaue da in der Doku nach und finde da das Attribut "keep" und "enabled"... Die Action sieht jetzt so aus:

Code

<action name="hidestartlayer">
			tween(layer[startlayer].alpha,0,0.5,default);
			set(layer[startlayer].keep, false);
			set(layer[startlayer].enabled, false);
</action>

Auf meinem macbook funktioniert es! Auf meinem iphone, blendet sich der layer aus bei click. Die Musik startet auch. ABER: Das komplette Interface/Skin reagiert nicht mehr ... auch kein Hotspot...???

Wenn ich den Layer nicht einsetze/ausdookumentiere funtioniert auch alles so wie es soll. Liegt es vielleicht daran, dass ich den Layer an der falschen Stelle in der Skin positionert habe?
(wie schon gesagt: startpunkt ist mit dem MAKE VTOUR (MULTIRES) droplet erzeugt worden)

Habe meinen Layer am Anfang des normalen Skinlayouts positioniert:

Code

<!-- Skin Layout -->
	
	<layer name="snd" type="image" url="sound.png" keep="true" align="lefttop" x="10" y="9" alpha="0.5" scale="1" onover="tween(alpha,1);" onout="tween(alpha,0.5);" crop="0|0|50|50" onloaded="if(ismobile,set(scale,1));" onclick="pausesoundtoggle(bgsnd); switch(crop, 0|50|50|50, 0|0|50|50);"/>
	
   <layer name="startlayer" type="image" url="startlayer.png" keep="true" align="center" width="420" height="250" x="0" y="0" alpha="0.8" onclick="hidestartlayer(); if(ismobile, startmusic());" />
   	
	<layer name="skin_scroll_window" type="container" keep="true" align="leftbottom" width="100%" height="100%" x="0" y="60" y_opened="60" y_closed="-2" maskchildren="true">
		<layer name="skin_scroll_layer" type="container" align="leftbottom" width="100%" height="100%" x="0" y="-100%">
			<layer name="skin_topborder" url="vtourskin.png" crop="2|0|60|12" align="topleft" edge="bottomleft" width="100%" height="12" x="0" y="0" enabled="false" />
			<layer name="skin_title" 	url="%SWFPATH%/plugins/textfield.swf" align="lefttop" edge="leftbottom" width="95%" height="32" autoheight="true" x="5" y="-3" zorder="4" enabled="false" background="false" border="false" css="text-align:left; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;" textshadow="1" visible="false" />
			<layer name="skin_scroll_container" type="container" bgcolor="0x000000" bgalpha="0.5" align="lefttop" width="100%" height="100%" x="0" y="0" maskchildren="true">
				<layer name="skin_thumbs" state="closed" url="%SWFPATH%/plugins/scrollarea.swf" alturl="%SWFPATH%/plugins/scrollarea.js" direction="h" visible="false" align="top" width="100%" height="100" onloaded="skin_updatescroll();" />
				<layer name="skin_map"	state="closed" url="" flash_url="%SWFPATH%/plugins/bingmaps.swf" html5_url="%SWFPATH%/plugins/bingmaps.js" visible="false" align="lefttop" width="100%" height="50%" x="0" y="0" zorder="1" lat="0" lng="0" zoom="2" bgalpha="0" maptype="satellite" onmapready="skin_addmapspots();">
					<maptypecontrol visible="true" align="righttop" x="5" y="5" buttonalign="v" />
					<radar visible="false" headingoffset="0" />
					<spotstyle name="DEFAULT" url="vtourskin_mapspot.png" activeurl="vtourskin_mapspotactive.png" edge="bottom" x="-5" y="-8" scale="0.5" />
					<layer name="skin_map_zoom_in"  url="vtourskin.png" visible="false" crop="9|512|46|64"  align="right" x="0" y="-40" zorder="2" ondown="layer[skin_map].zoomin();  skin_buttonglow(get(name));" onup="skin_buttonglow(null);" />
					<layer name="skin_map_zoom_out" url="vtourskin.png" visible="false" crop="73|512|46|64" align="right" x="0" y="+40" zorder="2" ondown="layer[skin_map].zoomout(); skin_buttonglow(get(name));" onup="skin_buttonglow(null);" />
				</layer>
			</layer>
		</layer>
	</layer>

Alles anzeigen

Warum reagiert auf dem iphone das Interface nicht mehr???

Grüße Lutz

Nupsi

Vom Code her siehts erstmal iO aus, auch wenn Du im Beispiel oben noch immer keep=true zu stehen hast. Aber sagtest ja, Du hättest es geändert. Ansonsten wüsste ich auf die Schnelle auch nicht woran es liegen könnte. krpano ist manchmal etwas zickig, wenn zB der Name eines layers/plugins den Namen einer Funktion hat, oder in welcher Reihenfolge Funktionen aufgerufen werden. Hast mal versucht zuerst die Musik zu starten, anschließend den Layer auszufaden und nach einem kurzen delay den Layer zu entfernen? Nicht selten liegen solche Fehler einfach am timing.

Oh...ich sehe gerade, Du setzt das keep=false und enabled=false erst in der action. Das könnte natürlich problematisch werden, da diese in der action bereits aufgerufen werden, während der tween noch am laufen ist. krpano arbeitet die Befehle in der action nicht zwingenderweise der Reihe nach ab, oder wartet gar mit dem ausführen bis die vorherige Zeile abgearbeitet ist.
Mein Tipp: Setze den Layer standardmäßig auf "keep=false" und schreibe das onclick-event wie folgt um:

onclick="if(ismobile,startmusic());tween(alpha,0,0.5,default,set(visible,false);removelayer(startlayer))";

Das set(visible,false); könntest Du Dir in diesem Fall sogar schenken, da dies beim entfernen ja eh keine Rolle mehr spielt.

Gruß
Nupsi

layer onclick ausblenden auf dem iphone

Jetzt mitmachen!

Benutzer online in diesem Thema