Dave Ruiz Blog » Experimentos http://blog.daveruiz.net Freelance Web Developer Sat, 21 Jan 2012 12:24:04 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 CSS3 round borders por doquier http://blog.daveruiz.net/programacion/css3-round-borders-po-doquier/ http://blog.daveruiz.net/programacion/css3-round-borders-po-doquier/#comments Thu, 02 Apr 2009 15:22:51 +0000 Dave Ruiz http://blog.daveruiz.net/?p=153 Mientras llega o no la revisión de CSS Level3 ¿Como quedarán mis páginas favoritas con bordes redondeados?

javascript:function a(c) { j=document.getElementsByTagName("*"); for (i in j) { if(j[i].style) j[i].style.WebkitBorderRadius=j[i].style.MozBorderRadius=c+"px"; } };a(15)

Aplicar bordes redondeados

Y un ejemplo de cómo queda:

Ejemplo de border-radius sobre w3.org

Qué cuco queda youtube :)

Youtube.com con bordes redondeados

]]> http://blog.daveruiz.net/programacion/css3-round-borders-po-doquier/feed/ 0 3D a partir de una foto. http://blog.daveruiz.net/programacion/3d-a-partir-de-una-foto/ http://blog.daveruiz.net/programacion/3d-a-partir-de-una-foto/#comments Fri, 24 Oct 2008 21:20:17 +0000 Dave Ruiz http://blog.daveruiz.net/?p=66 La técnica es relativamente sencilla: Con la foto de fondo, se construye una estructura muy simple de polígonos, simulando los objetos de la foto más relevantes. Posteriormente, se proyecta la textura de la foto sobre los poligonos, pero desde la posición de una cámara fija (más o menos lo que hace un proyector).

El efecto conseguido, junto con ligeros desplazamientos de la cámara, es una sensación de estar moviéndote por la escena en 3 dimensiones.

Aquí tenéis una prueba rápida del resultado final. La escena se ha montado en Cinema4D en apenas 10 minutos. Posteriormente he programado un pequeño Flash en AS3 usando las librerías Papervision3D v2, aprovechando su capacidad para cargar archivos COLLADA.

Nota: Pincha en la imagen y espera a que cargue. Mueve el ratón para desplazar la cámara.

]]> http://blog.daveruiz.net/programacion/3d-a-partir-de-una-foto/feed/ 0