Utilizando DuoPath 1.11

DuoPath es una aplicación de uso gratuito para designar caminos para animación DHTML en Netscape 4.0 y Internet Explorer 4.0. El propósito de DuoPath es de ser utilizado junto con la técnica mostrada en la lección Camino de Animacion (Path Animation) que explicará los conceptos de como DuoPath podrá ser utilizada para tus propios propósitos.

Primero que todo, descarga DuoPath y sigue esta lección y cambia entre ventanas para comprender de lo que estoy hablando.

Comienza DuoPath 1.1
or Decargar de version zipped (37Kb)
Advertencia: Tomará un ratito para inicializar DuoPath así que no te tienes que alarmar si el browser no hace nada por 10 segundos o mas - nada mas sea paciente y este eventualmente cargará. DuoPath trabaja con Internet Explorer 4.0, sin embargo recomiendo que utilices Netscape 4.0 porque este es más rápido.

Sobre vista a la nuevas características n

Version 1.11:

Actualisación para que DuoPath coincida con mis más modernos DynLayer y Path Objects .

Version 1.1:

DuoPath 1.1 es basicamente lo mismo que 1.0 pero solamente con algunos desarrollos:

Como utilizar DuoPath

Pienso que DuoPath es muy simple y comprenderás casi inmediatamente de como utlizarlo. La idea básica es que cliquees alrededor de la pantalla formando puntos nuevos para tu camino. Una vez que haz hecho esto podrás generar el HTML para crear una demostración simple utilizando tu nuevo camino (path). Haré un ligero sumario de como utilizar las características en caso de algo aparezca un poco raro.

Modo de Dirigir (Edit Mode): - controla los puntos en tu camino (path)

Notas:

Insertando un punto no es lo mismo que hacer un punto nuevo. En nuevo punto es añadido al final del camino. Insertando un punto; pone otro punto entre otros dos puntos que se encuentran ya en el camino. Lo primero que tienes que hacer es cliquear el punto que viene después del punto que estas insertando. Esto sujetará un punto al cursor, después cliqueas de nuevo para dejar caer ese punto dentro del camino.

Para el modo de línea, cliquea primero a donde quieres que la línea comience. Después cliquea otra vez a donde quieres que la línea termine. Una advertencia aparecerá y preguntará a cuantos pixeles aparte estarán los puntos espaciados, después insertará los pixeles para ti.

Si no vas a seguir mi advertencia de utilizar Netscape, entonces tienes que saber que en IE cuando cliqueas en las barras de scroll (scrollbars) este insertará un punto si estás en nuevo "New" o línea "Line" modo. Pienso que IE creé que las barras de scroll (scrollbars) por alguna razón son parte del documento. Para evitar de poner puntos en lugares que no deseas lo que tienes que hacer es ir adentro de uno de los otros modos antes de scrolling.

Modo de Curva (Curve Mode):

El modo de curva te permite dibujar una curva de puntos perfectamente lisa basada en solamente algunos puntos de control los cuales tienes que definir.

Las herramnientas de la curva:

Trabajarás con los puntos de curva como cuando trabajas con los puntos de camino. Como sea, una vez que haz puesto 4 puntos de curva DuoPath dibujará en una serie de puntos de camino basados adonde tus puntos de curva están. Al continuar en añadir mas puntos de curva este re-dibujará la curva conformemente. Los puntos de curva (en púrpura) son utilizados para influir de como la curva se curvea. Puedes mover los puntos de la curva y reformar la curva a tu gusto.

Las herramientas de curva se explica ella misma excepto por "Path Points" - esto es para determinar de cuantos actuales puntos de camino (path points) son puestos en tu curva. Un número alto significa que habrá ahí mas puntos en la curva y por lo tanto la animación será lisa y despacio.

Aquí esta un tiro antes "before" de unos puntos descritos en el orden que fueron cliqueados:

Los primeros 3 puntos no harán nada pero cuando el cuarto este puesto la curva será dibujada para tí:

Con posesionar apartados los puntos de curva cerca o largo puedes crear un efecto de aceleración. El cuadro abajo muestra un camino que comenzará despacio y este tomará aceleración a lo largo:

Botones especiales

Poniendo Puntos:

Esta es una forma de trabajar un camino que creaste anteriormente y deseas definirlo un poco más. Dos cajas de advertencia aparecerán, la primera preguntando por los valores de X, y la segunda por los valores Y. Tendrás entonces que cortar y pegar los números de tu camino anterior en estas cajas de advertencia. Para demostrar esta característica solamente copia la primera línea de los números de abajo (incluyendo las comas) con poniendo el cursor enfrente de primer número. Entonces presiona abajo la tecla SHIFT y presiona la tecla END. Después presiona Ctrl-V el cual copiará los números al clipboard. Luego cambia a DuoPath y en la advertencia Input Points presiona Ctrl-V en cual pegará los números. Luego presiona "Okay" y haz lo mismo para los valores de Y (la segunda línea de números). DuoPath entonces dibujará todos los puntos y luego lo que tienes que hacer es definirlos.


Avance

El modo de avance es super bueno. Podrás ver instantáneamente de como tu animación se va a ver con solo ponerla directamente adentro de DuoPath. Puedes cambiar características de la animación - ya sea que se curvea (loops) o no, o cambia la velocidad de la repetición.

Generador HTML

Con un simple cliqueo y unas pocas opciones que fijar tendrás todo el código del camino de animación generado para ti en muy poco tiempo. Tienes opciones para fijar la velocidad, el nombre del objeto y todo lo demás. El código es básicamente el mismo como hemos mostrado en la lección de Animacion del camino Pero también contiene enlaces para escuchar, hacer una pausa, parar la animación - justamente como en el DuoPath´s modo de avance. Recuerda que en ningún momento tienes que utilizar este código, puedes solamente tomar los mismos cor-dinadores y así hacer lo que desees hacer con ellos.

Otros consejos:

No te preocupes de hacer montones y montones de puntos. Hará a la animación mas lisa y DuoPath esta diseñado para hacer eso, no hay límite de cuantos puntos desees. Cada 100 puntos que pongas este se refrescará él mismo para tomar mas - no te preocupes, todos tus puntos se quedarán intactos.

También si DuoPath en cualquier momento hace algo raro - como que un error ocurra o algo así - en cualquier momento puedes recargar el frame de la aérea de trabajo y este corregirá el problema.

Casa Próxima Lección: Conceptos de Drag y Drop
copyright 1998 Dan Steinman