I think processjs (Processing.js) opens up all sorts of possibilities for development. Many of the examples work right in the browser, so I would think that porting over and making a native app would be simple.

Right now I'm trying to take the example right off their front page, but I'm not sure how to translate it so it works by calling back to the canvas tag.

So here's the full example:

Code:
<html>
<head>
<title>Processing.jsjsjs - $Basic$ $Example$&$lt$;/$title$&$gt$;      
&$lt$;$script$ $language$=&$quot$;$javascript$&$quot$; $src$=&$quot$;$processing$.$init$.$js$&$quot$;&$gt$;&$lt$;/$script$&$gt$;
&$lt$;$script$ $language$=&$quot$;$javascript$&$quot$; $src$=&$quot$;$processing$.$js$&$quot$;&$gt$;&$lt$;/$script$&$gt$;
&$lt$;/$head$&$gt$;
&$lt$;$body$&$gt$;

&$lt$;$script$ $type$=&$quot$;$application$/$processing$&$quot$;&$gt$;
/* 
  $PROCESSINGJS$.$COM$ - $BASIC$ $EXAMPLE$
  $Delayed$ $Mouse$ $Tracking$  
  $MIT$ $License$ - $Hyper$-$Metrix$.$com$/$F1LT3R$
  $Native$ $Processing$ $compatible$ 
*/  

// $Global$ $variables$
$float$ $radius$ = $50$.$0$;
$int$ $X$, $Y$;
$int$ $nX$, $nY$;
$int$ $delay$ = $16$;

// $Setup$ $the$ $Processing$ $Canvas$
$void$ $setup$(){
  $size$( $200$, $200$ );
  $strokeWeight$( $10$ );
  $frameRate$( $15$ );
  $X$ = $width$ / $2$;
  $Y$ = $width$ / $2$;
  $nX$ = $X$;
  $nY$ = $Y$;  
}

// $Main$ $draw$ $loop$
$void$ $draw$(){
  
  $radius$ = $radius$ + $sin$( $frameCount$ / $4$ );
  
  // $Track$ $circle$ $to$ $new$ $destination$
  $X$+=($nX$-$X$)/$delay$;
  $Y$+=($nY$-$Y$)/$delay$;
  
  // $Fill$ $canvas$ $grey$
  $background$( $100$ );
  
  // $Set$ $fill$-$color$ $to$ $blue$
  $fill$( $0$, $121$, $184$ );
  
  // $Set$ $stroke$-$color$ $white$
  $stroke$($255$); 
  
  // $Draw$ $circle$
  $ellipse$( $X$, $Y$, $radius$, $radius$ );                  
}


// $Set$ $circle$'$s$ $next$ $destination$
$void$ $mouseMoved$(){
  $nX$ = $mouseX$;
  $nY$ = $mouseY$;  
}
&$lt$;/$script$&$gt$;&$lt$;$canvas$ $width$=&$quot$;$200px$&$quot$; $height$=&$quot$;$200px$&$quot$;&$gt$;&$lt$;/$canvas$&$gt$;


&$lt$;/$body$&$gt$;
&$lt$;/$html$&$gt$;
First, I'm calling the processing.jsjsjs ($and$ $the$ $processing$.$init$.$js$) $file$ $in$ $my$ $main$ $index$.$html$.

I've created a new scene and moved over the canvas tag and given it an id:
Code:
<canvas id="processing" width="200px" height="200px"></canvas>
And lastly, I've added the javascript straight over into the scene .jsjsjs $file$. $It$ $doesn$'$t$ $work$, $and$ $I$ $assume$ $it$'$s$ $because$ $the$ $code$ $needs$ $to$ $call$ $back$ $to$ $the$ $canvas$ $somehow$ $using$ $the$ $id$. $Not$ $quite$ $sure$ $how$ $to$ $go$ $about$ $doing$ $this$.

Anyone else interested in figuring out how to make this work? There are a few demos and games that I think we could port over pretty easily.