Difference between revisions of "Processing.js"

From CDOT Wiki
Jump to: navigation, search
(Project News)
(Project Contributor(s))
Line 41: Line 41:
  
 
==Project Contributor(s)==
 
==Project Contributor(s)==
 +
 +
==Related Bugs==
 +
 +
Canvas
 +
<ul>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=381930 Bug 381930] - No repaint inside very large canvas</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=370450 Bug 370450] - Safari "canvas" demonstration cause Minefield to hang while page is loaded</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=408372 Bug 408372] - &lt;canvas&gt; canvas animation is jerky on Firefox 3 beta 1, Linux x86_64</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>
 +
</ul>
 +
 +
WebGL
 +
<ul>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=520134 Bug 520134]</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=518894 Bug 518894]</li>
 +
<li>[https://bugzilla.mozilla.org/show_bug.cgi?id=518173 Bug 518173]</li>
 +
</ul>
  
 
==Project Details==
 
==Project Details==

Revision as of 14:03, 6 October 2009

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 Leader(s)

Name/User Page Blog IRC Nick(s)
David Humphrey blog humph
Anna Sobiepanek blog annasob
Andor Salga blog andor
Mickael Medel blog medel
Matthew Lam blog mlam19
Donghui Liu blog dliu53
Edward Sin blog MinyXO
Alex Londono blog Tyrant911
Carlos Xudiera blog xudiera

Project Contributor(s)

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)

WebGL

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 Processing For The Web.

Project Task List is here

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.

Project News

Date Action Item Description
September 23 2009 registered #processing.js on moznet
September 29 2009 Changed local copy of C3DL to make use of WebGL instead of Canvas3D plug-in. Can confirm context is acquired. No rendering other than clearing the screen is being done.
October 1 2009 Updated my local copy of C3DL to display untextured models (sometimes) using WebGL