Pengoptimuman kod goncang HTML5 termasuk DeviceMotionEvent, dsb._html5 kemahiran tutorial

Optimumkan DeviceMotionEvent dahulu;

Alih keluar kod yang tidak berguna dan bungkus semula DeviceMotionEven

Salin kod

kod Seperti berikut:

if(window.DeviceMotionEvent) {
var speed = 25;//Tentukan nilai
var x = y = z = lastX = lastY = lastZ = 0;/ /Set semula semua values
window.addEventListener('devicemotion', function(){
var acceleration =event.accelerationIncludingGravity;//Tugaskan nilai penderiaan kepada pecutan
x = acceleration.x;
y = acceleration. y;
z = pecutan.z;
jika(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
// TODO: Di sini anda boleh melaksanakan operasi logik data yang akan dilakukan selepas menggegarkan
donghua();
}
lastX = x; );
}


Disebabkan oleh banyak keperluan dalam projek sebenar yang tidak dapat dilaksanakan dengan baik,

Contohnya: animasi tidak boleh diteruskan sehingga ia selesai ;

Jadi pengoptimuman lanjut telah dilakukan;


var f=1;
fungsi donghua(){
//Acara animasi

$(".img").animate({left:'0',opacity :' 1'},700,function(){f=1;});

}); >var x = y = z = lastX = lastY = lastZ = 0;//Tetapkan semula semua nilai ​​window.addEventListener('devicemotion', function(){ var acceleration =event.accelerationIncludingGravity;// Akan merasakan Nilai yang diberikan kepada pecutan x = pecutan.x; y = pecutan.y; kelajuan ||. Math .abs(y-lastY) > speed ) {

// TODO: Di sini anda boleh melaksanakan operasi logik data yang akan dilakukan selepas menggegarkan

jika(f==1){

donghua( );
f=0;
}
lastX = x; >}


Kini ia sempurna