iPhone 4 und iPad 2 only Button

Karotte

Anfänger

Beiträge: 43

Wohnort: Leipzig

Beruf: Selbständig

Mittwoch, 28. September 2011, 09:31

iPhone 4 und iPad 2 only Button

Hallo,
da ja leider nur iPhone 4 und iPad 2 über einen Gyroscopesensor verfügen würde ich gerne nur bei diesen Geräten einen Button anzeigen lassen.
Mit dem devices Parameter kann ich es zwar für iPhone und iPad regeln aber das betrifft ja dann auch ältere Versionen (iPad 1 und iPhone 3)...

Hat jemand einen Tipp?

Grüße aus Leipzig
Marcus

http://www.le-pano.de/

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Mittwoch, 28. September 2011, 13:37

Hi,

eine echte Erkennung per Javascript ob es sich um ein iPad1 oder iPad2 handelt ist leider nicht möglich,
es wäre zwar möglich z.B. zu erkennen ob Gryoscope-Unterstützung vorhanden ist, aber dann darauf auf ein iPad2 zu schließen wäre falsch, es könnte sich ja beispielsweise auch um ein iPad3 oder sonstiges neues iPad handeln...

falls es aber nur um die Gryoscope Erkennung geht, dann könnte auch ein Code wie folgender verwendet werden - dieser verwendet den "available" Wert des Plugins (welche aber nach der Erkennung selbst zur Verfügung steht, deshalb das delayedcall):

	Quellcode
1 2 3	<plugin name="gyro" url="../../gyro.js" enabled="true" camroll="true" friction="0.5" velastic="0.2" devices="html5" keep="true" onloaded="delayedcall(1,ifnot(available, showgyrowarning()));" />

dieser Code wird z.B. hier in diesem Beispiel verwendet:
http://krpano.com/plugins/userplugins/fi…mples/gyro.html
xml:
http://krpano.com/plugins/userplugins/fi…amples/gyro.xml

Schöne Grüße,
Klaus

Zum Seitenanfang

opticalfx

Schüler

Beiträge: 62

Wohnort: Peterborough, UK

Beruf: Virtual Tour Photographer

Freitag, 17. Februar 2012, 09:57

I think this answers a question of mine about Gyro not working on iPad1 and how to set a difference but as it's not in English I can't read it *sad*

Klaus, could you please let me see your answer in English please.

Many thanks,

Adrian

Many thanks,

Adrian Salisbury, UK
Smart Virtual Tours

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Montag, 20. Februar 2012, 19:24

Hi,

the answer is about how to detect the availability of the gryo sensor on the device:

when the "available" variable of the plugin is "true" then the device has a gryo sensor,
but it takes a bit until the plugin is setting that value, so the "delayedcall" before checking it,

best regards,
Klaus

Zum Seitenanfang

Adrian-opticalfx

Schüler

Beiträge: 62

Wohnort: Peterborough, UK

Beruf: Virtual Tour Photographer

Dienstag, 21. Februar 2012, 12:43

Thanks for explaining this Klaus but could you help a little more please.

Rather than popping up a warning I want to only make my gyro button appear if gyro is available and by default have it turned off on load.

Currently I have this script for the button so that it can be turned on/off.

Quellcode

<plugin name="gyro" url="gyro.js" enabled="false" camroll="true" friction="0.5" velastic="0.2" devices="html5" keep="true" />

<plugin name="gyro-button" style="gyrobutton" devices="iphone|ipad" align="righttop" x="30" y="30" width="120" html="[p]Gyro on[/p]" onclick="switch(plugin[gyro].enabled); set(view.camroll,0.0); if(plugin[gyro].enabled == false, set(html,[p]Gyro on[/p]), set(html,[p]Gyro off[/p]));"/> /> 

	<style name="gyrobutton"
		url="plugins/textfield.swf"
		keep="true"
		children="false"
		height="22"
		onloaded="set(alpha,0); set(textblur,15); set(blur,15); tween(alpha,1.0,0.3); tween(textblur,0,0.3); tween(blur,0,0.3);"
		onover="tween(alpha,0.7,distance(0.3,0.2));"
		onout="tween(alpha,1.0,distance(0.3,0.2));"
		autosize="none"
		css="p{color:#FFFFFF; font-family:Arial; font-size:14; margin-left:5; margin-right:5; text-align:center; }"
		background="true" backgroundcolor="0x000000" backgroundalpha="0.7"
		bordercolor="0" borderwidth="0"
		blur="0"
		glow="4"
		glowcolor="16777215"
		roundedge="5"
		shadow="1"
		textblur="0" textglow="0" textglowcolor="16777215" textshadow="0"
	/>

Could you explain how your plugin and action would make this work please? *unsure*

Many thanks,

Adrian Salisbury, UK
Smart Virtual Tours

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Dienstag, 21. Februar 2012, 15:36

Hi,

just add an onloaded event to the gyro plugin and check there after a delayedcall the available variable,
then e.g. when when available=true show your gyro button, and by default set your gyro button to invisible,

e.g.

	Quellcode
1 2 3 4 5 6 7	<plugin name="gyro" ... onloaded="delayedcall(1,if(available, set(plugin[gyro-button].visible,true); ));" /> <plugin name="gyro-button" ... visible="false" />

best regards,
Klaus

Zum Seitenanfang

Adrian-opticalfx

Schüler

Beiträge: 62

Wohnort: Peterborough, UK

Beruf: Virtual Tour Photographer

Mittwoch, 22. Februar 2012, 11:23

Excellent, that works a treat, thanks!

Many thanks,

Adrian Salisbury, UK
Smart Virtual Tours

Zum Seitenanfang

Adrian-opticalfx

Schüler

Beiträge: 62

Wohnort: Peterborough, UK

Beruf: Virtual Tour Photographer

Mittwoch, 22. Februar 2012, 11:58

Just to complicate this further, my client wants autorotate set true but that messes up the gyro. If I want to add a second command to the if statement how do I write it?

Current code: