Blog de José Rico, diseño web, diseño gráfico, Onil (Alicante) http://www.joserico.com/blog Hola, en este blog encontrarás apuntes, bocetos y demás trabajos inconclusos. Sun, 29 Jan 2012 19:38:43 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Más sprites para videojuegos flash http://www.joserico.com/blog/juegos-on-line-videojuegos/mas-sprites-flash-para-juego-flash/ http://www.joserico.com/blog/juegos-on-line-videojuegos/mas-sprites-flash-para-juego-flash/#comments Sat, 28 Jan 2012 20:07:56 +0000 José Rico http://www.joserico.com/blog/?p=2260 Esta última semana la hemos estado dedicando a Flash, en el Especialista en Videojuegos, de la mano de Pablo Rodríguez de 8bits Studio y, aunque uno ya tiene bastante experiencia en Flash es su herramienta diaria y eso se nota mucho. Al final he aprendido varios trucos para aplicarlos a mis videojuegos Flash y sobre todo la metodología que utilizan los grandes estudios dedicados a los juegos.

Os dejo el trabajo realizado de sprites con diversas acciones y un efecto de desenfoque realizado con una interpolación de forma y un sencillo desenfoque. Comentar también que los sprites en pixelart se han realizado con la extensión Pixel Tools 2.0 de 5etdemi que permite dibujar en pixelart directamente en Flash, aunque solo hasta la versión CS3.



]]> http://www.joserico.com/blog/juegos-on-line-videojuegos/mas-sprites-flash-para-juego-flash/feed/ 0 Dibujo de un hacha con Photoshop http://www.joserico.com/blog/ilustracion/dibujo-de-un-hacha-con-photosho/ http://www.joserico.com/blog/ilustracion/dibujo-de-un-hacha-con-photosho/#comments Sat, 21 Jan 2012 21:33:19 +0000 José Rico http://www.joserico.com/blog/?p=2253 En el Especialista en Diseño y Desarrollo de Videojuegos de la UA me va a tocar hacer algún que otro boceto de las armas de nuestro juego y me estoy poniendo al día con pinceles, opacidadades y demás herramientas del Photoshop

]]> http://www.joserico.com/blog/ilustracion/dibujo-de-un-hacha-con-photosho/feed/ 0 Test sprite flash soldado http://www.joserico.com/blog/animacion/test-sprite-flash-soldado/ http://www.joserico.com/blog/animacion/test-sprite-flash-soldado/#comments Thu, 29 Dec 2011 17:24:19 +0000 José Rico http://www.joserico.com/blog/?p=2246 Pequeño test de reducción de sprite para juego flash

]]> http://www.joserico.com/blog/animacion/test-sprite-flash-soldado/feed/ 0 Fotografía nocturna con niebla http://www.joserico.com/blog/fotografias/fotografia-nocturna-con-niebla/ http://www.joserico.com/blog/fotografias/fotografia-nocturna-con-niebla/#comments Fri, 09 Dec 2011 10:13:00 +0000 José Rico http://www.joserico.com/blog/?p=2238 Anoche hizo niebla. En Onil no es muy normal que llegue al casco urbano.
IMG_0461 IMG_0440 IMG_0449 IMG_0456

]]> http://www.joserico.com/blog/fotografias/fotografia-nocturna-con-niebla/feed/ 0 Guardatum, gestión on-line de protección de datos LOPD http://www.joserico.com/blog/aplicaciones-web/guardatum-gestion-on-line-de-proteccion-de-datos-lopd/ http://www.joserico.com/blog/aplicaciones-web/guardatum-gestion-on-line-de-proteccion-de-datos-lopd/#comments Tue, 06 Dec 2011 09:23:25 +0000 José Rico http://www.joserico.com/blog/?p=2224

Hace unos días se lanzó una aplicación en la que tuve la suerte de participar, con un gran equipo detrás de profesionales dedicados al tema, y que me parece un recurso interesantísimo si gobiernas un pequeño comercio, empresa o servicio en el que guardes información de terceras personas. Se trata de una aplicación de gestión de Protección de datos (LOPD) On-line.

La aplicación se ha diseñado para que el proceso de inserción de datos sea bastante intuitiva y amena. Cosa nada fácil con todos los datos que se requieren para este tipo de cosas. Y se ha tenido en cuenta que no todo el mundo pueda realizar el proceso al ritmo que se desee.

Las principales características de la aplicación son:

  • Realizas TU propio mantenimiento sin coste adicional
  • Sin necesidad de instalar ni configurar nada en tu ordenador
  • Ficheros registrados y documentación legal en pocos clicks
  • Conexión directa con la AEPD mediante comunicación segura

Evita cuantiosas sanciones, ahora mismo la puedes utilizar GRATIS!

Visita guardatum.com

]]> http://www.joserico.com/blog/aplicaciones-web/guardatum-gestion-on-line-de-proteccion-de-datos-lopd/feed/ 0 CONCURSO DE CARTELES EN ARMERIA ESKOLA Y 4.500€ DE PREMIO http://www.joserico.com/blog/concursos/concurso-de-carteles-en-armeria-eskola-y-4-500e-de-premio/ http://www.joserico.com/blog/concursos/concurso-de-carteles-en-armeria-eskola-y-4-500e-de-premio/#comments Sun, 04 Dec 2011 21:39:44 +0000 José Rico http://www.joserico.com/blog/?p=2214 La escuela de formación profesional eibarresa, Armeria Eskola, premiará con 4.500€ al ganador del concurso del cartel de su centenario, que se celebrará en 2012. El plazo de presentación de los trabajos finalizará el 12 de diciembre a las 14.00h.

Con motivo de la próxima celebración del centenario de Armeria Eskola, decana de las escuelas de formación profesional a nivel estatal, el centro convoca un concurso para elegir el cartel que la representará durante su centenario. Los concursantes deberán tener en cuenta que anuncian el centenario de Armeria Eskola, y que éste ha de ser inédito y original. El cartel ganador, además de ser publicado en todos los eventos y menciones relacionados con el centenario, se llevará un suculento premio de 4.500€.

La convocatoria está abierta a cualquier persona mayor de 18 años, que deberá enviar su trabajo, de técnica libre, en formato físico –soporte rígido y sin cristal, de *70cm x 50 cm* (no apaisado)- y digital a Armeria Eskola: C/Isasi nº36. 20600-Eibar (Gipuzkoa).

Las bases del concurso están disponibles en el siguiente link: http://www.100armeriaeskola.com/concurso-cartel-centenario/

]]> http://www.joserico.com/blog/concursos/concurso-de-carteles-en-armeria-eskola-y-4-500e-de-premio/feed/ 0 V COCURS DE FOTOGRAFÍA FESTES D´HIVERN D´IBI 2011 http://www.joserico.com/blog/concursos/v-cocurs-de-fotografia-festes-d%c2%b4hivern-d%c2%b4ibi-2011/ http://www.joserico.com/blog/concursos/v-cocurs-de-fotografia-festes-d%c2%b4hivern-d%c2%b4ibi-2011/#comments Sun, 04 Dec 2011 21:28:06 +0000 José Rico http://www.joserico.com/blog/?p=2206 Enfarinats d'Ibi

A través de la Agrupación Fotográfica de Castalla, de la que soy un feliz socio más, me llegan las bases del V Concurso de Fotografía de las Fiestas de Invierno de Ibi, Alicante.

Para quién no lo sepa las fiestas de Invierno de Ibi son unas fiestas muy vistosas donde la música, danza y tradición llenan año tras año las calles de la Villa Juguetera.
Yo por mi parte me dejé caer la anterior edición, cámara en mano, y debo decir que me lo pasé realmente bien y en la que hice unas fotografías magníficas. Podéis descargar el libro oficial LLIBRE ENFARINATS 2011 (Programaciò) (va) y las bases del concurso de fotografía Festes d’Ivern 2011

]]> http://www.joserico.com/blog/concursos/v-cocurs-de-fotografia-festes-d%c2%b4hivern-d%c2%b4ibi-2011/feed/ 0 Pepa http://www.joserico.com/blog/animacion/pepa/ http://www.joserico.com/blog/animacion/pepa/#comments Mon, 21 Nov 2011 20:15:51 +0000 José Rico http://www.joserico.com/?p=2196

]]> http://www.joserico.com/blog/animacion/pepa/feed/ 0 Plexola, comparte lo que quieras con tus amigos http://www.joserico.com/blog/diseno-web/plexola-comparte-lo-que-quieras-con-tus-amigos/ http://www.joserico.com/blog/diseno-web/plexola-comparte-lo-que-quieras-con-tus-amigos/#comments Wed, 15 Jun 2011 19:34:21 +0000 José Rico http://www.joserico.com/?p=2177
El pasado mes de junio tuve el placer de trabajar junto a la gente de la Red Social de Microblogging llamada Plexola diseñando y maquetando su front-end. La verdad que fue una experiencia muy positiva. Formación y ganas veo que sobran así que espero que el proyecto siga adelante.

Como ellos dicen Plexola es:

Plexola es la forma más sencilla de compartir con tus amigos lo que quieras, las fotos y videos de la última fiesta en la que estuviste, esa frase de un amigo que te ha gustado, o esa canción que no consigues sacarte de la cabeza. Además puedes compartir automáticamente el contenido que desees a Faceboook y Twitter. Podrás compartir el contenido de otros blogs tan fácilmente como pulsando un botón.

Os invito a todos a probarla y a reportar posibles bugs o errores. Mi plexboard, por si os interesa, es http://code.plexola.com

Visita plexola.com

]]> http://www.joserico.com/blog/diseno-web/plexola-comparte-lo-que-quieras-con-tus-amigos/feed/ 1 Botón Facebook Connect puro CSS3 (sin imágenes) http://www.joserico.com/blog/diseno-web/boton-facebook-connect-puro-css3-sin-imagenes/ http://www.joserico.com/blog/diseno-web/boton-facebook-connect-puro-css3-sin-imagenes/#comments Thu, 12 May 2011 21:10:37 +0000 José Rico http://www.joserico.com/?p=2109 Hace poco salió en el trabajo la posibilidad/necesidad de realizar el botón de Facebook Connect y como el trabajo se está desarrollando, lo que se puede, en HTML5 y CSS3 pensé que no necesitábamos ninguna imagen para poder realizar el botón ya que las nuevas funcionalidades de CSS3 permiten hacer el botón sin problemas. Al final el botón se realizó con imágenes por motivos legales. A continuación pongo el código CSS y el resultado para que veáis la versión 3 tiene unas nuevas posibilidades muy interesantes.

el resultado final:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Botón facebook connect puro CSS3</title>
<style type="text/css">
	.facebook_btn{
		width:192px;
		height:39px;
		border:1px solid #375B95;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #425C97;
		background: -moz-linear-gradient(#6D82AD,#425C97);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#6D82AD),  to(#425C97));
		cursor:pointer;
		clear:left;
	}
	.icono, .texto{
		border:1px solid #657AAF;
		border-top: 1px solid #99A6D0;
		height:37px;
	}
	.icono .f1, .icono .f2, .icono .f3, .icono .f4{
		position: absolute;
		background-color:#FFFFFF;
	}
	.icono .f1{
		width:10px;
		height:4px;
		top:4px;
		right:5px;
		-moz-border-radius-topleft:5px;
		border-top-left-radius: 5px;
	}
	.icono .f2{
		width:5px;
		height:6px;
		top:8px;
		right:10px;
	}
	.icono .f3{
		width:14px;
		height:5px;
		top:14px;
		right:5px;
	}
	.icono .f4{
		width:5px;
		height:15px;
		bottom:3px;
		right:10px;
	}
	.icono{
		border-right: 1px solid #375B95;
		border-radius: 5px 0 0 5px;
		width:40px;
		float:left;
		position:relative;
	}
	.texto{
		border-radius: 0 5px 5px 0;
		width:148px;
		float:left;
		font: bold 20px Arial, Helvetica, sans-serif;
		text-shadow: 1px 1px 1px #3A538C;
		text-align:center;
		color:#FFFFFF;
		letter-spacing: 1px;
		line-height: 37px;
	}
</style>
</head>

<body>
<div class="facebook_btn">
	<div class="icono">
    	<div class="f1"></div>
        <div class="f2"></div>
        <div class="f3"></div>
        <div class="f4"></div>
    </div>
    <div class="texto">
    	Connect
    </div>
</div>
</body>
</html>

Como veis el resultado es un botón sin imágenes. También el icono de facebook está echo en CSS puro sin una sola imagen. Obviamente se necesita un navegador moderno con soporte CSS3 como Mozilla Firefox o Chrome.

Ver ejemplo de botón en una ventana externa

]]> http://www.joserico.com/blog/diseno-web/boton-facebook-connect-puro-css3-sin-imagenes/feed/ 0