Tecnología

Inicio

Efectos 3-D con JavaScript

Efectos 3-D con JavaScript


JavaScript es un lenguaje de programación para la web desarrollada por Sun Microsystems. Aunque JavaScript controla generalmente elementos bidimensionales, se puede utilizar para crear ciertos efectos tridimensionales. Estos se pueden agregar a su sitio web utilizando el código JavaScript que se pueden modificar para adaptarse a las necesidades de su sitio web.

Efectos flip

efectos de flip pueden tomar el contenido HTML estándar y girarlo a lo largo de un eje 3-D para mostrar su otra cara. Ejemplos de efectos de flip 3-D incluyen el guión "Rotar 3-Di" y el "Flip!" guión. Dos lados del objeto en primer lugar deben ser codificados utilizando hojas de estilo en cascada. El JavaScript tomará entonces las dos partes y crear una animación que parece como si se está volteando un lado del contenido a otro.

Cubo de imagen

Un cubo imagen 3-D se puede crear con el script imagen Cubo de jQuery. Con este script, puede crear un cubo con una imagen en cada uno de sus lados. Este cubo continuación, se puede girar alrededor de revelar varias imágenes. Para poder utilizar este script, las rutas de URL deben proporcionarse para cada una de las imágenes utilizadas. Por defecto, el guión girará automáticamente el cubo a un nuevo lado cada dos segundos.

Carosuel

Un efecto carrusel mostrará un mapa 3-D de varios objetos, que se puede girar entre. Ejemplos de esto incluyen el guión del carrusel de imágenes 3D y la escritura de la nube del carrusel. Un efecto carrusel es útil si desea mostrar dinámicamente diferentes páginas de su sitio o para mostrar varios ejemplos de su cartera a la vez. El carrusel puede girar ya sea aleatoriamente o ser controlado por el usuario.

Efectos de texto

El texto también se puede configurar de una manera que es similar al efecto del carrusel con secuencias de comandos, tales como 3-D Tag Cloud o 3-D de texto de rotación. Un efecto de texto por lo general se llevará una nube de texto, o varias líneas de texto que reflejen su contenido, y mostrarlos en una vertical de 3-D carrusel. Estos se pueden girar a través automáticamente en función de un intervalo de tiempo o ser controlado por el usuario.