Education/Projects/ProcessingForTheWeb/Tasks: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(25 intermediate revisions by 6 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
|-
| array.clone
| looks like it only does a shallow copy and will cause issues with objects in an arrayList
| [http://dhodgin.wordpress.com dhodgin] will look into this one and test
| Unconfirmed
|}


=== 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/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,[http://dliu53.wordpress.com dliu53(2D)]]
|
| Difficult
|-
| box()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/131-box See lighthouse ticket]
|-
| sphere()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/130-sphere See lighthouse ticket]
|-
| sphereDetail()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/129-spheredetail See lighthouse ticket]
|-
| rotateX()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/127-rotatex#ticket-127-1 See lighthouse ticket]
|-
| rotateY()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/127-rotatex#ticket-127-1 See lighthouse ticket]
|-
| rotateZ()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/126-rotatez See lighthouse ticket]
|-
| ambientLight()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/65-ambientlight See lighthouse ticket]
|-
| directionalLight()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/66-directionallight See lighthouse ticket]
|-
|lightFalloff()
|colspan="4"| [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/106-code-lightfalloff See Lighthouse ticket]
|-
| lightSpecular()
|colspan="4"|[http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/107-code-lightspecular See Lighthouse ticket]
|-
| lights()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/63-lights See lighthouse ticket]
|-
| noLights()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/67-nolights See lighthouse ticket]
|-
| normal()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/125-normal See lighthouse ticket]
|-
| pointLight()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/64-pointlight See lighthouse ticket]
|-
| spotLight()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/124-spotlight See lighthouse ticket]
|-
| beginCamera()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/123-begincamera See lighthouse ticket]
|-
| camera()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/45-camera See lighthouse ticket]
|-
| endCamera()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/122-endcamera See lighthouse ticket]
|-
| frustrum()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/121-frustrum See lighthouse ticket]
|-
| ortho()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/47-ortho see lighthouse ticket]
|-
| perspective()
|colspan="4"| [http://processing-js.lighthouseapp.com/projects/41284/tickets/48-perspective See lighthouse ticket]
|-
| printCamera()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/109-printcamera See lighthouse ticket]
|-
| printProjection()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/110-printprojection See lighthouse ticket]
|-
| modelX()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/111-modelx See lighthouse ticket]
|-
| modelY()
| colspan="4" | [http://www.processing.org/reference/modelY_.html See lighthouse ticket]
|-
| modelZ()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/113-modelz See lighthouse ticket]
|-
| screenX()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/114-screenx See lighthouse ticket]
|-
| screenY()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/115-screeny See lighthouse ticket]
|-
| screenZ()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/116-screenz See lighthouse ticket]
|-
| ambient()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/116-ambient See lighthouse ticket]
|-
| emissive()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/117-emissive See lighthouse ticket]
|-
| shininess()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/118-shininess See lighthouse ticket]
|-
| specular()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/119-specular See lighthouse ticket]
|-
| scale()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/70-scale See lighthouse ticket]
|-
| rotate()
|colspan="4"| [http://processing-js.lighthouseapp.com/projects/41284/tickets/69-rotate See lighthouse ticket]
|-
| translate()
|colspan="4"| [http://processing-js.lighthouseapp.com/projects/41284/tickets/71-translate See lighthouse ticket]
|-
| hint()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284-processingjs/tickets/120-hint See lighthouse ticket]
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/PVector PVector]
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/31-pvector See lighthouse ticket]
|}
 
==== Misc. Features  ====
 
{| border="1" class="wikitable"
|-
! Name
! Description
! Who's working on it.
! STATUS
! Difficulty
|-
| delay()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/59-code-delay See lighthouse ticket]
|-
| popStyle()
| Requested by Google Group.
| [[User:mlam|mlam]]
| Awaiting code review,
| Difficult
|-
| private
| Worth the effort in Javascript? Maybe.
|
|
|
|-
| pushStyle()
| Requested by Google Group.
| [[User:mlam|mlam]]
| Awaiting code review,
| 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.
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Easy
|-
| screen
| Could be useful to get window.innerHeight etc?
| [http://dhodgin.wordpress.com dhodgin]
|
| Easy
|-
| long
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Medium
|-
| Hashmap
|
| [http://minyxo.blogspot.com/ MinyXO]
|
| Medium
|-
| XMLElement
|
| Renaud, Raph (COMETE)
|
| Medium
|-
| binary()
|
| [http://asalga.wordpress.com andor]
|
| Medium
|-
| boolean()
|
| [[User:mlam|mlam]]
| Awaiting code review,
| Easy
|-
| hex()
|
| [http://matrix.senecac.on.ca/~alondono/hex.html Tyrant911]
|
| Easy
|-
| unbinary()
|
| [http://matrix.senecac.on.ca/~alondono/unbinary.html Tyrant911]
|
| Medium
|-
| unhex()
|
| [http://dhodgin.wordpress.com dhodgin]
| finished, checked-in
| Easy
|-
| join()
|
| [http://matrix.senecac.on.ca/~alondono/join.html Tyrant911]
|
| Easy
|-
| match()
|
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Medium
|-
| matchAll()
|
|
|
| Medium
|-
| nfc()
|
| [http://dhodgin.wordpress.com dhodgin]
| finished
| Easy
|-
| nfp()
|
| [http://matrix.senecac.on.ca/~alondono/nfp.html Tyrant911]
|
| Easy
|-
| nfs()
|
| [http://dhodgin.wordpress.com dhodgin]
| finished, checked-in
| Easy
|-
| trim()
|
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Easy
|-
| split()
|
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Easy
|-
| splitTokens()
|
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Easy
|-
| append()
|
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Easy
|-
| arrayCopy()
|
| [http://minyxo.blogspot.com/ MinyXO]
| finished
| Easy
|-
| concat()
|
| [http://matrix.senecac.on.ca/~alondono/concat.html Tyrant911]
|
| Easy
|-
| expand()
|
| [http://dhodgin.wordpress.com dhodgin]
| finished, checked-in
| 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
|}
 
==== Misc. Features 3 ====
 
{| border="1" class="wikitable"
|-
! Name
! Description
! Who's working on it.
! STATUS
! Difficulty
|-
| 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()
|
| [[User:mlam|mlam]]
|
| 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.  NOTE: we can do this, but the user must set the dom.disable_window_status_change preference to false for it to show-up.
|
|
| Medium?
|-
| save()
| Some work done by Google group. Could be combined with binary functions ot HTML5 functions to write directly to server?  One idea would be to use the canvas.toDataUrl() (you can specify a graphic mime type) in order to get a string that could then be written to localStorage, keyed on the filename.
|
|
| 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.  One idea would be to use the canvas.toDataUrl() (you can specify a graphic mime type) in order to get a string that could then be written to localStorage, keyed on the filename.
|
|
| Difficult
|-
| PrintWriter
| Saves text to file.
|
|
| Difficult
|-
| beginRaw()
|
|
|
| Difficult
|-
| beginRecord()
|
|
|
| Difficult
|-
| createOutput()
|
|
|
| Difficult
|-
| createReader()
|
|
|
| Difficult
|-
| createWriter()
|
|
|
| Difficult
|-
| endRaw()
|
|
|
| Difficult
|-
| endRecord()
|
|
|
| Difficult
|-
| saveBytes()
| A saveBytess does not exists in processing.js. It should be similar to saveStrings()
| [http://matrix.senecac.on.ca/~alondono/saveBytes.html Tyrant911]
|
| Difficult
|-
| saveStream()
|
|
|
| Difficult
|-
| saveStrings()
| A saveStrings does not exists in processing.js. It will emulate saving to a file with localStorage *html5* stuff.  (I added this to this list.)
| [http://matrix.senecac.on.ca/~alondono/saveStrings.html Tyrant911]
|
| Medium
|-
| loadStrings()
| A loadStrings already exists in processing.js but it only accepts URL's so i'm going to add functionality so I can work with localStorage
| [http://matrix.senecac.on.ca/~alondono/loadStrings.html Tyrant911]
|
| Medium 
|-
| loadBytes()
| A loadBytess does not exists in processing.js. It should be similar to loadStrings()  (I added this to this list.)
| [http://matrix.senecac.on.ca/~alondono/loadBytes.html Tyrant911]
|
| Medium
|-
| selectOutput()
|
|
|
| Difficult
|-
| applyMatrix()
|
|
|
| Difficult ( could return glMultMatrix()? )
|-
| printMatrix()
|
|
|
| Medium
|-
| resetMatrix()
|
| [http://asalga.wordpress.com andor]
|
| Medium
|-
| blendColor()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Medium
|-
| brightness()
|
| [http://dliu53.wordpress.com dliu53]
|
| Medium
|-
| hue()
|
| [http://dliu53.wordpress.com dliu53]
|
| Medium
|-
| saturation()
|
| [http://dliu53.wordpress.com dliu53]
|
| Medium
|}


==== Misc. Features 2 ====
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.
{| border="1" class="wikitable"
|-
! Name
! Description
! Who's working on it.
! STATUS
! Difficulty
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/PImage 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.
| [http://annasob.wordpress.com/category/processing-js/ annasob]
|
| Medium
|-
| imageMode()
|
| [http://minyxo.blogspot.com/ MinyXO]
|
| Medium
|-
| noTint()
|
| [http://minyxo.blogspot.com/ MinyXO]
|
| 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()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Medium
|-
| copy()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| Medium
|-
| filter()
|
| [http://dhodgin.wordpress.com dhodgin]
|
| 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)
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/PVector PVector]
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/31-pvector See lighthouse ticket]
|-
| exp()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/3-code-exp See lighthouse ticket]
|-
| log()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/4-code-log See lighthouse ticket]
|-
| [https://wiki.mozilla.org/Education/Projects/ProcessingForTheWeb/Tasks/mag mag()]
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/27-mag See lighthouse ticket]
|-
| map()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/5-code-map See lighthouse ticket]
|-
| acos()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/7-code-acos See lighthouse ticket]
|-
| asin()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/6-code-asin See lighthouse ticket]
|-
| atan()
| colspan="4" | [http://processing-js.lighthouseapp.com/projects/41284/tickets/8-cos-atan See lighthouse ticket]
|}

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"