Difference between revisions of "Processing.js"

From CDOT Wiki
Jump to: navigation, search
(→‎Processing tests available for usage)
(→‎Project Contributor(s))
 
(97 intermediate revisions by 20 users not shown)
Line 14: Line 14:
  
 
Check out [http://9elements.com/io/projects/html5/canvas/ http://9elements.com/io/projects/html5/canvas/] for a cool visual.
 
Check out [http://9elements.com/io/projects/html5/canvas/ http://9elements.com/io/projects/html5/canvas/] for a cool visual.
 +
==Project Details==
 +
 +
Processing is an open source programming language and environment for people who want to program images, animation, and interactions. Processing is an alternative to proprietary software tools in the same domain.
 +
 +
Processing.js will:
 +
 +
* enable Processing users to take advantage of the full power of the open web
 +
* serve as a forcing function to drive improvements in key aspects of Mozilla products and technologies, including; JavaScript, Canvas Functionality, applications of Bespin, Ubiquity, Multi-Touch and others
 +
 +
Read more on the project [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb  Processing For The Web].
 +
 +
'''Project Bugs & Tickets''' is [https://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets?q=all here]
  
 
==Project Leader(s) ==
 
==Project Leader(s) ==
Line 22: Line 34:
 
|-
 
|-
 
| [[User:David.humphrey|David Humphrey]] || [http://vocamus.net/dave blog] || humph
 
| [[User:David.humphrey|David Humphrey]] || [http://vocamus.net/dave blog] || humph
 +
|-
 +
| Corban Brook || [http://weare.buildingsky.net/ blog] || corban
 
|-
 
|-
 
| [[User:Anna.sobiepanek|Anna Sobiepanek]] || [http://annasob.wordpress.com/category/processing-js/ blog] || annasob
 
| [[User:Anna.sobiepanek|Anna Sobiepanek]] || [http://annasob.wordpress.com/category/processing-js/ blog] || annasob
 
|-
 
|-
−
|[[User:Asalga|Andor Salga]] || [http://asalga.wordpress.com/ blog] || andor
+
|[[User:Asalga|Andor Salga]] || [http://asalga.wordpress.com/ blog] || asalga
 
|-
 
|-
−
|[[User:ASydiK|Mickael Medel]] || [http://asydik.wordpress.com/category/professional/open-source/processing-js/ blog] || medel
+
|[[User:ASydiK|Mickael Medel]] || [http://asydik.wordpress.com/category/professional/open-source/processing-js/ blog] || aSydiK
 
|-
 
|-
 
|[[User:mlam19|Matthew Lam]] || [http://wobblyretroaction.blogspot.com/ blog] || mlam19
 
|[[User:mlam19|Matthew Lam]] || [http://wobblyretroaction.blogspot.com/ blog] || mlam19
 +
|-
 +
|[[User:dhhodgin|Daniel Hodgin]] || [http://www.hodgin.ca/ blog] || dhodgin
 +
|-
 +
|[[User:dominic|Dominic Baranski]] || [http://www.dbaranski.net/ blog] || dcbarans
 +
|-
 +
|[[User:sdowne|Scott Downe]] || [http://scottdowne.blogspot.com blog]  || scott
 +
|-
 +
|}
 +
 +
==Project Contributor(s)==
 +
 +
{| class="wikitable" style="text-align:center" border="1" cellpadding="2" width="500px"
 +
! Name/User Page !! Blog !! IRC Nick(s)
 +
|-
 +
| [[User:AbelAllison|Abel Allison]] || [http://blog.groovemechanic.net/ blog] || aallison
 +
|-
 +
| [[User:Andrewgrimo|Andrew Grimo]] || [http://andrewgrimo.wordpress.com/category/open-source/ blog] ||
 +
|-
 +
| [[User:eston|Eston Bond]] || [http://socialuxe.com/ blog] || eston
 +
|-
 +
| [[User:Minooz/OSD600|Minoo Ziaei]] || [http://minooz.wordpress.com/category/processing/ blog] || Minooz
 +
|-
 +
| Mike Kamermans || [http://projects.nihongoresources.com blog] || Pomax
 +
|-
 +
| Yury Delendik || ||
 +
|}
 +
 +
==Former Member(s) ==
 +
 +
 +
{| class="wikitable" style="text-align:center" border="1" cellpadding="2" width="500px"
 +
! Name/User Page !! Blog !! IRC Nick(s)
 
|-
 
|-
 
|[[User:dliu53|Donghui Liu]] || [http://dliu53.wordpress.com/ blog] || dliu53
 
|[[User:dliu53|Donghui Liu]] || [http://dliu53.wordpress.com/ blog] || dliu53
Line 37: Line 83:
 
|[[User:Tyrant911|Alex Londono]] || [http://tyrant911-processingdotjs.blogspot.com/ blog] || Tyrant911
 
|[[User:Tyrant911|Alex Londono]] || [http://tyrant911-processingdotjs.blogspot.com/ blog] || Tyrant911
 
|-
 
|-
−
|[[User:xudiera|Carlos Xudiera]] || [http://xudiera.wordpress.com/ blog] || xudiera
+
|[[User:Tiago|Tiago Moreira]] || [http://tiago.kamots.net/ blog] || Kamots
 +
|-
 +
|[[User:Jmchen|Jianming Chen]] || [http://jmchen11.wordpress.com/ blog] || jmchen11
 +
|-
 +
|[[User:Zbhuang1|Zhibin Huang]] || [http://zbhuang1.blogspot.com/ blog]  || zbhuang1
 
|-
 
|-
−
|[[User:dhhodgin|Daniel Hodgin]] || [http://dhodgin.wordpress.com/ blog] || dhodgin
+
|[[User:tdao75|Thanh Dao]] || [http://tdao75.blogspot.com blog]   || tdao75
 
|}
 
|}
−
 
−
==Project Contributor(s)==
 
−
 
−
* [[User:Andrewgrimo|Andrew Grimo]]
 
  
 
==Related Bugs==
 
==Related Bugs==
Line 55: Line 101:
 
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=501677 Bug 501677] - Drawing lines in big Canvas don't work always</li>
 
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=501677 Bug 501677] - Drawing lines in big Canvas don't work always</li>
 
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=518173 Bug 518173] - webgl does not build on Darwin/X11 (bad gl.h)</li>
 
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=518173 Bug 518173] - webgl does not build on Darwin/X11 (bad gl.h)</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=411475 Bug 411475] - Canvas3D not working on Radeon 9250</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=488271 Bug 488271] - Examples crash with ATI on Vista</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=480993 Bug 480993] - Canvas 3D spec tests</li>
 
</ul>
 
</ul>
  
Line 64: Line 113:
 
</ul>
 
</ul>
  
−
==Project Details==
 
−
 
−
Processing is an open source programming language and environment for people who want to program images, animation, and interactions. Processing is an alternative to proprietary software tools in the same domain.
 
−
 
−
Processing.js will:
 
−
 
−
* enable Processing users to take advantage of the full power of the open web
 
−
* serve as a forcing function to drive improvements in key aspects of Mozilla products and technologies, including; JavaScript, Camvas Functionality, applications of Bespin, Ubiquity, Multi-Touch and others
 
−
 
−
Read more on the project [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb  Processing For The Web].
 
  
−
'''Project Task List''' is [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/Tasks here]
 
  
 
==Resources==
 
==Resources==
Line 97: Line 135:
 
# Experiment around with the Processing Java app, use the Basic Examples @ http://processing.org/learning/basics/ and make something cool, interesting, wacky, where-ever your experiment takes you.
 
# Experiment around with the Processing Java app, use the Basic Examples @ http://processing.org/learning/basics/ and make something cool, interesting, wacky, where-ever your experiment takes you.
 
# Test whether you can re-create your sketch by copying your code to http://hasCanvas.com You can share your work so others can see what you have done, you can also use hasCanvas to embed your visualization in your web site / blog.
 
# Test whether you can re-create your sketch by copying your code to http://hasCanvas.com You can share your work so others can see what you have done, you can also use hasCanvas to embed your visualization in your web site / blog.
 +
# How to documentation for processing.js inconsistencies from java processing @ http://zenit.senecac.on.ca/wiki/index.php/Processing.js/HowTo
  
−
==Processing.js 0.1 Code status==
+
==Conference Call==
−
This table is for students who have 0.1 code that needs to be pushed into the processing.js library<br/>
+
Up until the end of April, we will be doing conference calls with the processing.js developers on a weekly basis. We will post the links to the minutes here as well as any agendas, etc.  
−
Please add your functions below that require review by Al.<br/>
+
===Call Details===
−
A new format for submitting work for review and a bug tracker will be implemented by 0.2 release time<br />
+
Call will take place Thursdays at 5:15pm
−
How to use this chart:
+
===Primary Dial-in Numbers===
−
* function: your functions name or function you modified
+
+1 416-848-3114 [ Extension 92, Conference# 7633 ] (Canada) <br>
−
* name: your name
+
+1 800-707-2533 [ Pin 369, Conference# 7633 ] (Canada/US Toll Free)
−
* code link: a link to the code snippet or diff file if you had to change a function
 
−
* state: r?, needs review by Al. r-, reviewed by Al and not fit for check-in yet. r+, reviewed by Al and work looks ok. checked-in, reviewed by Al and checked into the library.
 
−
* comments: comments you can put for Al or he can put regarding his review of your work.
 
−
 
 
−
<table border="1" width="100%" cellspacing="1" cellpadding="1">
 
−
<tr>
 
−
  <td width="20%"><b>Function</b></td><td width="15%"><b>Name</b></td><td width="15%"><b>Code link</b></td><td width="10%"><b>State<br/>(r?, r-, r+, checked-in)</b></td><td><b>Comments</b></td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Shorten()</td>
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>[http://zenit.senecac.on.ca/wiki/index.php/User:Dhhodgin#shorten.28.29 shorten()]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Expand()</td>
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>[http://zenit.senecac.on.ca/wiki/index.php/User:Dhhodgin#expand.28.29 expand()]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Unhex()</td>
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>[http://zenit.senecac.on.ca/wiki/index.php/User:Dhhodgin#unhex.28.29 unhex()]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Nfs()</td>
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>[http://zenit.senecac.on.ca/wiki/index.php/User:Dhhodgin#nfs.28.29 nfs()]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>split(), trim(), arrayCopy()</td>
 
−
  <td>Edward Sin</td>
 
−
  <td>[http://github.com/MinyXO/processing-js/commit/1c6ad7041fbcbb3dd88952d7b236de4b41ed518d link]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>match()</td>
 
−
  <td>Edward Sin</td>
 
−
  <td>[http://github.com/MinyXO/processing-js/commit/46158a60de87859fb4a9fddfa771ba69463f3e6d match()]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>append()</td>
 
−
  <td>Edward Sin</td>
 
−
  <td>[http://github.com/MinyXO/processing-js/commit/6f0ba75d8d0c7620336134f883ffb10eea13873d append()]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>online(), splitToken()</td>
 
−
  <td>Edward Sin</td>
 
−
  <td>[http://github.com/MinyXO/processing-js/commit/2551f75d68d6780554769994873bbde814a2ca14 link]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>splice(), subset(), mag(), focused</td>
 
−
  <td>Andor Salga</td>
 
−
  <td>[http://matrix.senecac.on.ca/~asalga/DPS909/release0.1/asalga_release_0.1 patch]</td>
 
−
  <td>r? Al</td>
 
−
  <td>review needed by Al</td>
 
−
</tr>
 
−
</table>
 
−
 
 
−
==Project Tests==
 
−
Project html template for creating tests that all look the same [[ProcessingTestsTemplate]]
 
−
===Processing tests available for usage===
 
−
<table border="1" width="100%" cellspacing="1" cellpadding="1">
 
−
<tr>
 
−
  <td width="20%"><b>Student</b></td>    <td width="20%"> <b>Date</b></td>        <td><b>Test Description</b></td>
 
−
</tr>
 
−
 
 
−
<tr> 
 
−
  <td>Andor Salga</td>
 
−
  <td>Oct 15 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~asalga/DPS909/release0.1/work/tests/mag_test.html mag()]</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Andor Salga</td>
 
−
  <td>Oct 15 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~asalga/DPS909/release0.1/work/tests/splice_test.html splice()]</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Andor Salga</td>
 
−
  <td>Oct 15 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~asalga/DPS909/release0.1/work/tests/focused_test.html focused]</td>
 
−
</tr>
 
  
−
<tr> 
+
===Agendas/Minutes===
−
  <td>Daniel Hodgin</td>
 
−
  <td>Oct 21 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~dhhodgin/dps909/shorten_test.html shorten()]</td>
 
−
</tr>
 
  
−
<tr> 
+
[[Processing.js/ConferenceCalls|Conference Call Meetings]]
−
  <td>Andrew Grimo</td>
+
==Documentation==
−
  <td>Oct 23 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~agrimo/processing.js/subset-processing_js.html subset()] - done for Andor's function, calling the Processing.js file on his Matrix account</td>
 
−
</tr>
 
  
−
<tr>
+
[[Processing.js/HowTo|Getting Started With Processing]]
−
  <td>Mickael Medel</td>
 
−
  <td>Oct 23 2009</td>
 
−
  <td>PVector.add() [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_add1.html version 1] [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_add2.html version 2]</td>
 
−
</tr>
 
−
<tr>
 
−
  <td>Mickael Medel</td>
 
−
  <td>Oct 23 2009</td>
 
−
  <td>PVector.sub() [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_sub1.html version 1] [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_sub2.html version 2]</td>
 
−
</tr>
 
−
<tr>
 
−
  <td>Mickael Medel</td>
 
−
  <td>Oct 23 2009</td>
 
−
  <td>PVector.mult() [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_mult1.html version 1] [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_mult2.html version 2]</td>
 
−
</tr>
 
−
<tr>
 
−
  <td>Mickael Medel</td>
 
−
  <td>Oct 23 2009</td>
 
−
  <td>PVector.div() [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_div1.html version 1] [http://matrix.senecac.on.ca/~mnmedel/Processing-JS/pvector/pvector_div2.html version 2]</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>Oct 24 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~dhhodgin/dps909/expand_test.htm expand()]</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>Oct 27 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~dhhodgin/dps909/unhex_test.htm unhex()]</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>Oct 28 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~dhhodgin/dps909/nfs_test.htm nfs()]</td>
 
−
</tr>
 
−
<tr> 
 
−
  <td>Daniel Hodgin</td>
 
−
  <td>Nov 13 2009</td>
 
−
  <td>[http://matrix.senecac.on.ca/~dhhodgin/dps909/nfc_test.htm nfc()]</td>
 
−
</tr>
 
−
</table><br />
 

Latest revision as of 21:05, 12 April 2011

Project Name

Processing.js

Project Description

Processing.js is a proposed Mozilla-sponsored project, its main purpose is to wrap Java-based language functions into Javascript. The purpose of this is to use visuals on the open web, using standard technologies such as JavaScript and Canvas.

Read more about processing for the web http://processing.org

Read more about Canvas http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html

Read more about Drawing with Canvas https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas

Check out http://9elements.com/io/projects/html5/canvas/ for a cool visual.

Project Details

Processing is an open source programming language and environment for people who want to program images, animation, and interactions. Processing is an alternative to proprietary software tools in the same domain.

Processing.js will:

  • enable Processing users to take advantage of the full power of the open web
  • serve as a forcing function to drive improvements in key aspects of Mozilla products and technologies, including; JavaScript, Canvas Functionality, applications of Bespin, Ubiquity, Multi-Touch and others

Read more on the project Processing For The Web.

Project Bugs & Tickets is here

Project Leader(s)

Name/User Page Blog IRC Nick(s)
David Humphrey blog humph
Corban Brook blog corban
Anna Sobiepanek blog annasob
Andor Salga blog asalga
Mickael Medel blog aSydiK
Matthew Lam blog mlam19
Daniel Hodgin blog dhodgin
Dominic Baranski blog dcbarans
Scott Downe blog scott

Project Contributor(s)

Name/User Page Blog IRC Nick(s)
Abel Allison blog aallison
Andrew Grimo blog
Eston Bond blog eston
Minoo Ziaei blog Minooz
Mike Kamermans blog Pomax
Yury Delendik

Former Member(s)

Name/User Page Blog IRC Nick(s)
Donghui Liu blog dliu53
Edward Sin blog MinyXO
Alex Londono blog Tyrant911
Tiago Moreira blog Kamots
Jianming Chen blog jmchen11
Zhibin Huang blog zbhuang1
Thanh Dao blog tdao75

Related Bugs

Canvas

  • Bug 381930 - No repaint inside very large canvas
  • Bug 370450 - Safari "canvas" demonstration cause Minefield to hang while page is loaded
  • Bug 408372 - <canvas> canvas animation is jerky on Firefox 3 beta 1, Linux x86_64
  • Bug 501677 - Drawing lines in big Canvas don't work always
  • Bug 518173 - webgl does not build on Darwin/X11 (bad gl.h)
  • Bug 411475 - Canvas3D not working on Radeon 9250
  • Bug 488271 - Examples crash with ATI on Vista
  • Bug 480993 - Canvas 3D spec tests

WebGL


Resources

Tools

  1. Processing (Java) @ http://Processing.org
  2. Processing JS code @ http://ProcessingJS.org
  3. Minefield builds for WebGL (build your own or http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/). See also Vlad's post on this: http://blog.vlad1.com/2009/09/18/webgl-in-firefox-nightly-builds/
  4. Git, http://Github.com & a great video tutorial on Git @ http://peepcode.com/products/git
  5. AlertThingy (can plug your Github repo rss feed in and get live updates when other users submit code) @ http://www.alertthingy.com/
  6. HasCanvas, a Processing JS IDE @ http://HasCanvas.com

Learning

  1. Recent interview with creators of Processing about the language and its future
  2. Download the Java version of Processing @ http://processing.org/download/
  3. Look at what Processing Java is capable of @ http://processing.org/exhibition/
  4. Look at what has been done with Processing JS so far @ http://processingjs.org/exhibition & @ http://hascanvas.com/#open-about
  5. Read Processing articles "Getting Started" & "Coordiante System & Shapes" @ http://processing.org/learning/gettingstarted/ & @ http://processing.org/learning/drawing/
  6. Experiment around with the Processing Java app, use the Basic Examples @ http://processing.org/learning/basics/ and make something cool, interesting, wacky, where-ever your experiment takes you.
  7. Test whether you can re-create your sketch by copying your code to http://hasCanvas.com You can share your work so others can see what you have done, you can also use hasCanvas to embed your visualization in your web site / blog.
  8. How to documentation for processing.js inconsistencies from java processing @ http://zenit.senecac.on.ca/wiki/index.php/Processing.js/HowTo

Conference Call

Up until the end of April, we will be doing conference calls with the processing.js developers on a weekly basis. We will post the links to the minutes here as well as any agendas, etc.

Call Details

Call will take place Thursdays at 5:15pm

Primary Dial-in Numbers

+1 416-848-3114 [ Extension 92, Conference# 7633 ] (Canada)
+1 800-707-2533 [ Pin 369, Conference# 7633 ] (Canada/US Toll Free)

Agendas/Minutes

Conference Call Meetings

Documentation

Getting Started With Processing

Retrieved from "https://wiki.cdot.senecapolytechnic.ca/w/index.php?title=Processing.js&oldid=62656"