Cómo hacer una animación con un objeto 3D utilizando CSS3 y HTML5

  • Autor Autor BlogPTC
  • Fecha de inicio Fecha de inicio
B

BlogPTC

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola.

Bueno, pongo esto en el foro CSS pero no estoy seguro de si se hará utilizando más JavaScript o jQuery o incluso HTML5. Bueno el caso es que tengo un proyecto en mente y necesito hacer una portada de una página web. El típico "slider" superior, pero en vez de slider, siendo un objeto en 3D.

Tengo un diseño en 3D de una nave industrial y necesito saber varias cosas (porque aunque llevo años programando en estos lenguajes de programación, soy totalmente nuevo en este campo de animaciones y objetos 3D):
- ¿En que formato he de tener el objeto en 3D para utilizarlo en diseño web? ¿En formato .obj?
- Una vez en el formato correcto, ¿cómo puedo manipularlo? Es decir, mi idea es dar la impresión de que se pasea alrededor de la nave, todo ello realizado a poder ser con animaciones CSS3 o JavaScript. Digamos que el objetivo es, mediante HTML5, CSS3 y JavaScript (a intentar evitar este último) hacer una animación en un objeto en 3D.

Les agradezco cualquier ayuda que puedan darme, porque de verdad no sé ni cómo buscar información acerca de esto. Cualquier búsqueda que realizo mencionando CSS, HTML y 3D me da resultados de animaciones en 3D, pero no de animaciones con objetos en 3D.

Un saludo.
 
Quizá te sirva algo como three.js, es una librería para utilizar objetos 3D y los motores de renderizado de WebGL de los navegadores.

A partir de ahí las animaciones me parece que se controlan a través de Javascript, no creo que puedas evitar utilizar este lenguaje ya que que yo sepa, el HTML5 y el CSS no permiten por si solos manipular objetos en 3D.
 
KelvinONe, Sabes si se puede utilizar OpenGL utilizando pyton en la web?

Saludos
 
Atrás
Arriba