IDE and a mobile viewer for Processing.js sketches

[Jayesh Salvi]

Hi all,

I have been playing with Processing.js for past couple months, trying to create sketches for mobile browsers. It's the ultimate platform-agnostic solution. While doing that I tried to make this process as easy as possible. After a month of hacking around I finally put together a small website to accomplish this.

http://p.altcanvas.com - (I am calling it Processing.alt)

When you access this website from a desktop browser you will be presented with an IDE in which you can write your processing code and see how it runs. You can log in using your Gmail account and the website saves your sketches in the cloud. 

You can visit the same site from your iPhone/Android/Palm Pre/Nokia n900 and you will get a simplified mobile interface. You can browse through your sketchbook and run your processing code on your phone and see how it looks.

You can also share your sketch and it will appear in public Gallery. You will find examples in the Gallery right now, that demonstrate how the processing code can be mixed with javascript to automatically detect the mobile platform and adjust the sketch resolution to adapt to its dimensions and orientation. 

The site is far from feature rich, but it has some basic functions implemented. So I would like to invite you to use it and provide suggestions and feedback.

Thanks.

[P.S. 

* Although the mobile interface should show up on all above mentioned mobile devices, I haven't tested it on all of them. If your mobile device doesn't show the simplified interface, please let me know.

* I do realize that the performance of some sketches is not great on today's mobile browsers; but with the arrival of 1GHz gadgets (Nexus One, iPad) and improvement in browser speeds I am hopeful.]

--
Jayesh

[Dorai Thodla]

Neat. Pretty neat.

Dorai,
408-876-8802
Twitter: dorait
Skpe: dorait
Blog: http://thodla.com

--
You received this message because you are subscribed to the Google Groups "Processing.js" group.
To post to this group, send email to proces...@googlegroups.com.
To unsubscribe from this group, send email to processingjs...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/processingjs?hl=en.

[sanchothefat]

Awesome stuff Jayesh,

One point I will make though is that allowing people to write any old
javascript and publish it to the gallery where others will then run
that script presents some security issues. I could manipulate the DOM
and inject my own scripts and so on. You could get round the issue to
some extent by iframing the sketch aswell to stop any scripts from
editing your IDEs source code.

Keep up the good work.

Rob

On Mar 5, 11:44 am, Jayesh Salvi <jayeshsa...@gmail.com> wrote:
> Hi all,
>
> I have been playing with Processing.js for past couple months, trying to
> create sketches for mobile browsers. It's the ultimate platform-agnostic
> solution. While doing that I tried to make this process as easy as possible.
> After a month of hacking around I finally put together a small website to
> accomplish this.
>

> http://p.altcanvas.com- (I am calling it Processing.alt)

[Jayesh Salvi]

On Tue, Mar 16, 2010 at 9:39 PM, sanchothefat <r...@sanchothefat.com> wrote:
> Awesome stuff Jayesh,
>
> One point I will make though is that allowing people to write any old
> javascript and publish it to the gallery where others will then run
> that script presents some security issues. I could manipulate the DOM
> and inject my own scripts and so on. You could get round the issue to
> some extent by iframing the sketch aswell to stop any scripts from
> editing your IDEs source code.
>
> Keep up the good work.
>
> Rob

Thanks Rob for the tip on security issue. I will look into it.
--
Jayesh