MozillaWiki

Education/Projects/ProcessingForTheWeb/Tasks: Difference between revisions

< Education‎ | Projects‎ | ProcessingForTheWeb
 
(105 intermediate revisions by 10 users not shown)
Line 1: Line 1:
== Summary ==
<div style="background-color: #faa; padding: 0px 5px; border: double 4px red;">


This page lists tasks to be done as part of the [[Education/Projects/ProcessingForTheWeb|Processing For The Web]] project, in order to fully implement all of Processing in processing.js. The work is being led by David Humphrey and Al MacDonald, and done by students at Seneca College.  You are welcome to join this work.
= THIS LIST IS BEING DEPRECATED! PLEASE READ FIRST! =


== Task List ==
The task list is in the process of being ported over to the Lighthouse issue tracking system.  See [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets the list of tickets there].


The following lists of Bugs, Features, and Functions was compiled by Al MacDonald.
Several people have been helping to move issues over.  If you'd like to help, please follow the pattern below of finding or creating a lighthouse ticket to track each function, and linking that ticket from the table below.


=== Bugs ===
If you have to create a new ticket for a function, include a link it the ticket's decription to the original Processing reference for that function, which you can find on [http://processing.org/reference/ this list].


{| class="wikitable" border="1"
Once the list is fully ported over, this page can be deleted and everything can be run from Lighthouse.
|-
! Bug
! Description
! Attachment/link
! Difficulty
|-
| variable + space + semicolon
| Defining a variable such as "float y ;" with a space between the number and the semicolon can cause regex parsing errors.
|
| Difficult
|-
| // Comment
| Using double slashed comments // at the end of any script will cause REGEX to loop on parsing, subsequently crashing browser. Quick solution is to add a blank line at the end of every script.
|
| Difficult
|-
| mouseX & mouseY
| mouseX and mouseY are returned as incorrect values when the canvas is a child of a relative element.
|
| Medium
|-
| nf()
| Using nf() on some numbers crashes FireFox. EG: String sf = nf(9.012, 3, 5); from http://processing.org/reference/color_datatype.html will not work.
| [http://dhodgin.wordpress.com dhodgin] will look into this one, has an idea. also needs support for 3 args
| Difficult
|-
| keyCode, CODED, etc
| Keyboard functions need fleshing out and cross-browser/cross-platform testing.
|
| Medium
|-
| The Angel Bug
| When the regex parse encounters strings with a comma in, it parses the word before the comma as a variable. Work around is to escape strings... String myString =  “this \, is a string”; But that is in no way ideal. More info: http://hyper-metrix.com/processing-js/docs/?page=Angels%20Weep
|
| Difficult
|-
| Table bug
| Processing.js demos will not render if they are in a table. However any canvas demo does.
|[http://matrix.senecac.on.ca/~asalga/pjs/table_test/table_test.html Table test]
| Undetermined
|-
| Boolean array bug
| Processing.js fails if an array of booleans is created with a variable defined before array.
|[http://matrix.senecac.on.ca/~asalga/pjs/table_test/boolean_test.html Boolean array test]
| Undetermined
|-
| Overloading function bug
|
|
| Undetermined
|-
|-
| Drop frame system
| A method to drop frames that are not drawn in time. This would be great for media-syncing if you want your app to stay in-time with audio and video. Not sure how plain-old JS timers will handle this... but it's worth testing
|
| Medium
|}


=== Missing Features ===
</div>


This is a list of all the out-standing functions in the Processing.js implementation. A more detailed description of the unfinished functions can be found at: http://processingjs.org/reference. (Click “toggle all” to see the list.)
== Summary ==
 
==== 3D Features  ====
 
{| border="1" style="width: 688px; height: 884px;" class="wikitable"
|-
! Name
! Description
! Who's working on it.
! STATUS
! Difficulty
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/c3dlwebgl C3DLtoWebGL]
|  Make C3DL WebGL compatible instead of relying on Canvas3D plug-in.
| [http://asalga.wordpress.com asalga]
|
| Undetermined
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/Tasks/initialization initialization]
| All the required code to get a 3D context ready for rendering.
| [http://asalga.wordpress.com asalga]
|
| Difficult
|-
| curve()
| Need the 3rd dimension here.
| [[User:Anna.sobiepanek|asob]]
|
| Difficult
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/Tasks/box box()]
| And here.
| [[User:Anna.sobiepanek|asob]]
|
| Difficult
|-
| sphere()
| And here...
| [[User:Anna.sobiepanek|asob]]
|
| Difficult
|-
| sphereDetail()
| Yep... lots of 3D needed.
|
|
| Difficult
|-
| rotateX()
| Done the math. Not implemented in in Processing.js. See: http://hascanvas.com/Disco for example.
| [[User:Anna.sobiepanek|asob]]
|
| Difficult
|-
| rotateY()
| Done the math. Not implemented in in PJS. Superior code welcome.
| [[User:Anna.sobiepanek|asob]]
|
| Difficult
|-
| rotateZ()
| Done the math. Not implemented in in PJS. Superior code welcome.
| [[User:Anna.sobiepanek|asob]]
|
| Difficult
|-
| abientLight()
| <br>
|
|
| Difficult
|-
| directionalLight()
| <br>
|
|
| Difficult
|-
| lightFalloff()
| <br>
|
|
|
|-
| lightSpecular()
| <br>
|
|
| Difficult
|-
| lights()
| <br>
|
|
| Difficult
|-
| noLights()
| <br>
|
|
| Difficult
|-
| normal()
| Done the math. Not implemented in in PJS. Superior code welcome.
|
|
| Difficult
|-
| pointLight()
| <br>
|
|
| Difficult
|-
| spotLight()
| <br>
|
|
| Difficult
|-
| beginCamera()
| <br>
|
|
| Difficult
|-
| camera()
| <br>
|
|
| Difficult
|-
| endCamera()
| <br>
|
|
| Difficult
|-
| frustrum()
| Done the math. Not implemented in in PJS. Superior code welcome.
|
|
| Difficult
|-
| ortho()
| <br>
|
|
| Difficult
|-
| perspective()
| <br>
|
|
| Difficult
|-
| printCamera()
| <br>
|
|
|
|-
| printProjection()
| <br>
|
|
| Difficult
|-
| modelX()
| <br>
|
|
| Difficult
|-
| modelY()
| <br>
|
|
|
|-
| modelZ()
| <br>
|
|
| Difficult
|-
| screenX()
| <br>
|
|
| Difficult
|-
| screenY()
| <br>
|
|
| Difficult
|-
| screenZ()
| <br>
|
|
| Difficult
|-
| ambient()
| <br>
|
|
| Difficult
|-
| emissive()
| <br>
|
|
| Difficult
|-
| shininess()
| <br>
|
|
| Difficult
|-
| specular()
| <br>
|
|
| Difficult
|-
| scale()
| Only 2D implemented
|
|
| Difficult
|-
| rotate()
| Only 2D implemented
|
|
| Difficult
|-
| translate()
| Only 2D implemented
|
|
| Difficult
|-
| hint()
| Detects OpenGL hardware, specs etc.
|
|
| Difficult
|-
| PVector
| 2D or 3D vector should be returned.
| [http://asydik.wordpress.com/category/professional/open-source/processing-js/ medel]
|
| Difficult
|}
 
==== Misc. Features  ====


{| border="1" class="wikitable"
This page use to contain a lists of tasks to be done as part of the [[Education/Projects/ProcessingForTheWeb|Processing For The Web]] project, in order to fully implement all of Processing in processing.js. The work is being led by David Humphrey and Al MacDonald, and done by students at Seneca College. You are welcome to join this work.
|-
! Name
! Description
! Who's working on it.
! STATUS
! Difficulty
|-
| delay()
| Some exploration done... a couple of work-arounds found. A deeper look into this needed as the work-arounds did not function as expected in all situations due to the non-blocking nature of Javascript animation techniques.
|
|
| Difficult
|-
| popStyle()
| Requested by Google Group.
| [[User:mlam|mlam]]
|
| Difficult
|-
| private
| Worth the effort in Javascript? Maybe.
|
|
|
|-
| pushStyle()
| Requested by Google Group.
| [[User:mlam|mlam]]
|
| Difficult
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/cursor cursor()]
| Some work finished and pushed to master.
| [[User:Anna.sobiepanek|asob]]
|
| Medium
|-
| focused
|
| [http://asalga.wordpress.com andor]
|
| Easy
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/noCursor noCursor()]
|
| [[User:Anna.sobiepanek|asob]]
|
| Easy
|-
| online
| Relevant in a Javascript environment? Perhaps.
|
|
| Easy
|-
| screen
| Could be useful to get window.innerHeight etc?
|
|
| Easy
|-
| long
|
|
|
| Medium
|-
| Hashmap
|
|
|
| Medium
|-
| XMLElement
|
|
|
| Medium
|-
| binary()
|
| [http://asalga.wordpress.com andor]
|
| Medium
|-
| boolean()
|
| [[User:mlam|mlam]]
|
| Easy
|-
| hex()
|
| [[User:Tyrant911|Tyrant911]]
|
| Easy
|-
| unbinary()
|
| [[User:Tyrant911|Tyrant911]]
|
| Medium
|-
| unhex()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Easy
|-
| join()
|
| [[User:Tyrant911|Tyrant911]]
|
| Easy
|-
| match()
|
| [[User:MinyXO|MinyXO]]
|
| Medium
|-
| matchAll()
|
| [[User:MinyXO|MinyXO]]
|
| Medium
|-
| nfc()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Easy
|-
| nfp()
|
| [[User:Tyrant911|Tyrant911]]
|
| Easy
|-
| nfs()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Easy
|-
| trim()
|
| [[User:MinyXO|MinyXO]]
|
| Easy
|-
| split()
|
| [[User:MinyXO|MinyXO]]
|
| Easy
|-
| splitTokens()
|
| [[User:MinyXO|MinyXO]]
|
| Easy
|-
| append()
|
| [[User:MinyXO|MinyXO]]
|
| Easy
|-
| arrayCopy()
|
| [[User:MinyXO|MinyXO]]
|
| Easy
|-
| concat()
|
| [[User:Tyrant911|Tyrant911]]
|
| Easy
|-
| expand()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Easy
|-
| reverse()
|
| [[User:Tyrant911|Tyrant911]]
|
| Easy
|-
| shorten()
|
| [http://asalga.wordpress.com andor]
|
| Easy
|-
| sort()
|
| [http://asalga.wordpress.com andor]
|
| Easy
|-
| splice()
|
| [http://asalga.wordpress.com andor]
|
| Easy
|-
| subset()
|
| [http://asalga.wordpress.com andor]
|
| Easy
|-
| PShape()
| Started working on this myself (outside of PJS). Can parse most SVGs. A whole ton of quircks/bugs cross-browser that stop this in it's tracks in terms of a pure-implementation. Have been adding these to Apple, Opera, BugZilla as I go. More details if needed.
|
|
| Difficult
|-
| bezierDetail()
|
| [http://asalga.wordpress.com andor]
|
| Difficult (While the math may be easy enough, it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| bezierPoint()
|
| [http://asalga.wordpress.com andor]
|
| Difficult (While the math may be easy enough, it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| bezierTangent()
|
| [http://asalga.wordpress.com andor]
|
| Difficult (While the math may be easy enough, it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| curveDetail()
|
|
|
| Difficult (While the math may be easy enough, it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| curvePoint()
|
|
|
| Difficult (While the math may be easy enough, it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| curveTangent()
|
|
|
| Difficult (While the math may be easy enough, it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| curveTightness()
|
|
|
| Difficult (ALREADY IN PJS, BUT.... it would be nice to have the browser handle this at the machine code level. Help from Fx dev team, new functionality please)?
|-
| noSmooth()
| Possible/worth the processing with Canvas? Probably not. Feedback welcome.
|
|
| Difficult (Another thing that would be nice if the Fx dev. team could provide this functionality)
|-
| strokeCap()
|
|
|
| Medium
|-
| strokeJoin()
|
|
|
| Medium
|-
| texture()
|
|
|
| Difficult
|-
| textureMode()
|
|
|
| Difficult
|-
| loadShape()
| SVG function.
|
|
| Difficult
|-
| shape()
| SVG function.
|
|
| Difficult
|-
| shapeMode()
| SVG function.
|
|
| Difficult
|-
| createInput()
|
|
|
| Difficult
|-
| loadBytes()
| Started working on this. Can read binary from file with JS using someone else's open-source. Not added into Processing.js yet.  
|
|
| Medium
|-
| open()
|
|
|
| Impossible?
|-
| selectFolder()
|
|
|
| Impossible?
|-
| selectInput()
|
|
|
| Impossible?
|-
| param()
| Needed in JS?
|
|
| Medium
|-
| status()
| Don't think Firefox will let you change status bar with JS re: security.
|
|
| Medium?
|-
| save()
| Some work done by Google group. Could be combined with binary functions ot HTML5 functions to write directly to server?
|
|
| Difficult
|-
| saveFrame()
| As above in save(). Probably don't want to start saving TIFs in a web environment. Canvas exports png, gif, jpg natively already. Spec deviation from Processing proper may be wise.
|
|
| Difficult
|-
| PrintWriter
| Saves text to file.
|
|
| Difficult
|-
| beginRaw()
|
|
|
| Difficult
|-
| beginRecord()
|
|
|
| Difficult
|-
| createOutput()
|
|
|
| Difficult
|-
| createReader()
|
|
|
| Difficult
|-
| createWriter()
|
|
|
| Difficult
|-
| endRaw()
|
|
|
| Difficult
|-
| endRecord()
|
|
|
| Difficult
|-
| saveBytes()
|
|
|
| Difficult
|-
| saveStream()
|
|
|
| Difficult
|-
| saveStrings()
|
|
|
| Medium
|-
| selectOutput()
|
|
|
| Difficult
|-
| applyMatrix()
|
|
|
| Difficult ( could return glMultMatrix()? )
|-
| printMatrix()
|
|
|
| Medium
|-
| resetMatrix()
|
| [http://asalga.wordpress.com andor]
|
| Medium
|-
| blendColor()
|
|
|
| Medium
|-
| brightness()
|
|
|
| Medium
|-
| hue()
|
|
|
| Medium
|-
| saturation()
|
|
|
| Medium
|-
| PImage
| Pimage is in the library but it would be great to get PJS loading the images into the DOM dynamically. This is also a fairly common request on the Google group.
|
|
| Medium
|-
| imageMode()
|
|
|
| Medium
|-
| noTint()
|
|
|
| Medium
|-
| requestImage()
| No sure if this is actually needed in JS as DOM image would load async anyway. Probably worth looking into a little more.
|
|
| Medium
|-
| blend()
|
|
|
| Medium
|-
| copy()
|
|
|
| Medium
|-
| filter()
|
|
|
| Medium
|-
| PGraphics
| Could be worth-while to get PGraphics to use a separate canvas and getPixels() from it. Great for say... animating the mouth moving on one canvas before applying the result to a UV map for a 3D object.
|
|
| Medium-Difficult
|-
|
| Would this offer any performance/feature reward over using a reagular Javascript 1 dimensional array containing pixels?
|
|
|-
| PFont
| Already working. The existing routines will likely get either a) merged with PShape's SVG functions or b) dropped in favor of something faster re: real browser fonts if we can borrow a little time from Mozilla developers. (We are currently using SVGs.)
|
|
| Difficult (Fx dev. & talk to Bespin guys)
|-
| PVector
| 2D...3D vector should be returned.
| [http://asydik.wordpress.com/category/professional/open-source/processing-js/ medel]
|
| Difficult
|-
| exp()
|
| [http://xudiera.wordpress.com xudiera]
|
| Easy
|-
| log()
|
| [http://xudiera.wordpress.com xudiera]
|
| Easy
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/Tasks/mag mag()]
|
| [http://asalga.wordpress.com andor]
|
| Easy
|-
| map()
|
| [http://xudiera.wordpress.com xudiera]
|
| Easy
|-
| acos()
|
| [http://xudiera.wordpress.com xudiera]
|
| Easy
|-
| asin()
|
| [http://xudiera.wordpress.com xudiera]
|
| Easy
|-
| atan()
|
| [http://xudiera.wordpress.com xudiera]
|
| Easy
|}

Latest revision as of 15:46, 17 February 2010

THIS LIST IS BEING DEPRECATED! PLEASE READ FIRST!

The task list is in the process of being ported over to the Lighthouse issue tracking system. See the list of tickets there.

Several people have been helping to move issues over. If you'd like to help, please follow the pattern below of finding or creating a lighthouse ticket to track each function, and linking that ticket from the table below.

If you have to create a new ticket for a function, include a link it the ticket's decription to the original Processing reference for that function, which you can find on this list.

Once the list is fully ported over, this page can be deleted and everything can be run from Lighthouse.

Summary

This page use to contain a lists of tasks to be done as part of the Processing For The Web project, in order to fully implement all of Processing in processing.js. The work is being led by David Humphrey and Al MacDonald, and done by students at Seneca College. You are welcome to join this work.

Retrieved from "https://wiki.allizom.org/index.php?title=Education/Projects/ProcessingForTheWeb/Tasks&oldid=202803"