T
tanzverfuehrung
Neues Mitglied
- 0
Hallo, also ich soll will mal bisschen mit phone gab rum spielen und ausprobieren!
leider habe ich keine erfahrung mit javascript und html, sondern bis jetzt nur mit Java.
ich wollte ein beispiel nach programmieren, für mein verständnis, dass ich danach mir ein eigenes spiel erstellen kann!
mir geht es am meisten um den Accelerometer
PhoneGap API Documentation
da habe ich ein schönes beispiel gefunden:
The ADC presents PhoneGap APIs « PhoneGap
, was ich anch programmieren soll
meine index.html
sieht so aus
mein app jedoch zeigt mir keinen button an, sondern nur die fenster für x,y,z !
kann mir eventuell jemand weiter helfen?
wo kommen diese datein her?
application.css
und accelerometer.css????
muss ich sie downloaden oder selber schreiben?
das verstehe ich nciht ganz..!und finde leider auch kein gutes beispiel für den Accelerometer
die java script datein habe ich gedownloaded
leider habe ich keine erfahrung mit javascript und html, sondern bis jetzt nur mit Java.
ich wollte ein beispiel nach programmieren, für mein verständnis, dass ich danach mir ein eigenes spiel erstellen kann!
mir geht es am meisten um den Accelerometer
PhoneGap API Documentation
da habe ich ein schönes beispiel gefunden:
The ADC presents PhoneGap APIs « PhoneGap
, was ich anch programmieren soll
meine index.html
sieht so aus
HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Accelerometer</title>
<link rel="stylesheet" href="styles/application.css" type="text/css" />
<link rel="stylesheet" href="styles/accelerometer.css" type="text/css" />
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.mobil-1.0.min.js"></script>
<script type="text/javascript">
$ (document).bind('deviceready', function(){
var watchId= = 0;
$ ( '#btnWatch' ).bind( 'touchstart', function(){
if( watchId == 0 )
{
watchId = navigator.accelerometer.watchAcceleration( function(acceleration )
$( '#txtX' ).attr( 'value', acceleration.x );
$( '#txtY' ).attr( 'value', acceleration.y );
$( '#txtZ' ).attr( 'value', acceleration.z );
}, function( error ){
console.log( 'Error' ) ;
},{
frequency: 100
});
$( '#btnWatch' ).html( 'Stop Watching' );
}else{
navigator.accelerometer.clearWatch( watchId );
$( 'btnWatch' ).html( 'Watch Accelerometer');
watchId = 0;
}
</script>
</head>
<body>
<div class= "header">
Accelerometer
</div>
<div class="panel">
<label id="lblX">Acceleration X: </label>
<input id="txtX" type="number" value="0"/>
<label id="lblY">Acceleration Y: </label>
<input id="txtY" type="number" value="0"/>
<label id="lblZ">Acceleration Z: </label>
<input id="txtZ" type="number" value="0"/>
<div id= "btnWatch" class = "hotspot">
Watch Accelerometer
</div>
</div>
</body>
</html>
kann mir eventuell jemand weiter helfen?
wo kommen diese datein her?
application.css
und accelerometer.css????
muss ich sie downloaden oder selber schreiben?
das verstehe ich nciht ganz..!und finde leider auch kein gutes beispiel für den Accelerometer
die java script datein habe ich gedownloaded
Zuletzt bearbeitet: