El Efecto de las Hojas de los Libros

Aqui un super aporte, un link ke me encontre por ahi

Aqui se los dejo para que lo disfruten:

http://www.actionscript.nl/data/peerbook.htm

Un buen aporte, y además magnificamente bien explicado en el tutorial.

Excelente!
Muy bueno

http://www.iparigrafika.hu/pageflip/

http://www.iparigrafika.hu/pageflip/pageflip_v2_source.zip

Sencillamente alucinante.

Aquí otra versión.



Descargar archivos .fla, son 5 en total, 4 explicando paso a paso y 1 con el trabajo final.

Ver el ejemplo en una página aparte.

gracias zorrita, en cuanto tenga tiempo le hecho un vistazo...

Awesome!!!! luego me entretendré un rato con esto...

Está bueno el aporte...

Cool, muy buen aporte.

excelente, observe tambien los primeros ejemplos y estan alucinantes.

solo que estan un poco complicados, para mi mente que esta hecha solamente para crear diseños exitantes tanto que te pueden llevar a un orgasmo visual .... por eso vi un poco complicado el codigo...

Reyner escribió:

Osea, nada util

Freddie® escribió:

para q kiero q mi cliente tenga un orgasmo visual si no me va a comprar nada!?!?!?!
o si solo voy a deleitar la pupila???






es broma wey

el primer aporte esta muy cool... es mucho mas real, se ve y se siente como un libro verdadero...

zorrita, porque te cambiaste el nombre??

pd. quien hizo el primer aporte?.. no lo se, pero muchas gracias

rosvel escribió:

:lol:lol::lol:lol:lol:

Muy buena la pagina y tutorial we

Kujo escribió:

No te enceles anim.......lín

deberías darme las gracias por desenpolvar tu aporte.

aqui uno mas http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html de donde la 100 saco los ejemplos
Este tuto esta en idioma ingles

Editado 1 vez, la coma al final de la url, estaba mandando a un error 404

muy agradecido

buho29 escribió:

Hola yo baje pageflip v22, ya q es uno de los mejores, pero dada mi poca experiencia en Flash, no puedo agregar paginas, ya pude cambiar el tamaño y editar las paginas, pero no puedo agregar las paginas, estuve probando pero me sale una pagina transparente y es que no entiendo a se refiere esta instruccion:

Código :

Export your new page (Library/linkage), and don't forget to uncheck "Export in first frame",
then copy an instance to the exported items! (Main timeline/Layer: exported/ frame 4)
The last step, is to change the page data (layer actions/frame5/from line26):

Aqui les dejo el link para q lo bajen y lo vean en el archivo.
http://www.iparigrafika.hu/pageflip/pageflip_v22_source.php

Muy real este efecto. Gracias por el aporte.

douglaslopezt, las preguntas técnicas en los foros Diseñador/Desarrollador

Just what i need!

eveevans escribió:

Casi te rompo el craneo con el Bate(TM) Antispam Edition. Menos mal que note que eras tu

Super aporte subanle el clab level

Saludos a todos!

Magnificos los ejemplos...

pero al pasar la primera pagina no puedo regresar , solo se regresa en la ultima hoja... como hago para que se regrese.... ayuda

Este es el codigo:

Código :

function curlPage(p):Void {
   // Crea la página par p y p+1
   var topPage:MovieClip = this.attachMovie(pages[p], pages[p], TOP_PAGE_DEPTH, pagePos);
   var bottomPage:MovieClip = this.attachMovie(pages[p+1], pages[p+1], BOTTOM_PAGE_DEPTH, pagePos);
   //Enmascara el bottomPage (recuerde que bottomPage es en realidad el que que aparece encima).
   bottomPage.setMask(line.rightMask);
   line.onEnterFrame = function() {
      // Esta función riza la parte inferior
      //En la esquina a mano izquierda de la página.
      line._x += (PAGE_CURL-line._x)/TURN_RATE;
      movePages();
      if ((line._x-PAGE_CURL)<1) {
         delete this.onEnterFrame;
      }
   };
}
function pageTurn():Void {
   //Esta función realiza la animacion para que la página gire cuando el usuario arrastra la página.
   var oldMousePos:Number = _xmouse;
   line.onMouseMove = function() {
      line._x += _xmouse-oldMousePos;
      oldMousePos = _xmouse;
      if (line._x>PAGE_CURL) {
         line._x = PAGE_CURL;
      } else if (line._x<PAGE_SPINE) {
         line._x = PAGE_SPINE;
      }
      movePages();
      updateAfterEvent();
   };
}
function movePages():Void {
   backPage._x = line._x;
   backPage.back._x = -(PAGE_EDGE-line._x);
   backPage._rotation = 90*(line._x-PAGE_SPINE)/page._width;
   line._rotation = 45*(line._x-PAGE_SPINE)/page._width;
}
function pageRelease():Void {
   //Esta función controla cuando al usuario suelta la página. 
   //Esto decide si la página debería ser abierta o cerrada según 
   //donde la página fue liberada,
   // como openPage() ó closePage()
   // al open/close la pagina respectivamente.
   delete line.onMouseMove;
   if (line._x<HALF_PAGE_TURN) {
      turnInterval = setInterval(openPage, 10);
   } else {
      turnInterval = setInterval(closePage, 10);
   }
}
function openPage():Void {
   // Esta función abre la página (i.e. Gira 
   // la página seleccionada a la izquierda) si el usuario
   // Deja la página cuando está casi abierta.
   line._x += (PAGE_SPINE-line._x)/TURN_RATE;
   if ((line._x-PAGE_SPINE)<1) {
      if (pageNum<pages.length-2) {
         line._x = PAGE_EDGE;
         curlPage(++pageNum);
      }
      clearInterval(turnInterval);
   }
   movePages();
   updateAfterEvent();
}
function closePage():Void {
   // Esta función cierra la página (i.e. Gira 
   // la página seleccionada a la derecha) si el usuario
   // Deja la página cuando está casi cerrada.
   line._x += (PAGE_CURL-line._x)/TURN_RATE;
   if ((PAGE_CURL-line._x)<1) {
      line._x = PAGE_CURL;
      clearInterval(turnInterval);
   }
   movePages();
   updateAfterEvent();
}
// Estableciendo las constantes
var PAGE_SPINE:Number = page._x;
var PAGE_EDGE:Number = page._x+page._width;
var PAGE_CURL:Number = PAGE_EDGE-20;
var HALF_PAGE_TURN:Number = PAGE_SPINE+(PAGE_EDGE-PAGE_SPINE)/3;
var TURN_RATE:Number = 3;
var TOP_PAGE_DEPTH:Number = this.getNextHighestDepth();
var BOTTOM_PAGE_DEPTH:Number = TOP_PAGE_DEPTH+1;
var BACK_PAGE_DEPTH:Number = TOP_PAGE_DEPTH+2;
//
// Estableciendo variables
var lineAngle:Number = 45;
var pageNum:Number = 0;
var turnInterval:Number = 0;
//var pages:Array = ["page1", "page2"];
var pages:Array = ["page1", "page2", "page3", "page4", "page5", "cover"];
//
// Estableciendo la posicion de los objetos 
// para las partes del libro que será
// atado a la etapa dinámicamente
var pagePos:Object = {_x:page._x, _y:page._y};
var backPos:Object = {_x:PAGE_EDGE, _y:page._y+page._height, _rotation:90};
var linePos:Object = {_x:PAGE_EDGE, _y:page._y+page._height, _rotation:lineAngle};
var hideShadowPos:Object = {_x:PAGE_EDGE, _y:page._y};
//
// Ata las partes de libro
var backPage:MovieClip = this.attachMovie("backPage", "backPage", BACK_PAGE_DEPTH, backPos);
var line:MovieClip = this.attachMovie("line", "line", this.getNextHighestDepth(), linePos);
var hideShadow:MovieClip = this.attachMovie("hideShadow", "hideShadow", 1000, hideShadowPos);
//
// Establece los acontecimientos de interacción
// (NB - la 'vuelta de pagina' El botón es los atrás(trasero) de la página que da vuelta).
backPage.onPress = pageTurn;
backPage.onRelease = pageRelease;
backPage.onReleaseOutside = pageRelease;
//
// Define las máscaras permanentes.
line.pageShadow.setMask(backPage.back.shadowMask);
backPage.setMask(line.leftMask);
//
// Crea el rizo de la pagina inicial.
curlPage(pageNum);

Gracias por la ayuda!!!!!

le veo mucho jugo!

Gente muy buenos los aportes, hago una consulta y disculpas si este no es el sitio para hacerlo (soy nuevo), soy de argentina y necesitaria comunicarme con alguien que programe estas cosas en flash para una presentacion. Mi email es [email protected]. Gracias. Miguel Angel.

Definitivamente tuve un orgasmo visual.

Menos mal uso gafas.

genial esta cuestion de las hojas.... lo habia visto por ahi en un sitio de un estudio....
en breve jugare con el!!!
gracias!!!!

Cada dia aprendiendo mas!!