Foros del Web » Creando para Internet » Flash y Actionscript »

Ayuda para lograr un efecto de arrastre como el de esta web.

Estas en el tema de Ayuda para lograr un efecto de arrastre como el de esta web. en el foro de Flash y Actionscript en Foros del Web. Hola para todos y todas Necesito que porfavor me ayuden con algo que me tiene de cabeza , lo que pasa es que me he ...
  #1 (permalink)  
Antiguo 20/02/2008, 14:25
Avatar de Yeigp  
Fecha de Ingreso: diciembre-2006
Ubicación: Manizales-Colombia
Mensajes: 132
Antigüedad: 11 años
Puntos: 0
Ayuda para lograr un efecto de arrastre como el de esta web.

Hola para todos y todas

Necesito que porfavor me ayuden con algo que me tiene de cabeza , lo que pasa es que me he topado con esta pagina web www.chevaldetroie.net (en el menu encontraran el link plein art, ya que comoe s en flash la direccion url nunca cambia)

Dentro de esta web que esta hecha totalmente en flash me interesa saber como realizar especialemte el efecto o mejor dicho aplicacion que se encuentra en la seccion plein arto algo parecido (es que la segunda palabra no la recuerdo bien) que la pueden encotnrar en el menu del lado izquierdo de la pantalla.

Lo que quiero saber es como se puede lograr para que asl fotografias se muevan, supongo que es con un drag, pero no estoy seguro, ademas de eso, al mover las fotografias estas se tambalean y giran como si estubieran colgando, y luego se dejan en el lugar deseado.

Si pueden ayudarme de verdad se los agradeceria muchisimo.
  #2 (permalink)  
Antiguo 20/02/2008, 19:43
Avatar de calinsito  
Fecha de Ingreso: enero-2007
Ubicación: Guatemala
Mensajes: 168
Antigüedad: 10 años, 10 meses
Puntos: 2
exelente website

la verda este nivel de website esta bastante avanzado al parecer lo hicieron con
adobe flash cs y ni modo con actionscript 3,

ese es uno de lo niveles que quiero alcanzar pero, pero todavia no le llego, quiesiera ayudarte para mi todavia esta bastante complejo

derepente hay alguine por ahi mas buzo que puede ayudarte o mejor dicho ayudarnos
  #3 (permalink)  
Antiguo 21/02/2008, 02:57
 
Fecha de Ingreso: diciembre-2007
Mensajes: 60
Antigüedad: 10 años
Puntos: 1
Re: Ayuda para lograr un efecto de arrastre como el de esta web.

Por favor. Especifica el sitio del menú, porque no existe en el menú nada similar.
No se puede preguntar por "algo que creo que se parece a no ser que sea otra cosa..."
  #4 (permalink)  
Antiguo 21/02/2008, 10:46
Avatar de Yeigp  
Fecha de Ingreso: diciembre-2006
Ubicación: Manizales-Colombia
Mensajes: 132
Antigüedad: 11 años
Puntos: 0
Re: Ayuda para lograr un efecto de arrastre como el de esta web.

Hola

Bueno el link que se encuentra en el menu se llama exactamente BONUS

Calinsito gracias por interesarte en mi rpegunta y por tratar de ayudarme la intension es la que cuenta. ^_^

Con respecto a lo que me dice Mikarts tiene toda la razón pero es que cuando volvia a abrir la web para mostrarles la posicion exacta, esta ya no quiso cargar, no me pasa del 93% de carga, entonces por eso puse la primera palabra que si recordaba.

Igual aun ando en busqueda de esto por si alguien me puede ayudar de verdad se los agradeceria.

Graciasssss
  #5 (permalink)  
Antiguo 21/02/2008, 11:49
 
Fecha de Ingreso: diciembre-2007
Mensajes: 60
Antigüedad: 10 años
Puntos: 1
Re: Ayuda para lograr un efecto de arrastre como el de esta web.

Gracias Yeigp.
Lo siento pero a mí también me ha dejado alucinado el efecto ese de girar las fotos siguiendo al ratón.
Además ¿han visto ese botón de fullscreen? ES TOTAL!!!
¿Cómo se hace? Lo más que he conseguido es eliminar un montón de barras, pero no consigo esa pantalla completa...
  #6 (permalink)  
Antiguo 21/02/2008, 14:04
Avatar de TMeister
Crazy Coder
 
Fecha de Ingreso: enero-2002
Ubicación: En la Oficina
Mensajes: 2.880
Antigüedad: 15 años, 11 meses
Puntos: 193
Re: Ayuda para lograr un efecto de arrastre como el de esta web.

Que tal.

Bueno este efecto se consigue usando 2 cosas.

1.- Cambiando el punto de registro(RegisterPoint) del Movieclip, para que su rotacion cambie de acuerdo a este
2.- Aplicando formulas matematicas para setear la velocidad de la rotacion dependiendo los moviemientos del Mouse.

Aqui les voy a explicar el primer punto ya que el segundo es mucho mas tedioso. jaja..

Como dije, lo primero hay que cambiar el punto de registro de cada movieClip de acuerdo a las coordenadas en donde se dio click.

Para ello voy a usar una clase de Oscar trelles

http://www.oscartrelles.com/archives...ation_with_as3

Con esta clase se cambia el punto de registro, ahora solo nos queda generar los elementos y aplicarles sus listeners para que hagan lo debido. la clase final queda asi.

Código:
package net.tmeister.samples.registerPoint
{
	import flash.display.StageScaleMode;
	import flash.display.MovieClip;
	import flash.ui.Mouse;
	import net.tmeister.samples.registerPoint.DynamicMovie
	import flash.events.MouseEvent;
	import flash.events.Event
	
	public class Main extends MovieClip
	{
		
		private const ITEMS:uint = 5;
		private const ROTATION:uint = 30
		public function Main()
		{
			stage.scaleMode = StageScaleMode.NO_SCALE;
			initialize();
		}
		private function initialize():void
		{
			var basex:uint = 100;
			var basey:uint = 100;
			for (var a:uint = 0; a < ITEMS; a++)
			{
				var clip = new DynamicMovie();
				clip.addChild( createBox() );
				clip.y = clip.x = basex 
				basey = basex += 25
				clip.addEventListener(MouseEvent.MOUSE_DOWN, initDrag);
				clip.addEventListener(MouseEvent.MOUSE_UP, endDrag);
				addChild(clip)
			}
		}
		private function initDrag(e:MouseEvent):void
		{
			var target:MovieClip = e.currentTarget as MovieClip
			target.startDrag();
			setChildIndex(target, numChildren -1 )
			target.setRegistration(target.mouseX, target.mouseY);
			target.addEventListener(Event.ENTER_FRAME, rotate);
		}
		private function endDrag(e:MouseEvent):void
		{
			var target:MovieClip = e.currentTarget as MovieClip
			target.stopDrag()
			target.removeEventListener(Event.ENTER_FRAME, rotate)
		}
		private function rotate(e:Event):void
		{
			var target:MovieClip = e.currentTarget as MovieClip;
			target.rotation2 += ROTATION
		}
		private function createBox():MovieClip
		{
			var tmp:MovieClip = new MovieClip();
			tmp.graphics.lineStyle(3, 0x005064, 1);
			tmp.graphics.beginFill(0x00B0DD, 1);
			tmp.graphics.drawRect(0, 0, 120, 140);
			tmp.graphics.endFill();
			return tmp;
		}
	}
}
El resultado final lo pueden ver en http://klr20mg.com/archivos/registerPoint/main.swf

y todos los archivos fuente aqui http://klr20mg.com/archivos/register...isterPoint.zip

Saludos!!
  #7 (permalink)  
Antiguo 21/02/2008, 14:56
Avatar de Yeigp  
Fecha de Ingreso: diciembre-2006
Ubicación: Manizales-Colombia
Mensajes: 132
Antigüedad: 11 años
Puntos: 0
Re: Ayuda para lograr un efecto de arrastre como el de esta web.

UYYYYYYYYY GRACIAS TEMEISTER!!!!!!!!!!!!!!!!!!!!!!

esta padrisimo, gracias por tu ayuda, empezarea a manipular el codigo a ver que puedo lograr.

Por ahora viendo tu ejemplo me surgen algunas dudas, se que pido mucho T_T pero la verdad no soy un experto en AS y flash, solo quisiera saber algo basico y ya de alli me peleare para modificar el codigo como lo necesite.
-Como puedo lograr para que gire en ambas direcciones?
-Como puedo lograr que al soltarlo este siga moviendose hasta parar lentamente, se que debe ser con friccion o algo pero ni idea.
-he notado en el ejemplo que hay posiciones especificas al soltarlo de las cuales nuca varian son como 4 posiciones a ver si con letras me entienden:
---
\
I
/

Como puedo lograr para tener ams posiciones?

Repito se que pido mucho pero solo necesito saber como hacerlo y ya modificare el codigo, y em arrancare los cabellos tratando de decifrarlo.

Nuevamente gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:26.