Open main menu

CDOT Wiki β

Changes

FSOSS 2010/processing.js/

326 bytes added, 07:29, 28 October 2010
no edit summary
==Goals& Schedule==<ul> <li>Develop a simple 2D or 3D game using in Processing</li> <li>9-11 Examples and exercises</li> <li>11-12 Work, experiment, collaborate</li></ul>
<li>Does not require a plug-in</li>
<li>Uses the <canvas> tag</li>
<li>Lots of IDEs [http://processingjs.org/learning/ide Processing.js IDE], [http://hascanvas.com/ HasCanvas], [http://sketchpad.cc/ SketchPad], [http://sketch.processing.org/ Sketch.Processing.org], [http://matrix.senecac.on.ca/~asalga/pjswebide/ My IDE]</li>
</ul>
Lots of IDEs
[http://processingjs.org/learning/ide Processing.js IDE]
[http://hascanvas.com/ HasCanvas]
[http://sketchpad.cc/ SketchPad]
[http://sketch.processing.org/ Sketch.Processing.org]
[http://matrix.senecac.on.ca/~asalga/pjswebide/ My IDE]
<li>Instructions to enabled WebGL [http://www.c3dl.org/index.php/tutorials/tutorial-1-browsers/ here]</li>
</ul>
 
==Setting up Processing.js==
<li>[http://zenit.senecac.on.ca/wiki/index.php/FSOSS_2010/processing.js/setupHTMLFile HTML file]</li>
</ul>
 
 
<b>Coordinate system</b><br />
<ul>
<li>size() sets canvas dimensions</li>
<li> top-left corner [0, 0]</li>
<li> X increases right</li>
<li> Y increases downwards</li>
</ul>
<b>Vectors & TransfomationsTransformations</b>
[http://zenit.senecac.on.ca/wiki/index.php/FSOSS_2010/processing.js/vectors Vectors]
 
[http://zenit.senecac.on.ca/wiki/index.php/FSOSS_2010/processing.js/vector_ex Vector Exercise]
Particle System [http://zenit.senecac.on.ca/wiki/index.php/FSOSS_2010/processing.js/psys1 Example]
<b>Exercise!</b> Modify the Particle System
[http://zenit.senecac.on.ca/wiki/index.php/FSOSS_2010/processing.js/transforms transformsTransformations]  [http://zenit.senecac.on.ca/wiki/index.php/FSOSS_2010/processing.js/transforms_ex Transform Exercise]
Flying side-scroller<br />
[http://en.wikipedia.org/wiki/Sokoban Sokoban]<br />
 
==Gotchas==
<ul><li>Integer/Integer division println(5/2) v.s. println(5/2.0)</li>
<li>NPOT (Non Power of Two) textures will not load in 3D</li>
<li>color does not use <b>new</b></li>
</ul>
1
edit