Entradas con la etiqueta ‘arrastrar’

Cubiq Swipeview

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

He encontrado un efecto de swipe (deslizar con el dedo) para las galerías de fotos que simulan un iPad en un navegador de sobremesa.

Normalmente lo que se hace es arrastrar y que al final «salte» el evento de siguiente, y eso no mola. El usuario espera que se vaya visualizando el arrastre según mueve el dedo (o el ratón).

Con esta librería funciona tipo iPad, y la verdad va muy fino en iPad, desktop, Android 

http://cubiq.org/swipeview

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 – Cuerda

Publicado por Iván Gajate el 23 de febrero de 2012 en AS3, Flash, Lab | 14 comentarios »

Basándonos en el post anterior de arrastrar un movieclip, podemos concatenar varios clips vacíos a una distancia muy corta, y el resultado es una cuerda! 🙂

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

 

Descargar ejemplo arrastrar puntos

AS3 – Seguir un punto

Publicado por Iván Gajate el 23 de febrero de 2012 en AS3, Flash, Lab | Los comentarios están cerrados.

Vamos a arrastrar un clip de película como si estuviese enganchado con un alambre rígido, de tal manera que puede girar pero no doblarse.
Arrastrar el de la izquierda:

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

Leer el resto de esta entrada

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