Publicaciones pertenecientes a la categoría ‘Diseño’

17 octubre 2012 13:22

He estado un par de días trasteando con la versión beta de la aplicación Construct 2. Yo no sabía de su existencia hasta hace unos días. Creo que llevo demasiado tiempo desconectado del mundo de la creación de videojuegos y eso me está pasando factura. Es una verdadera pena haberlo dejado de lado, la verdad.

Scirra

Para el que no lo sepa, el programa creado por la compañía Scirra, está diseñado para facilitar la creación de juegos sencillos sin necesidad de conocer ningún lenguaje de programación. Es cierto que existen otras aplicaciones que prometen lo mismo, pero también es cierto que es la primera que de verdad lo cumple. Todo se puede realizar de forma visual y mediante cómodos eventos.

Interfaz Construct 2

La interfaz es todo un acierto. Creo que nunca he visto una interfaz más intuitiva en un programa del estilo. Casi no son necesarios los manuales, con el método de prueba y error se puede averiguar casi todo en un momento. De todas formas la página oficial cuenta con un buen número de tutoriales bastante interesantes y prácticos. Los recomiendo encarecidamente.

Yo he estado utilizando la versión gratuita que se puede descargar directamente de la página de Scirra. Es más que suficiente para empezar, y a no ser que pretendas ganar dinero con tus creaciones o publicar en dispositivos móviles, no necesitas ninguna versión de pago. De todas formas son bastante asequibles, no es nada descabellado acabar adquiriendo la licencia en algún momento.

Construct 2 Física

He realizado pruebas sencillas y he jugado un poco con el módulo de física que trae. Ciertamente no está pensado para crear juegos complejos, pero es perfecto para algo básico. Sobre todo lo veo estupendo para crear prototipos, versiones completamente funcionales de una idea que tengamos. Es una forma rápida de comprobar si nuestro planteamiento es realmente factible en un videojuego. Para esto último es realmente muy útil.

En definitiva, si te llama el mundo de la creación de videojuegos y queréis empezar con algo sencillo, pruébalo. No tengas dudas, no pierdes nada. Como mucho un par de horas de tiempo o incluso menos, es muy fácil. Y en el caso de que ya seas casi un experto en el tema, sigue siendo una opción interesante para realizar pequeños experimentos rápidos.

¡Pruébalo! :P

Tags: , , , , , , , , , , ,

23 enero 2010 6:40

Al fin han implementado en la última versión del Mozilla Firefox el soporte para degradados de color en CSS3. Hasta el momento solo los navegadores derivados de las ultimas versiones del WebKit lo implementaban.

Solo lo utilizo en los comentarios, en la barra de la derecha. No es algo imprescindible, mas bien meramente decorativo. Si veis algún fallo, comentadmelo como siempre :).

Tags: , , , , , , , , , , ,

19 enero 2010 18:32

Llevaba bastantes días sin programar nada, y sin tocar el diseño de la web. Para desoxidarme un poco y no perder el ritmo, he realizado algunos cambios en el blog. No son muy significativos, el que no entre habitualmente casi no los notará.

Estas “mejoras” solo las van a ver aquellas personas que usen un navegador compatible con CSS3. Con las ultimas versiones de Google Chrome y Mozilla Firefox se ve exactamente como pretendía. He verificado que la versión 9 del Opera no tiene soporte completo del nuevo estándar, pero tampoco queda mal. No se que tal se vera en las últimas versiones. Internet Explorer como siempre queda descartado, la página funciona y se ve correctamente, pero apenas notaremos cambios respecto a la versión anterior del blog.

Como siempre recomiendo Google Chrome en su última versión. Al estar basado en WebKit, soporta correctamente todas las funciones de CSS3 que utilizo.

Si veis algún fallo, agradeceré que me lo indiquéis en los comentarios :).

Tags: , , , , , , , ,

4 diciembre 2009 1:31

Lo cierto es que hace ya mucho tiempo que no diseño nada en 3 dimensiones. He perdido una de mis buenas costumbres, y eso no puede ser.

Este vídeo no es que sea la gran creación. Es mas, es una pequeña tontería que me dio por hacer anoche en mis ratos de aburrimiento. Las texturas pertenecen a un proyecto que se quedo en nada de hace unos años. Todo es creación mía.

De camino quería probar el funcionamiento de YouTube HD. La verdad es que no está nada mal, funciona mas que correctamente y se ve bastante bien. Me esperaba algo mucho peor.

Espero ir recuperando un poco la práctica de nuevo en este campo. Es algo que me gusta y necesito mejorar.

Tags: , , , , , , , , , ,

26 noviembre 2009 18:42

He continuado mi pequeña aventura por el mundo del CSS3. Como siempre, mi blog es mi conejillo de indias, el pobre sufre todas las pruebas que se me pasan por la cabeza.

Anoche tocaba jugar un poco con la barra lateral del blog, la cual hacía ya bastante tiempo que no la tocaba. Los principales cambios se los ha llevado la zona de “Últimos Comentarios“. Como ya ocurrió la ultima vez que programé en CSS3, los cambios se verán de una forma u otra según el navegador. Esto es realmente bastante molesto, pero de momento no hay otra forma. Voy a detallar los diferentes cambios por cada uno de los 3 navegadores que he comprobado.

Internet Explorer 6

Los cambios para este navegador son casi inexistentes. Como ya dije en mi anterior entrada, voy a darle un soporte mínimo en mis próximas modificaciones del diseño. Tal vez más adelante me parta la cabeza buscando formas de adaptar los cambios al navegador de Microsoft, pero de momento no voy a hacerlo. El único cambio que notareis es en la parte de los comentarios, pero es bastante sutil.

El problema es que todo esto no afecta solo a la versión 6 del navegador. También la 7 y la 8 se ven afectadas. Hasta que salga la 9, el soporte de CSS3 es inexistente. a ver si Microsoft se pone las pilas de una vez.

Mozilla Firefox 3.5.5

Los cambios realizados se visualizan casi en su totalidad en esta versión del navegador. La única diferencia radica en la zona de los comentarios. El problema radica en que Firefox no soporta aun la función “gradient“, la cual la utilizo de background cuando pasamos el ratón por encima de cada comentario. De momento solo los navegadores que utilizan “WebKit” para el renderizado, lo soportan. En el caso que nos ocupa, solo se oscurecerá un poco el fondo, con un color plano. Esto se va a quedar así hasta la salida de la versión 3.6, la cual supuestamente incluirá está funcionalidad.

Google Chrome 4

En este navegador se pueden ver todos los cambios tal y como los concebí en un principio. Al estar basado en WebKit, tienen un soporte más avanzado de CSS3 que los anteriores. Solo hay un fallo que afecta a las lineas demasiado largas cuando pasas el ratón por encima. Se parten de forma no demasiado elegante. Eso si, la zona de comentarios, que es la que mas cambios tiene, funciona a la perfección.

Supuestamente cualquier navegador que utilice WebKit para renderizar, debería de visualizar mi blog de forma idéntica a Google Chrome.

Como siempre, si veis algún error, indicádmelo en los comentarios de esta entrada.

Tags: , , , , , , , , , , , ,

23 noviembre 2009 18:06

Lo primero que he corregido es un pequeño fallo que había en la pequeña barra de imágenes que hay en la parte superior del blog. Antes, al cargar las imágenes, aparecía primero el texto alternativo lo cual no era demasiado estético. Esto era debido a un pequeño error de código bastante tonto. Actualmente si dejas el ratón sobre la imagen te aparece el título que tiene en Flickr, que era la idea inicial. Esta corrección es para todos los navegadores.

También tenía curiosidad por probar el nuevo estándar CSS3 en mi blog. Actualmente no está soportado completamente por todos los navegadores, pero pienso que vale la pena experimentar un poco con el.

He añadido un pequeño efecto visual en la barra de imágenes superior. Ahora al pasar el ratón sobre cada imagen, se resaltan de forma individual. Creo que el efecto conseguido es bastante elegante. También he agregado un marco difuminado a las imágenes que se publican en las entradas del blog. Al pasar el ratón sobre ellas, el marco se hace un poco mas oscuro. No quería que fuera un marco muy llamativo, mas bien pretendía que fuera bastante sutil y pienso que lo he conseguido.

El problema del CSS3 es el soporte bastante limitado que tiene actualmente en los navegadores existentes. En Google Chrome 4 es en el que mejor funciona los pequeños efectos que he implementado. No se observan errores aparentes. Sin embargo en el Mozilla Firefox 3.5.5 hay un pequeño bug en la implementación de la propiedad “border-radius“, que no realiza el recorte adecuado en la imagen al redondear los bordes. Como no es un fallo demasiado apreciable y el efecto sigue quedando bien, lo he dejado activado para este navegador también. En el navegador Opera no lo he verificado aun, al igual que en otros navegadores como el Konqueros o el Safari. Si usáis habitualmente alguno de ellos y veis algún error, decírmelo en los comentarios de esta entrada.

Como podéis imaginar, CSS3 no esta para nada implementado en las versiones actuales de Internet Explorer. Así que he decidido que a partir de ahora, estos pequeños añadidos meramente estéticos, no los voy a soportar en este navegador. El blog seguirá funcionando en el, pero tal y como se veía hasta ahora. No se verán cambios apreciables. Al menos hasta la llegada de la versión 9 del Internet Explorer, en la cual se planea soportar parte del estándar CSS3.

Y de momento nada mas, espero que os gusten los cambios y que no haya demasiados errores :).

Tags: , , , , , , , , ,

12 julio 2009 19:30

Por fin, después de tanto tiempo, puedo afirmar que la página funciona a pleno rendimiento en Internet Explorer 6. El cartel de aviso de posible mal funcionamiento en este navegador lo he eliminado. Y espero que sea para siempre jamás.

Versión Web 12-07-2009

De camino he realizado algunos pequeños cambios en el diseño. No son gran cosa, pero creo que mejora ligeramente el aspecto visual del blog.

He verificado la página web en los siguientes navegadores:

  • Internet Explorer 6
  • Internet Explorer 7
  • Mozilla Firefox 3.5
  • Google Chrome 2
  • Opera para Windows Mobile
  • Como siempre, si detectáis algún error, me lo indicáis en los comentarios de esta entrada. Gracias de ante mano.

    Tags: , , , , , , , ,

    6 diciembre 2008 7:39

    Como siempre y para no variar me he vuelto a pasar una buena temporada sin actualizar lo mas mínimo. La culpa de esto en parte la tiene la realización de otra página web de encargo.

    Es para la escuela de baloncesto situada en Ciudad Expo, Mairena del Aljarafe. Como querían un portal, he pensado que lo mejor para ello era utilizar PHP Fusión. Se que hay más opciones para esto, pero prefiero decantarme por este ultimo por su sencillez y por que era el que mas se acercaba a lo deseado.

    Aun no está terminada, quedan ciertas cosas que pulir y modificar un poco mas el diseño. No demasiado.

    Página Web: Baloncesto Ciudad Expo

    Tags: , , , , , , ,

    23 octubre 2008 4:01

    Como siempre y para no perder la costumbre me he vuelto a tirar un tiempo considerable sin actualizar. Tengo demasiadas cosas que hacer últimamente y me quitan el tiempo que tenía para el blog.

    En fin, la cuestión es que parte de ese tiempo lo he dedicado a realizar otra página para la bailaora Julia Robles, esta vez para su espectáculo “Bailando a Camarón“. La he diseñado desde cero y aun está sin terminar, en fase de pruebas.

    Si queréis ver el espectáculo, desde allí mismo podéis comprar las entradas a través de ServiCaixa. Por lo demás, echarle un vistazo y si veis algún error de bulto podéis comunicármelo en esta misma noticia, en los comentarios.

    Página Web: Compañía Julia Robles

    Tags: , , , , , , , , ,

    30 septiembre 2008 11:35

    De momento puedo dar por finalizada la Web que le estaba realizando a esta academia, perteneciente a Julia Robles. Aun quedan por agregar un par de cosas, pero de momento se queda en pausa. Cuando me pasen los añadidos la actualizaré.

    El diseño como podéis ver es en todos morado y rosa, a gusto de la cliente. No son mis colores favoritos, pero creo que he logrado que quede lo mas elegante posible. Esta creada en HTML básico y algo de PHP. Lo mas simple posible, no necesita mas.

    Por lo demás, estoy liado con otra Web mas, de la que ya hablare mas adelante.

    Tags: , , , , , ,