Education/Projects/ProcessingForTheWeb/Tasks
< Education | Projects | ProcessingForTheWeb
Jump to navigation
Jump to search
Summary
This page lists 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.
Task List
The following lists of Bugs, Features, and Functions was compiled by Al MacDonald.
Bugs
| 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. | 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. | Table test | Undetermined |
| Boolean array bug | Processing.js fails if an array of booleans is created with a variable defined before array. | 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 | dhodgin will look into this one and test | Unconfirmed |
Missing Features
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.)
3D Features
Misc. Features
Misc. Features 3
| Name | Description | Who's working on it. | STATUS | Difficulty |
|---|---|---|---|---|
| PShape() | See lighthouse ticket | |||
| bezierDetail() | See lighthouse ticket | |||
| bezierPoint() | [# See lighthouse ticket] | |||
| bezierTangent() | [# See lighthouse ticket] | |||
| curveDetail() | [# See lighthouse ticket] | |||
| curvePoint() | [# See lighthouse ticket] | |||
| curveTangent() | [# See lighthouse ticket] | |||
| curveTightness() | [# See lighthouse ticket] | |||
| noSmooth() | [# See lighthouse ticket] | |||
| strokeCap() | [# See lighthouse ticket] | |||
| strokeJoin() | [# See lighthouse ticket] | |||
| texture() | [# See lighthouse ticket] | |||
| textureMode() | [# See lighthouse ticket] | |||
| loadShape() | [# See lighthouse ticket] | |||
| shape() | [# See lighthouse ticket] | |||
| shapeMode() | [# See lighthouse ticket] | |||
| createInput() | [# See lighthouse ticket] | |||
| loadBytes() | [# See lighthouse ticket] | |||
| open() | [# See lighthouse ticket] | |||
| selectFolder() | [# See lighthouse ticket] | |||
| selectInput() | [# See lighthouse ticket] | |||
| param() | [# See lighthouse ticket] | |||
| 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 | [# See lighthouse ticket] | |||
| beginRaw() | [# See lighthouse ticket] | |||
| beginRecord() | [# See lighthouse ticket] | |||
| createOutput() | [# See lighthouse ticket] | |||
| createReader() | [# See lighthouse ticket] | |||
| createWriter() | [# See lighthouse ticket] | |||
| endRaw() | [# See lighthouse ticket] | |||
| endRecord() | [# See lighthouse ticket] | |||
| saveBytes() | [# See lighthouse ticket] | |||
| saveStream() | [# See lighthouse ticket] | |||
| saveStrings() | [# See lighthouse ticket] | |||
| loadStrings() | [# See lighthouse ticket] | |||
| loadBytes() | [# See lighthouse ticket] | |||
| selectOutput() | [# See lighthouse ticket] | |||
| applyMatrix() | [# See lighthouse ticket] | |||
| printMatrix() | [# See lighthouse ticket] | |||
| resetMatrix() | [# See lighthouse ticket] | |||
| blendColor() | [# See lighthouse ticket] | |||
| brightness() | [# See lighthouse ticket] | |||
| hue() | [# See lighthouse ticket] | |||
| saturation() | [# See lighthouse ticket] | |||
Misc. Features 2
| Name | Description | Who's working on it. | STATUS | Difficulty |
|---|---|---|---|---|
| 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. | annasob | Medium | |
| imageMode() | MinyXO | Medium | ||
| noTint() | 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() | See lighthouse ticket | |||
| copy() | See lighthouse ticket | |||
| filter() | See lighthouse ticket | |||
| 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 | See lighthouse ticket | |||
| exp() | See lighthouse ticket | |||
| log() | See lighthouse ticket | |||
| mag() | See lighthouse ticket | |||
| map() | See lighthouse ticket | |||
| acos() | See lighthouse ticket | |||
| asin() | See lighthouse ticket | |||
| atan() | See lighthouse ticket | |||