15/02/2020
Junto a Wally creamos un cuadro con relieve en homenaje a nuestro juego Dragon Punch. Usamos tijeras, gomitas, pegamento…
24/01/2020
Desde que comencé a trabajar desde casa me propuse mejorar poco a poco mi lugar de trabajo: comp…
15/12/2018
Una historia personal que me recuerda investigar, leer y comprender en lugar de explorar rápidamente una solución en stackoverflow.
04/03/2018
Un resumen de las motivaciones e ideas claves que me llevaron a implementar Pilas Engine 2
02/06/2016
Esta semana me propuse hacer una aplicación muy sencilla con ember y electron, un visor de videos offline HTML5…
26/04/2016
Publicamos un nuevo videojuego iOS: ¡The Zombie Smasher!, y en este post me gustaría hacer una pequeña reseña del juego y cómo lo realizamos.
15/04/2016
Como estuvimos agregando efectos especiales a varios de nuestros juegos, armé una guía detallando todos los pasos que seguimos para realizarlos.
25/11/2015
Hicimos un videojuego nuevo llamado Dragon Punch, inspirado en la serie animada Dragon Ball…
12/07/2015
Esta semana Wally, BalbiNos y yo, publicamos nuestro primer videojuego para iOS (y pronto android): Dracula's Nightmare en el marco de nuestro emprendimiento independiente 2players : ¿En que consiste? El juego es super sencillo, es un juego de supervivencia donde manejamos un pequeño vampiro que tiene que sobrevivir a todos los objetos que le arrojan los pueblerinos enfurecidos: El proceso de desarrollo Para realizar el juego nos pusimos a investigar varias alternativas, probamos con HTML5 junto cocoonjs, V-Play, SpriteKit y Unity.
20/05/2015
Esta semana creamos una herramienta nueva para todos los usuarios de huayra linux: huayra-alias. El objetivo de esta herramienta es facilitar la búsqueda e instalación de paquetes con dos comandos nuevos. Ayudando a simplificar tutoriales, acortar instrucciones y escribir menos :) Pensando en comandos … Huayra está basado en debian gnu/linux, una de las distribuciones más sólidas y prestigiosas impulsada por la comunidad de software libre. Y en debian, como en muchas otras distribuciones de linux, se utilizan comandos para casi todo: hay comandos para procesar archivos, instalar software, iniciar servicios, compartir archivos etc…
01/03/2015
Esta semana pusimos en marcha un indicador de versiones muy simple para las aplicaciones de huayra. Hicimos algo similar a lo que venía haciendo en pilas-engine, pero de manera mas sencilla: La idea es muy simple, cada vez que se abre una aplicación, buscamos informar a los usuarios si existe una versión mas reciente en nuestros servidores, y si es así, lo informamos. ¿Cómo se ve en las aplicaciones? Imaginá que el usuario abre una aplicación como huayra-curriculum, si está usando la versión más reciente va a observar algo así:
09/02/2015
Hoy quiero presentarles una aplicación nueva, diseñada especialmente para el nuevo huayra 3.0, huayra-mu: La herramienta está orientada principalmente a programadores y diseñadores, porque permite crear la estructura inicial de un proyecto con mucha facilidad, siguiendo buenas prácticas y de manera muy rápida. La idea es simple, huayra-mu se inicia desde una terminal, pregunta el nombre del proyecto, la tecnología a utilizar y listo: El proyecto generado quedará guardado dentro de un directorio, en donde podemos encontrar los archivos iniciales para comenzar a trabajar.
21/01/2015
Estamos muy cerca de lanzar la versión 0.91 de pilas-engine, así que me pareció buena idea compartir en el blog las características más importantes de esta nueva versión y contarte el por qué de estos cambios. Esta es una versión muy especial, principalemente porque añadimos muchos cambios en la estructura completa del motor. Por supuesto no hice estos cambios solo. Irving, Quique Porta, Fernando Salamero, Walter Velazquez y el equipo de HuayraLinux hicieron posible esta nueva versión.
06/01/2015
En este artículo quiero mostrar cómo se pueden procesar imágenes de manera rápida y multiplataforma desde node-webkit, usando ImageMagick y emberjs. ImageMagick es un conjunto de herramientas para procesar imágenes: escalar, recortar, convertir y aplicar efectos principalmente. Un pequeño ejemplo Para mostrar cómo combinar estas dos tecnologías, armé un proyecto mas pequeño a modo de ejemplo. Está disponible en el repositorio hugoruscitti/image-resizer-node-webkit de mi cuenta en github. La aplicación simplemente convierte la imagen que enviemos a 2 tamaños diferentes, y lo informa en pantalla.
13/12/2014
Hace unas semanas estoy muy entusiasmado con emberjs y la posibilidad de incorporarlo en las aplicaciones desktop que desarrollamos en huayra y conectar igualdad. emberjs es un framework javascript para construir aplicaciones web, en cierta manera es similar a angularjs, pero con un enfoque diferente y algunas herramientas fantásticas como ember-cli. Mi sorpresa principal fue encontrarme que ember-cli, no funcionaba junto a node-webkit inmediatamente. Me llevó varias horas comprender el motivo y poder resolverlo, así que en este post voy a resumir lo que aprendí y lo quiero compartir con ustedes.
27/06/2014
Hace unas semanas empezamos a realizar una aplicación nueva: huayra-caripela. Es una aplicación muy sencilla, que sirve para hacer avatares y personalizar las preferencias de tu usuario en huayra linux: Como se puede ver en la captura, “caripela” te muestra una galería de objetos en pantalla para armar un rostro, con muchas posibles combinaciones: ¿Por qué? Pensamos que sería buena idea contar con una aplicación que te permita dibujar fácilmente, realizar un avatar representativo y que puedas darle un toque personal a tu configuración de usuario.
11/06/2014
Este viernes se realizó al hackatón del primer foro regional <program.AR&gt; en la universidad de Quilmes. La experiencia estuvo increible: Al evento asistimos el equipo completo de huayra y muchos amigos de la comunidad educativa: los chicos de educ.ar, sadosky, Jefatura de Gobierno y pyar. El evento estuvo espectacular, y si bien nos quedamos con ganas de programar un poco mas de tiempo, la ocasión sirvió para conocernos, debatir ideas y divertirnos.
26/05/2014
Esta semana arrancó la clase 3 del curso online de pilas-engine, un tutorial completo de programación, orientado a jóvenes que quieren crear sus propios videojuegos. El curso está online gracias a educ.ar, que nos capacitó y puso a nuestra disposición un sin-fin de herramientas y apoyo. ¿ Y cómo es ? El curso va dirigido a jóvenes de escuelas secundarias, con ganas de aprender a realizar sus propios videojuegos; programando, diseñando e incluso haciendo sus propios gráficos.
04/05/2014
Bret Victor dió una charla impresionante llamada Inventing on Principle, invitando a las personas a descubrir un principio, algo que los guíe, una causa por que pelear. Es difícil resumir el potencial y lo inspirador de su enfoque. Sus ideas son transformadoras y valiosas para todos los programadores, artistas y creativos del mundo. Por ese motivo realizamos una traducción al español de su charla con un grupo de amigos. Hicimos un gran trabajo, nos llevó varios días realizarlo, y hoy pudimos terminar la compaginación y ponerlo online.
19/04/2014
Esta semana estuvimos haciendo nuestro primer mini corto de stomotion con Walter Velazquez: Hicimos un pequeño homenajeando al videojuego “yie ar kung-fu”, un juego que habíamos jugado miles de veces cuando eramos chicos, usando la consola family game (también llamada NES). Así se veía el mítico videojuego original en sus días de gloria: Nuestra idea era homenajearlo con una animación de stopmotion, usando personajes de papel y huayra-motion. Recursos Empezamos definiendo rápidamente la idea de la animación, Walter ya tenía en mente las secuencias principales y los materiales para utilizar.
30/03/2014
El viernes pasado armamos con los chicos de huayra un taller de stopmotion. En el taller Claudio Andaur resumió en una animación muy ilustrativa 3 técnicas de stopmotion. Primero nos mostró como trabajar mediante sustitución usando unas figuras de papel que había preparado: Luego nos ejemplificó el principio de squash y stretch, haciendo una animación con una pelotita de plastilina que rebotaba por el escenario (¿ era tiro oblícuo al final ?
05/03/2014
Huayra-motion es una de las novedades que tenemos preparadas para el lanzamiento de huayra 2: Un programa que te permite crear películas y cortos animados usando la técnica de stop-motion de manera sencilla y divertida. En este post te voy a contar las características principales y un poquito de historia sobre el proyecto. Funcionalidades huayra-motion tiene varias funcionalidades, pero se van desplegando a medida que utilizas el programa. Cuando abrís el programa aparece un asistente que te guia en los primeros pasos:
20/02/2014
Esta semana quiero presentarles un software que estamos escribiendo en conectar igualdad. Es una aplicación que vamos a incluir en el sistema operativo huayra GNU/Linux 2.0: huayra-compartir es una herramienta que permite intercambiar archivos de manera muy sencilla; la aplicación puede descubrir a todos los equipos en la red automáticamente, ofrece una interfaz de usuario muy simple y no necesita acceso a Internet para funcionar: El software surgió de una idea que teníamos en el equipo hace tiempo; por suerte los primeros prototipos salieron tan bien que arrancamos con todo!
29/01/2014
Importante: En huayra 3.0 se incluyó nodejs de forma nativa, así que estas instrucciones no son necesaria, solamente son útiles para versiones anteriores a la huayra 3.0 u otros sistemas que no incluyan nodejs. Nodejs es una de las herramientas que estoy utilizando en huayra como plataforma para las aplicaciones nuevas, como huayra-compatir, huayra-motion y el visor de manual. Hoy lamentablemente no tenemos nodejs como paquete pre-instalado en la distribución, así que para tenerlo funcionando hay que hacer algunos pasos previos.
25/01/2014
Esta es una traducción de un artículo publicado por Smash Magazine en el 2010. Hice esta traducción hace un buen tiempo junto a Rocio Viñas, pero nunca la había publicado. ¡Que la disfruten! Why the Lucky Stiff (o _Why para ser mas breves) fue uno de los programadores mas brillantes e inspiradores de estos tiempos. Se volvió famoso mediante una serie de blogs y una cantidad increible de proyectos open-source que mantuvo durante mas de 7 años.
11/01/2014
Hace unos dias, implementé animaciones en los paneles de huayra-stopmotion. Al principio opté por usar la forma mas rudimentaria de mostrar y ocultar paneles, pero luego descubrí como implementarlo usando css3 y un poquito de javascript: En este post me gustaría contarte cómo lo implementé, ya que puede resultarte útil a la hora de hacer algo similar. Acá está la versión completa en jsfiddle: El layout Para mantener el maquetado lo mas sencillo posible, vamos a crear tres contenedores:
26/12/2013
Existe una tarea para grunt que nos permite automatizar el empaquetado de nuestras aplicaciones para cada plataforma: grunt-node-webkit-builder. Esto es super útil, imaginá que podés tener tu aplicación lista para distribuir en linux, windows y mac en unos minutos… Instalación El primer paso es instalarnos la tarea para grunt: npm install grunt-node-webkit-builder –save Luego tenemos que agregar algunas reglas a nuestro archivo GruntFile.js. Por ejemplo, mi archivo GruntFile.js a la hora de comenzar un proyecto nuevo se ve así:
18/11/2013
Este mes tuve la posibilidad de participar de un evento muy interesante llamado Encuentro Linux, en la ciudad de Temuco: Es la primera vez que visito Temuco, y de principio a fin estuvo espectacular, la Universidad de la Frontera en donde se realizó el evento es muy linda, está rodeada de jardines y espacios comunes grandes y cómodos: El evento comenzó el dia jueves, tuve la oportunidad de dar una charla sobre pilas-engine y al dia siguiente otra sobre node-webkit.
03/11/2013
Esta semana tuve la oportunidad de viajar a Bariloche para dar un taller sobre pilas-engine a chicos de escuelas secundarias. El evento estuvo espectacular, los chicos armaron stands, participaron de talleres de edición de videos con openshot, competencias de fútbol tenis, bailes y mucho más: Y por si fuera poco, el centro cívico de la ciudad de Bariloche es espectacular, la vista al Lago Nahuel Huapi es increible: Ojalá pueda visitar nuevamente bariloche con un taller de pilas-engine renovado.
18/08/2012
Si escribes juegos usando python, seguramente te has encontrado en problemas al distribuir juegos sobre windows. Python es un gran lenguaje, pero cuando se utiliza con varias bibliotecas sobre Windows termina siendo algo difícil de transportar de un equipo a otro, y si quieres presentar tus juegos a muchas personas eso termina convirtiendose en un problema. En este artículo veremos una alternativa para empaquetar y distribuir nuestros juegos sobre windows de manera bastante sencilla, crearemos varios cargadores de juegos para bibliotecas como pygame, cocos2d y pilas-engine.
27/07/2012
vagrant es una herramienta ideal para programadores de aplicaciones web. Permite tener entornos configurados, independientes y fáciles de compartir. El objetivo de este post es recomendar la herramienta y compartir algunos de los comandos que mas utilizo con vagrant. ¿Por qué usar vagrant? Si desarrollas aplicaciones web, es muy probable que necesites configurar tu entorno instalando bases de datos, bibliotecas, servidores etc. vagrant te permite manejar máquinas virtuales, y mantener los entornos de tu aplicación independientes de tu sistema, o casi.
29/02/2012
El sistema de eventos de pilas-engine necesitaba varias mejoras. Desde que lo implementé, siempre tuve la sensación de que se podía simplificar y mejorar notablemente. Por suerte hoy logré implementar los cambios que quería, le dediqué varias horas pero valió la pena el esfuerzo, quedó mucho mejor de lo que esperaba, y en el camino aprendí varias cosas nuevas. ¿Por qué es importante? Casi todos los motores de juegos tienen algún sistema de eventos, de alguna u otra forma se te permite conocer el estado de las teclas, del mouse etc.
14/01/2012
En este artículo veremos cómo crear una grilla de imágenes para colocar en un videojuego. Usaremos gimp junto a unos complementos que escribí hace varios meses. Y por último, vamos a poner esa grilla en acción usando el motor pilas Conceptos iniciales Básicamente, una grilla se utiliza en los videojuegos 2D para representar todos los cuadros de una animación: Por ejemplo, en la imagen anterior tenemos 5 cuadros de animación en la misma imagen (tomado el juego sbfury de losersjuegos).
22/07/2010
Python, al ser un lenguaje dinámico, facilita mucho la creación de intérpretes. En este arículo veremos algunas herramientas para que podamos crear nuestro propio intérprete de comandos. Algo básico con readline Readline es una biblioteca muy popular en GNU/Linux, se puede integrar a casi cualquier programa y permite crear autocompletados de comandos, historiales y busquedas. Por ejemplo, el interprete de comandos Bash utiliza readline y por lo tanto se puede autocompletar comandos con TAB, recorrer el historial pulsado ARRIBA en el teclado y mas…
30/06/2010
Python tiene una herramienta super interesante para los nuevos programadores: una consola interactiva donde se puede editar, corregir y ejecutar código de manera super sencilla. Esto resulta de mucha utilidad cuando quieres dar clases sobre programación o simplemente dar una demostración sobre alguna biblioteca. Introducción Lamentablemente la consola de python no se puede usar en cualquier escenario, por ejemplo si quieres dar una demostración de la biblioteca cocos2d desde la consola interactiva se te pueden presentar algunos problemas.