HTML5 シェイク コードの最適化には DeviceMotionEvent などが含まれます_html5 チュートリアル スキル

まず、DeviceMotionEvent を最適化します。

不要なコードを削除し、DeviceMotionEven を再パッケージします。

コードを次のようにコピーします。 🎜> if(window.DeviceMotionEvent) {

var Speed = 25;//値を定義します

var x = y = z = lastX = lastY = lastZ = 0;/ /すべてリセットvalue

window.addEventListener('devicemotion', function(){
var加速度 =event.accelerationincludeGravity;//検出値を加速度に割り当てます
x =加速度.x;
y = 加速度。 y;
z =加速度.z;
if(Math.abs(x-lastX) > 速度 || Math.abs(y-lastY) > 速度 ) {
// TODO: ここ
donghua();
lastX = x;
lastZ = z
} ; を実行した後に実行されるデータ ロジック操作を実装できます。 );
}


実際のプロジェクトではうまく実装できない要件が多数あるため、

例: DeviceMotionEvent イベントを実行するまでアニメーションを続行できません。 ;

さらに最適化が行われました。

コードをコピーします。


コードは次のとおりです。

var f=1;

function donghua(){ //アニメーション イベント$(".img").animate({left:'0',opacity :' 1'},700,function(){f=1;}); if(window.DeviceMotionEvent) { var Speed = 25;//値を定義します

var x = y = z = lastX = lastY = lastZ = 0;//すべての値をリセット

window.addEventListener('devicemotion', function(){

var加速度 =event.accelerationincludeGravity;//加速度に割り当てられた値
x =加速度.x;
z =加速度.z; Speed || Math .abs(y-lastY) > Speed ) {
// TODO: ここで、
if(f==1){
を振った後に実行されるデータ ロジック操作を実装できます。 donghua( );
}
}
lastY = y;
; >}


これで完璧です