¿Cómo está hecho este efecto?
4 seguidores
Hola, he dado con esta página y me ha gustado este efecto que tiene en la cabecera, que se mueven las 3 capas con el ratón.
http://www.packingimpresores.cl/
¿Eso es flash?
Hola, he dado con esta página y me ha gustado este efecto que tiene en la cabecera, que se mueven las 3 capas con el ratón.
http://www.packingimpresores.cl/
¿Eso es flash?
Seguro que tienes mucho que decir, te estamos esperando.
kune
Muchas gracias por las respuestas!!
mañana mismo lo pruebo!
kodamabcn
Puedes hacerlo en actionScript, te dejo un codigo y un enlace donde lo explico.
En concreto el que tu pones solo se mueve en el eje X, para eso simplemente quita los comandos que hagan referencia al Y.
Saludos
Por cierto, el code está en AS3.
import fl.transitions.Tween;
import fl.transitions.easing.*;
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.MouseEvent;
import flash.display.StageDisplayState;
import fl.motion.easing.*;
var D1:MovieClip;
var D2:MovieClip;
var D3:MovieClip;
D1.origenY=D1.y;
D2.origenY=D2.y;
D3.origenY=D3.y;
D1.origenX=D1.x;
D2.origenX=D2.x;
D3.origenX=D3.x;
D1.profundidad=200;
D2.profundidad=100;
D3.profundidad=300;
var arrObjetos:Array=new Array(D1,D2,D3);
arrObjetos.sortOn( 'profundidad', Array.NUMERIC );
for (var i:int = 0; i < arrObjetos.length; i++) {
arrObjetos[i].addEventListener(Event.ENTER_FRAME,fmover);
addChild(arrObjetos [ i ] );
}
var ratonY:Number;
var destY:Number;
var ratonX:Number;
var destX:Number;
function fmover(event:Event):void {
ratonY = ((stage.stageHeight / 2) - stage.mouseY) / (stage.stageHeight / 2);
ratonX = ((stage.stageWidth / 2) - stage.mouseX) / (stage.stageWidth / 2);
destY = event.target.origenY + (ratonY * event.target.profundidad);
destX= event.target.origenX + (ratonX * event.target.profundidad);
event.target.y += (destY - event.target.y)/8;
event.target.x += (destX - event.target.x)/8;
}
caracool
En esa pagina también es jquery y Parallax parece. Su archivo .js se llama rokparallax.js
jacoborus
Esta hecho con Javascript.
No se como lo hacen en esa página, pero puedes hacerlo con jQuery y el plugin jParallax