[SOLUCIONADO] cubo en 3d con el canvas

[xabielpoveda]

Hola, me han pedido que haga un cubo giratorio en 3 dimensiones con un texto y hipervinculo en cada cara con el canvas de html5.

yo domino el entorno 2d, pero no veo forma de hacer lo que piden en el entorno 3d. ¿Alguien me puede confirmar la imposibilidad de hacer el hipervinculo y el texto en 3d? Yo he buscado y he llegado a encontrar un cubo giratorio en 3d sin texto ni hipervinculos, pero nada mas.

Lo que me han pedido es algo similar al cubo de esta web que está diseñado en flash [URL="http://www.stockuno.net/"]http://www.stockuno.net/[/URL]

[Carlangueitor]

Eso es una patada baja a la usabilidad. Ojalá no lo hagas así.


Aunque por el lado técnico, es posible, por ejemplo el cubo: http://cssdeck.com/labs/html5-canvas-3d-cubes



Saludos

[pzin]

¿Tiene que ser si o si usando canvas? Porque con CSS se podría hacer también.

[xabielpoveda]

si, cubos giratorios en 3d ya habia encontrado, pero no tienen texto en las caras ni hipervinculo en cada cara. Sigo creyendo que no es posible tecnicamente hacerlo.

[xabielpoveda]

Si,lo quieren con el canvas, yo realmente lo haría en flash como en la pagina de stock uno, pero a las malas les digo que no puede ser.

[Rafael]

Y si tratas de adaptar esto que está en CSS, si acepta Css entonces podrías meter dentro html, o sea links, y algo de texto, aunque el texto yo lo metería en la misma imagen.

http://css-tricks.com/creating-a-3d-cube-image-gallery/

http://desandro.github.io/3dtransforms/docs/cube.html

[Carlangueitor]

Mira, con css3 se puede, solo que es horrible, por ejemplo mira esto (trata de elegir la opción de un select) http://hakim.se/experiments/css/domtree/ o esto http://3dcube.pixelass.com/ http://www.addyosmani.com/resources/googlebox/ http://ie.microsoft.com/testdrive/gr...transforms.htm http://desandro.github.io/3dtransfor...2-dynamic.html

La cosa es que controlar el giro es complejo, quizá te puedas ayudar de Javascript para cambiar los estilos dinamicamente.

No hay nada como lo que tu quieres por que no es usable, pero con eso deberías poder crearlo tu mismo.


Saludos