Entradas con la etiqueta ‘drag’

JS – Fijar el escenario en iPad

Publicado por Iván Gajate el 2 de mayo de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

Normalmente en iPad se puede arrastrar hacia abajo la ventana de una página web mas allá de su límite (elastic scrolling lo llaman ellos).
Esto nos puede fastidiar si queremos hacer una aplicación de dibujo alguna aplicación donde se tengan que arrastrar cosas con el dedo.
Podemos evitar este comportamiento anulando el comportamiento por defecto así:

// Evito que se pueda arrastrar el fondo
document.addEventListener('touchmove', function(e){ e.preventDefault(); });

AS3 – Clase Dragger

Publicado por Iván Gajate el 1 de diciembre de 2011 en AS3, Flash | 11 comentarios »

He hecho una clase para arrastrar y soltar con inercia.

(arrastrar y soltar con inercia)

(Archivo Flash, para verlo necesitas Adobe Flash Player.)

Sirve para cuando queremos arrastrar una galería de fotos con inercia, o cuando queremos rotar algo pero queremos que al llegar al final vuelva al principio, como si de un carrusel se tratase.

Básicamente es un rectángulo que se puede colocar donde se quiera y recoge los eventos de ratón.

Para utilizarlo:

var dragger:Dragger = new Dragger(800, 600);
dragger.addEventListener(Event.CHANGE, arrastrando);
addChild(dragger);

// Emite un evento Change donde puedo recuperar (de 0 a 1) y usarlo para lo que quiera
function arrastrando(e:Event):void{
	trace(dragger.value);
}

Puedo cambiar sus propiedades:

  • inercia
  • rozamiento
  • umbral
  • width
  • height
  • y hacer un destroy() para limpiar los listeners internos.

Descargar Ejemplo Dragable