Processing.js OpenGL meeting

On Sunday November 29, 2009 Andor Salga, Michael MedelAlex LondonoMatthew LamDaniel Hodgin, Edward Sin, and myself met to discuss our 0.3 release. Since most of us are going to be implementing 3D functionality into processing.js, it was important for us to set up a game plan. Since Andor is the most versed in 3D and OpenGL, he led the meeting. Andor gave us a brief overview of OpenGL, here are some points:

  • OpenGL is cross-platform environment for developing portable, interactive 2D and 3D graphics applications.
  • OpenGL ES(embedded systems) is a subset of the OpenGL 3D graphics API designed for embedded devices such as cell phones PDA’s and game consoles. It is a driver model and it provides a way of interacting with the graphic card.
  • WebGL is a standard specification currently being developed that enables 3D to be displayed in the browser. It grew out of Mozilla’s Canvas 3D experiment, and is now available in Mozilla Nightly (minefield).
  • OpenGL is a state system, this means that you can choose a fill colour only once and any objects you draw will be drawn using this colour.
  • OpenGL and WebGL functions have the same names but different case (upper vs. Lower)
  • When drawing object in OpenGL, you must draw coordinates counter clockwise. If you do not do this, you will not be able to see it.

Check out this WebGL Cheat Sheet.

Learn WebGL by following these tutorials.

Terms Covered:
Vector – mathematical objects with magnitude and direction.
Matrix – a way of scaling, translating, and rotating objects on the screen.

To conclude, we went over the functions that will be implemented. We discussed possible solutions for the functions pointed out which functions will be needed before other functions can be 100% completed. Mickael Medel camera functions will be needed before to adjust the camera view before any 3D objects can be viewed. Also, his pushMatrix() and popMatrix() will be needed to add any transformations to the stack. My sphere and box functions will be needed before Andor Salga can test his lighting functions.

View all of my blogs on Processing.js
View all of my blogs

3 thoughts on “Processing.js OpenGL meeting

  1. Apple now has Rhapsody as an app, which is a great start, but it is currently hampered by the inability to store locally on your iPod, and has a dismal 64kbps bit rate. If this changes, then it will somewhat negate this advantage for the Zune, but the 10 songs per month will still be a big plus in Zune Pass’ favor. Have you tried the ipad? you can get one free at

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s