Hola a todos, quería compartir con ustedes mi proyecto de la semana, no es un proyecto con un propósito de ganar dinero mas bien para gastar tiempo libre en eso.
Pixelfuck es un interprete con output gráfico y extensión de Brainfuck que incluye un par de funciones que no son parte de del original.
Para los que no saben Brainfuck es un lenguaje esotérico destacado por su minimalismo. Acá pueden encontrar mas info sobre el lenguaje.

Pixelfuck incluye los típicos operadores de brainfuck que son +-<>,.[] pero a demás de eso incluye funciones como:
^numero,valor| que coloca un valor en el memory block con el numero indicado.
#|} Es un if statement.
@ Flush, esto libera la memoria y la dibuja en el canvas.

Acá pueden ver el proyecto que incluye una especie de hello world:
http://shin.cl/pixelfuck/

Acá pueden ver mi interprete de Brainfuck puro sin ninguna modificación y del cual me basé.
http://shin.cl/bf/

Saludos.

Hola, quería presentarles mi proyecto de tiempo libre. Lo programé hoy en la tarde así que aún tiene muchos bugs.

PixelPush está apuntando  a la gente que gusta de trabajar haciendo pixel-art por ende todas las herramientas que incluye y va a incluir apuntan a facilitar el trabajo de este.

Por ahora es una simple app para dibujar con selección de colores de una paleta y un sistema básico de capas.



Acá hay algo de info/bugs/futuras ideas sobre la herramienta:

Cosas que funcionan:
- Un sistema básico de Capas // Agregar/Quitar/Borrar
- Selección de colores de la paleta y el canvas.
- Rellenar y Borrar áreas de color seleccionado.
- Generar una imagen que puede ser guarda.
- Preview.
- Undo con CTRL-Z. Hasta 100 undos.

Cosas que no funcionan bien:

- Si cambias de capa se borra el historial de undos.
- Si seleccionas un color del canvas solo elige un color de la capa activa.
- La paleta de colores es un asco.
- Rellenar y Borrar áreas es bastante lento y buggeado.
- No se puede cambiar el tamaño del canvas.
- Solo "funciona" en Chrome.
- Otras cosas que ya ni recuerdo.

Cosas que agregaré en una proxima actualización

- Sistema de capas mucho mas complejo [ Alpha/Visibilidad/Mover arriba o abajo/Imagen de muestra/mas.
- Un botón de guardar imagen directamente.
- Cambiar el tamaño del canvas.
- Zoom in/out.
- Frames para crear animaciones.
- Guardar GIF animados.
- Guardar animaciones como Sprite Sheet.
- Mejor sistema de paleta de colores.
- Mas brushes.
- Mejorar el rendering.
- Lineas rectas/Rectángulos/Circulos.
- Colores con alpha.
- Cargar imagen del PC.
- Cargar image de URL.
- Muchos mas, espero.

Pueden probar la herramienta acá:  http://shin.cl/pix/

Les presento este nuevo proyecto el cual trata de crear un MMOCC ( Massive Multiplayer Online Chat Community ) que pueda correr simultáneamente en múltiples plataformas. Actualmente tengo un demo el cual corre en html5, flash y android.

Es demo es bastante simple pero demuestra que pude funcionar.
He desarrollado este demo en menos de 2 días, así que puede que se topen con varios bugs.

Para la conexión entre usuarios he utilizado pubnub ( www.pubnub.com ) y unos módulos compatibles con cada plataforma. Actualmente manejo las conexiones por medio de un cliente que desarrollé el cual controlo desde mi teléfono celular, cumple la función de "falso server".

Pueden probarlo acá:

http://shin.cl/isoclient

Otro script que hice, ojala les sirva.
Básicamente lo que que permite es crear múltiples cámaras para juegos 2D a la que fácilmente se le puede agregar parallax scrolling.
Acá está el codigo completo del demo:

/**
 * @author Felipe Alfonso
 * www.shin.cl
 */


/**
 * Count frames
 */
 
function FPS()
{
this.startTime = new Date().getTime();
this.framesNumber = 0;
}

FPS.prototype.Update = function()
{
var d = new Date().getTime();
var currentTime = (d - this.startTime)/1000;
this.framesNumber+=1;
var result = Math.floor((Math.floor((this.framesNumber/currentTime)*10.0)/10.0));
if(currentTime>1)
{
this.startTime = new Date().getTime();
this.framesNumber = 0;
}
return result;
}

var f = document.getElementById("fps");
var e = document.getElementById("canvas");
var canvas = e.getContext("2d");
var fps = new FPS();
var img = new Image();
img.src = "sprite.png";
var x = 0;
var y = 0;

window.onmousemove = function(e)
{
x = e.pageX;
y = e.pageY;
}


/**
 * Draw Camera
 */

function drawCam(x,y,width,height,color)
{
canvas.restore();
canvas.save();
canvas.beginPath();
canvas.rect(x,y,height,width);
canvas.clip();
canvas.closePath();
canvas.translate(x,y);
canvas.fillStyle = color;
canvas.fillRect(0,0,width,height);
}

/**
 * Draw Animation
 */
var frameCount = 0;
var currentFrame = 0;
var delayCount = 0;
function drawAnim(image,x,y,frameWidth,frameHeight,frames,delay)
{
if(delayCount<delay)
{
delayCount+=1;
currentFrame = frames[frameCount];
canvas.drawImage(image,currentFrame*frameWidth,0,frameWidth,frameHeight,x,y,frameWidth,frameHeight);
}
else
{
if(frameCount<frames.length-1)
{
currentFrame = frames[frameCount];
frameCount+=1;
}
else
{
currentFrame = frames[frameCount];
frameCount = 0;
}
canvas.drawImage(img,currentFrame*frameWidth,0,frameWidth,frameHeight,x,y,frameWidth,frameHeight);
delayCount = 0;
}
}


///////////////////////////////////////////////////////////////////////////////////////////

function GameLoop()
{
var t = setTimeout("GameLoop()",17);
//background
canvas.fillStyle = "#000000";
canvas.fillRect(0,0,e.width,e.height);

//draw cameras
drawCam(0,0,200,200,"#5a5a5a");
render()
drawCam(201,0,200,200,"#5a5a5a");
render()
drawCam(402,0,200,200,"#5a5a5a");
render()
drawCam(0,201,200,200,"#5a5a5a");
render()
drawCam(201,201,200,200,"#5a5a5a");
render()
drawCam(402,201,200,200,"#5a5a5a");
render()

//fps
f.innerHTML = "FPS "+fps.Update();
}

var w = Array();
var h = Array();

for(var i=0;i<200;i++)
{
w.push(Math.random()*600);
h.push(Math.random()*400);
}

function render()
{

for(var i=0;i<200;i++)
{
drawAnim(img,w[i],h[i],26,30,[0,1,2,1,0,3,4,3],18);
}

drawAnim(img,x,y,26,30,[0,1,2,1,0,3,4,3],18);
}
window.onload = GameLoop();


El codigo que dibuja la camara es este:
function drawCam(x,y,width,height,color)
{
canvas.restore();
canvas.save();
canvas.beginPath();
canvas.rect(x,y,height,width);
canvas.clip();
canvas.closePath();
canvas.translate(x,y);
canvas.fillStyle = color;
canvas.fillRect(0,0,width,height);
}

Acá esta el demo:
http://shin.cl/cam/

Saludos

Desde hace mucho tiempo he estado buscando un lenguaje que pudiese traducir a diferentes lenguajes de una forma facil y con un muy buen rendimiento. Al final lo encontré y se llama Monkey ( www.monkeycode.co.nz ) .

Debido a que monkey es relativamente nuevo existen muy pocos frameworks de juegos, hasta ahora solo se encuentra Diddy, el cual puede parecer bastante extenso y engorroso. Es por eso que he decidido crear mi propio framework y tratar de mantenerlo lo mas simple posible.

Pueden descargarlo de acá:
https://github.com/ilovepixel/Shin

Acá hay un ejemplo corriendo en html5:
http://ilovepixel.net/banner/

Acá hay un simple ejemplo de como utilizarlo:

Import shin
Import mojo

Function Main:Int()
  New MainGame()
  Return 0
End

Class MainGame Extends Game
  Method New()
    Super.New(60,0,0,0)
  End
 
  Method OnCreate:Int()
    Game.LoadScene(New MainScene())
    SetTile("Testing Shin")
    SetGameSize(400,400)
  End
End

Class MainScene Extends Scene
  Field mysprite:Sprite
  Field myanim:Anim
  Field dead:Bool
  Method New()
    Super.New()
    mysprite = New Sprite("image.png")
    mysprite.x = 100
    myanim = New Anim("spritesheet.png",30,30)
    myanim.AddAnim("walk",[0,1,2,3,2,1])
    myanim.AddAnim("dead",[4,5,6],false)
    myanim.delay = 8
    myanim.Play("walk")
    Self.Add(myanim)
    Self.Add(mysprite)
    dead = False
  End

  Method Update:Void()
    If KeyDown(KEY_LEFT)
      myanim.x-=2
    ElseIf KeyDown(KEY_RIGHT)
      myanim.y+=2
    EndIf

    If myanim.Collides(mysprite)
      myanim.Play("dead")
      dead = True
    EndIf

    If dead
      myanim.alpha-=.05
      If myanim.alpha<.05
        myanim.active = false
        dead = False
      EndIf
    EndIf
  End

End

Próximamente planeo trabajar en tilemaps y tratar de perfeccionar las colisiones, ademas de implementar algunas de las funciones a modulos de ios, android y xna.

Lista de metodos y funciones nativas.
Native:

Function MouseHide:Void() //esconde el mouse (flash,html5,glfw)
Function MouseShow:Void() //muestra el mouse (flash,html5,glfw)
Function OpenURL:Void(URL:String) // abre una url (flash,html5,glfw)
Function SetTitle:Void(Title:String) // define el titulo de la ventana (flash,html5,glfw)
Function SetGameSize:Void(Width:Int, Height:Int) // define el tamaño de la ventana/canvas (html5,glfw)
Function SetCanvasColor:Void(R:Int,G:Int,B:Int) // define el color de fondo del canvas ( solo html5 )
Function Alert:Void(Msg:String) // Lanza una popup con alerta  (flash,html5,glfw)
Function CheckGameURL:Bool(URL:String) // verifica que la pagina donde esta hosteado el juego es el mismo señalado.  (flash,html5)
Function Log(msg:String) // trace

Saludos.

Hace poco había comenzado con un pequeño proyecto o idea mas que nada de hacer un Chat isometrico ( lo tipico ) para plataformas móviles, esto es mas que nada un prueba para ver que resulta, recién hoy me puse a programar algo, acá hay un video de lo que llevo, es algo bastante simple, es simplemente una esfera que puede navegar en un mundo isometrico, es un comienzo despues de todo jaja. Estaré actualizando este post.

http://youtu.be/k-KD08WavVw

SHIN planea ser un framework amigable que se enfoque al desarrollo de videojuegos para aparatos móviles, ya sean iOS, Android, Playbook u otras plataformas que soporten Adobe AIR.

Actualmente SHIN esta en pañales, las clases que existen son Shin, ShNucleo, ShNivel y ShObjeto.

ShNucleo es el núcleo donde se contendrán todos los parametro y objetos, es una especie de caja donde echas todos tus objetos, niveles y clases en general.

Shin es una especie de controlador de núcleo, que se encarga de manejar y entregar datos de este.

ShNivel sirve para crear niveles, estoy niveles son guardados dentro de ShNucleo.

ShObjeto es básicamente un objetos dentro de los niveles.

En el fondo, con SHIN, estoy intentando facilitar y reducir el tiempo de trabajo para desarrollar un juego para celulares. Planeo también incluir un GUI para darle un sentido mas de Drag & Drop.

En este ejemplo muestro lo que llevo hasta el momento, que es lo que mencione anteriormente:

Creo una clase Main.as que funcionara como nuestro Núcleo:
package
{
import org.shin.*;
/**
* ...
* @author Felipe Alfonso
*/
[SWF(width = "400", height = "400")]
public class Main extends ShNucleo
{
public function Main():void
{
super(400, 400, 0x000000);
nivelInicial(new Level1);
}
}
}

Como se ve en esta clase lo que hago es extenderla a ShNucleo y defino las propiedades básicas de este, como las dimensiones y el color de fondo además de el nivel inicial.

Ahora creo mi nivel inicial que lo llamare Level1.as
package 
{
import org.shin.*;
/**
* ...
* @author Felipe Alfonso
*/
public class Level1 extends ShNivel
{
private var obj:ShObjeto;

public function Level1()
{
obj = new ShObjeto(50, 50);
obj.y = Math.random() * Shin.alto;
obj.gravedadX = .1;
agregar(obj);

crearBucle();
}
override public function bucle():void
{
obj.loopObject();
if (obj.x > Shin.ancho && obj.x < Shin.ancho + 50)
{
detenerBucle();
Shin.cambiarNivel(new Level2);
}
}
}
}

Acá lo que hago es crear el primer nivel y dentro de este mismo creo un objeto llamado obj. A este objeto le indico que tenga una aceleración en el eje X y lo agrego, luego de eso creo el bucle y finalmente al bucle le pongo las instancias que quiero que se actualicen, como el bucle del mismo objeto y que si el objeto se sale de las dimensiones del nucleo se detenga el bucle y cambie de nivel con una función muy fácil, Shin.cambiarNivel().

Ahora creo el nivel 2 y le pongo Level2.as

package 
{
import org.shin.*;
/**
* ...
* @author Felipe Alfonso
*/

public class Level2 extends ShNivel
{
private var obj:ShObjeto;

public function Level2()
{

obj = new ShObjeto(10, 10);
obj.x = Math.random()*Shin.ancho;
obj.gravedadY = .1;
agregar(obj);
crearBucle();
}

override public function bucle():void
{
obj.loopObject();
if (obj.y > Shin.alto && obj.y<Shin.alto+50)
{
detenerBucle();
Shin.cambiarNivel(new Level1);
}
}
}
}

Esto es lo mismo que en Level1, solo que ahora el objeto tiene una aceleración en el eje Y.

Todo esto entrega esto:
http://ilovepixel.net/shin/wp-content/uploads/2011/08/Shin2.swf


En mi TO-DO List se encuentran las siguientes tareas:

• Reducir la cantidad de lineas de código.
• Crear un game loop decente, que funcione con un FPS interno.
• Darle mas propiedades a los objetos.

Saludos, espero seguir avanzando con este proyecto y actualizar acá y en mi blog.

Blog de SHIN

Para los que no sepan que es flixel, flixel es una librería de clases creadas por Adam 'Atomic' Saltsman para facilitar la creación de juegos, esta no tiene ningun IDE solo son clases. Ademas en este video tutorial trato de explicar basicamente como funciona la POO ( Programación orientada a Objetos) y la utilización de clases, que en AS3  es mejor aprender ya que trabajar con un IDE y linea de tiempo complica muchísimo las cosas, así que a los que lean les recomiendo comiencen a trabajar con clases y no con linea de tiempo.

Las herramientas necesarias para este tutorial son :

FlashDevelop http://flashdevelop.org // Es simplemente un editor de codigo, basicamente esto lo podrias programar con notepad e igual funcionaría, pero FD tiene varias funciones utiles que mejoran la producción.

Flex SDK (http://opensource.adobe.com/wiki/display/flexsdk/Flex+SDK) // Flex es un framework open source creado por Adobe para crear aplicaciones para AIR, flash player, android, iphone.. etc etc..

Flixel (http://flixel.org// Como ya mencione arriba es una librería enfocada en el desarrollo de videojuegos 2D


Lo mejor de todo esto es que es gratis, no tienes que pagar ninguna licencia cara de adobe (Flash CS5 o CS5.5 y derivados) para desarrollar juegos en as3, así que ya no se preocupen por conseguir el próximo keygen o crack para el CS5, esta es la opción open source.

El video:
Este video tutorial dura aproximadamente 1 hora y 44 min, y básicamente muestra como crear un juego simple en menos de 2 horas.

http://www.youtube.com/watch?v=7xEJfH5j648

Espero les sirva.
Saludos.