iphone processing
Loading...
Uploaded by mqwaq on May 31, 2008
A port of Processing based on javascript, Processing.js and a custom built canvas-object running on the iPhone.
I was as impressed with the Processing.js implementation by John Resig as everyone else. And I naturally looked into the code to figure out how he had managed to do it. As he explains on his site, its all built around the browser canvas-object, and specifically the CanvasRenderingContext2D -object.
I had a look at the specification for the context object and the methods that Processing.js are using and realized that there were only about 8-10 methods needed.
So, I downloaded the JavaScript engine SpiderMonkey from Mozilla. With some inspiration from the Jiggy-project I configured and compiled it for the iphone. Then hooked it up with Processing.js, and wrote my own version of the context-object using OpenGL ES.
During this process I had to rewrite parts of Processing.js in ObjC for performance reasons.
Results? A hack of processing running on the iPhone with reasonable speed.
Examples shown in this video are StoringInput, BouncyBubbles (changed to use iphone accelerometer) and Substrate.
- 65 likes, 6 dislikes
-
Link to this comment:
Uploader Comments (mqwaq)
Top Comments
-
Any chance of this going open source?
3 years ago 5
-
You should definitely share this framework. Right?
:D
2 years ago 4
All Comments (43)
-
wonderful!! very interesting :D
-
A nice and simple tutorial. Thanks a? lot
-
What, fake? How the hell could that be fake? It's even more difficult to fake it than to write the code...
Think before you post such silly comments.
-
FAKE
-
that is nice very nice processing is my favorite language for graphics
-
excellent work!
- 1:33Fancy FFT Effect in Processingby RobotGrrl9124,904 views
- 2:30iPhone OpenGL Demo - Rotating Textured 3D Cubeby zveriu27,722 views
- 0:40Rasmussen processing vis 5by Rasmussen2714,303 views
- 4:06processing 3d pixels from live videoby stevecooley42,132 views
- 0:35iSnake for iPhone - accelerometer controlled sn...by cedsoft5488,563 views
- 6:49Pollock In Actionby extrapixel83299,329 views
- 2:53Trism for the iPhone : Second Look!by DemioneNDF65,843 views
- 0:52Earthscape Basic for iPhoneby earthscapedotcom107,517 views
- 58:31John Resig: Javascript and jQueryby nuACM18,744 views
- 1:34Program Processing On The iPadby bjepson15,964 views
- 2:48There's only you - Processing visualsby SimonGeilfus20,203 views
- 2:09Apple iPhone 3G Image processing - Mobile Fotos...by monkeyish20086,057 views
- 1:03Processing 1.0 Animationby Dzire883,831 views
- 0:4116x16 led matrix like 'iphone'by loirengineer353,932 views
- 6:45Digital Media Design - Processingby jamyshaw14,485 views
- 0:29Blast Processing! (Sega Genesis Commercial)by Vectorman2195,352 views
- 2:27Javascript Based Virtual iPhone (higher quality...by tempAccount25,212 views
- 1:09Processing Einführung Germanby Pykev2,406 views
- 0:51Iphone OpenGL ES Animation Engine Demoby samruby825,594 views
Most excellent! But I thought some of the Processing.js demos already work in Safari or latest WebKit. Surely you're using some of Safari/WebKit to do this.
skierpage 3 years ago
No, this is based purely on the SpiderMonkey engine with my own graphics-backend in OpenGL. To make it clear, I have only implemented the drawing functionality that Processing.js is using.
I'm sure it would be possible to use the WebKit-code as well in some way. The big questions is if it would be fast enough.
mqwaq 3 years ago