Difference between revisions of "Processing.js/Presentation"
(→PImage) |
|||
| Line 1: | Line 1: | ||
| − | == | + | ==Background== |
| − | + | *'''Matthew''' | |
| − | + | *What is Processing.js? | |
| − | *P5 | + | **a JS port of the visual media programming language P5 |
| − | + | **PJS outputs the picture/animation/etc. to the new HTML5 canvas element | |
| + | **cadre of Seneca students, joined by others through the Internet, have been working to complete the port since Fall 2009 | ||
| + | *Where did it come from? | ||
| + | **Processing | ||
| + | ***An open source Java-based visual media programming language | ||
| + | ***Developed by Ben Fry and Casey Reas at MIT as an educational tool | ||
| + | ***Has since gone on to be used in industry and spread over the Internet | ||
| + | ***http://www.openprocessing.org/ | ||
| + | ***Continues to spread: Fry employed by Google to bring P5 to the Android OS for mobile devices | ||
| + | ***P5 comes with its own development environment which can export "sketches" as a Java applet | ||
| + | ***Applets can be embedded in websites asd usual | ||
| + | ***A short demonstration of the PDE | ||
*PJS - what are we trying to accomplish | *PJS - what are we trying to accomplish | ||
| − | + | ==PImage== | |
| − | + | *'''Daniel''' | |
| − | * | + | *talk about experience with PImage, having multiple opinions and ways of doing stuff |
*getting to talk to originators of the processing language and meet and talk to people from mozilla and community | *getting to talk to originators of the processing language and meet and talk to people from mozilla and community | ||
*demos/examples, [http://matrix.senecac.on.ca/~dhhodgin/dps911/examples/seneca/pimage/pimageset.htm color picker], [http://matrix.senecac.on.ca/~dhhodgin/dps911/examples/seneca/pimage/thumbnail.htm thumbnail viewer], Andor's crayon sketch ? | *demos/examples, [http://matrix.senecac.on.ca/~dhhodgin/dps911/examples/seneca/pimage/pimageset.htm color picker], [http://matrix.senecac.on.ca/~dhhodgin/dps911/examples/seneca/pimage/thumbnail.htm thumbnail viewer], Andor's crayon sketch ? | ||
| Line 14: | Line 25: | ||
*how seneca open source courses helped me realize the power of community | *how seneca open source courses helped me realize the power of community | ||
| − | + | ==3D Stuff== | |
| − | *Andor | + | *'''Andor''' |
| − | + | * Roadmap | |
| − | + | * Challenges (Performance, Browser-compatibility, Working Specification) | |
| − | + | * Demos (Sol,?) | |
===Bespin=== | ===Bespin=== | ||
| − | *Anna | + | *'''Anna''' |
| + | *show off bespin examples | ||
===Managing Process=== | ===Managing Process=== | ||
| − | + | *'''Anna''' | |
| − | |||
* Git Hub | * Git Hub | ||
| Line 39: | Line 50: | ||
===Working with the Community=== | ===Working with the Community=== | ||
| − | + | *Demos | |
| − | [http://processingjs.org/community PJS Community] | + | **[http://processingjs.org/community PJS Community] |
| − | + | **[http://luckybite.com/iprocessing/ iProcessing] | |
| − | [http://luckybite.com/iprocessing/ iProcessing] | + | **[http://hyper-metrix.com/processing-js/docs/?page=Multi-Touch%20Screen%20Input F1LT3R's multitouch demo] |
| − | + | **[http://www.youtube.com/watch?v=WSoALhMIJho F1LT3R's Video-Audio Stream to 3D Visualization] | |
| − | [http://hyper-metrix.com/processing-js/docs/?page=Multi-Touch%20Screen%20Input F1LT3R's multitouch demo] | + | **[http://code.bocoup.com/processing-js/video/bloom-01.html Bloom] |
| − | + | **[http://hascanvas.com/ Has Canvas] | |
| − | [http://www.youtube.com/watch?v=WSoALhMIJho F1LT3R's Video-Audio Stream to 3D Visualization] | + | **[http://askken.heroku.com/ Ask Ken] |
| − | + | **[http://www.openprocessing.org/visuals/?visualID=9013 Comments Visualizer] | |
| − | [http://code.bocoup.com/processing-js/video/bloom-01.html Bloom] | + | **[http://processing-js.buildingsky.net/ Processing JS test suite] |
| − | + | **[http://ptdef.com/ Processing Tower Defense] | |
| − | [http://hascanvas.com/ Has Canvas] | + | **[http://www.youtube.com/watch?v=xHF-5tnIJL4 MatchThemColors] |
| − | + | **[http://weare.buildingsky.net/processing-js/choplifter.html Corban's Choplifter] | |
| − | [http://askken.heroku.com/ Ask Ken] | ||
| − | |||
| − | [http://www.openprocessing.org/visuals/?visualID=9013 Comments Visualizer] | ||
| − | |||
| − | [http://processing-js.buildingsky.net/ Processing JS test suite] | ||
| − | |||
| − | [http://ptdef.com/ Processing Tower Defense] | ||
| − | |||
| − | [http://www.youtube.com/watch?v=xHF-5tnIJL4 MatchThemColors] | ||
| − | |||
| − | [http://weare.buildingsky.net/processing-js/choplifter.html Corban's Choplifter] | ||
| − | |||
* Usage around the web and world, askken, iPhone/iPad, teaching | * Usage around the web and world, askken, iPhone/iPad, teaching | ||
* how big the community is: who uses processing, how many people in channel | * how big the community is: who uses processing, how many people in channel | ||
* irc/twitter talking to people from around the world watching the news spread | * irc/twitter talking to people from around the world watching the news spread | ||
| − | |||
* working with professionals | * working with professionals | ||
| − | |||
* working with people from all around the world | * working with people from all around the world | ||
Revision as of 23:06, 22 April 2010
Contents
Background
- Matthew
- What is Processing.js?
- a JS port of the visual media programming language P5
- PJS outputs the picture/animation/etc. to the new HTML5 canvas element
- cadre of Seneca students, joined by others through the Internet, have been working to complete the port since Fall 2009
- Where did it come from?
- Processing
- An open source Java-based visual media programming language
- Developed by Ben Fry and Casey Reas at MIT as an educational tool
- Has since gone on to be used in industry and spread over the Internet
- http://www.openprocessing.org/
- Continues to spread: Fry employed by Google to bring P5 to the Android OS for mobile devices
- P5 comes with its own development environment which can export "sketches" as a Java applet
- Applets can be embedded in websites asd usual
- A short demonstration of the PDE
- Processing
- PJS - what are we trying to accomplish
PImage
- Daniel
- talk about experience with PImage, having multiple opinions and ways of doing stuff
- getting to talk to originators of the processing language and meet and talk to people from mozilla and community
- demos/examples, color picker, thumbnail viewer, Andor's crayon sketch ?
- difficulties. performance issues
- how seneca open source courses helped me realize the power of community
3D Stuff
- Andor
- Roadmap
- Challenges (Performance, Browser-compatibility, Working Specification)
- Demos (Sol,?)
Bespin
- Anna
- show off bespin examples
Managing Process
- Anna
- Git Hub
- work-flow decisions
- decision making process
- managing an Open-Source project
- difficulties
Working with the Community
- Demos
- Usage around the web and world, askken, iPhone/iPad, teaching
- how big the community is: who uses processing, how many people in channel
- irc/twitter talking to people from around the world watching the news spread
- working with professionals
- working with people from all around the world
