Berøringshendelser

Det er mulig å skrive berøringsbevisste apper som fungerer på tvers av mange mobile enheter. Berøringsbevisste nettlesere for stasjonære datamaskiner er like rundt hjørnet; gjør deg klar nå.

Dukket først opp i Mobile Safari for iOS 2.0.

Fire grunnleggende hendelser:

• touchstart
• touchmove
• touchend
• touchcancel

Felter i hendelsesobjektet:

• touches
• targetTouches
• changedTouches
• modifikatortaster (shift, alt, ctrl, meta)

Felter i berøringsobjektet:

• identifier
• clientX/Y
• pageX/Y
• screenX/Y

Nå en W3C-arbeidsutkast.

Relatert: Unity Asset Store — Ferdiglaget kunst, verktøy og maler som faller rett inn i Unity-prosjektet ditt.

Mange forskjeller mellom leverandører eksisterer fortsatt:

• touchenter / touchleave (Firefox, Blackberry)
• gesturestart / gesturechange / gestureend (mobile Safari)
• MSPointer* / MSGesture* (IE10)

Atferd som ligner på nativ kode

Enheter med alternative inndatametoder.

• Multi-touch
• FF6+ støtter W3C-stil berøringshendelser
• IE10 har MSPointer* / MSGesture*
• Ingen støtte i WebKit ennå

Deaktiver standard håndtering av bevegelser (panorering / zooming / rulling):

Vårt valg: Udemy Game Development Courses — On-demand-kurs som dekker Unity, Unreal, C++, C# og shader-programmering.

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

og

document.body.addEventListener('touchmove', function(event) { event.preventDefault(); }, false);

Deaktiver standard håndtering av bevegelser (panorering / zooming / rulling). Håndter rendering i en løkke:

var touches = [], // kunne også brukt requestAnimationFrame() her
renderLoop = setInterval(function() {
  draw(touches); // kall vår draw-funksjon
}, 15);

myElement.addEventListener('touchmove', function(e) {
  touches = e.touches;
}, false);

Deaktiver standard håndtering av bevegelser (panorering / zooming / rulling). Håndter rendering i en løkke. Støtt enheter med enkeltberøring (f.eks. Android-telefoner).

Deaktiver standard håndtering av bevegelser (panorering / zooming / rulling). Håndter rendering i en løkke. Støtt enheter med enkeltberøring (f.eks. Android-telefoner). Håndter mushendelser for:

• Telefoner med fysisk peker-maskinvare (f.eks. mange Android-håndsett)
• Telefoner uten støtte for berøringshendelser (f.eks. Windows Phone 7)
• Nettlesere for stasjonære datamaskiner uten berøringsstøtte (f.eks. Chrome)

Deaktiver standard håndtering av bevegelser (panorering / zooming / rulling). Håndter rendering i en løkke. Støtt enheter med enkeltberøring (f.eks. Android-telefoner). Håndter mushendelser.

Støtt berøringsaktiverte nettlesere for stasjonære datamaskiner:

Relatert: Amazon: Game Dev Books & Gear — Spillprogrammeringsbøker, mekaniske tastaturer, skjermer og dev-desk maskinvare.

• Firefox (W3C-stil berøringshendelser)
• IE10 (MSPointer*)

@ @ggoodale