DailyJS

PhiloGL, GLGE

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

animation graphics webgl

PhiloGL, GLGE

Posted by Alex R. Young on .
Featured

animation graphics webgl

PhiloGL, GLGE

Posted by Alex R. Young on .

PhiloGL

PhiloGL (GitHub: senchalabs / philogl,
License) by Nicolas Garcia Belmonte is a WebGL framework for data visualisation, game development, and making cool
stuff.

The modules include support for shaders, scene building, events, effects
and tweening, and even web workers. Nicolas has pushed the idea of
idiomatic JavaScript, so the API feels like popular JavaScript
frameworks:

PhiloGL('name', {
  textures: {
    src: ['texture.gif'],
    parameters: [{
      name: 'TEXTURE_MAG_FILTER',
      value: 'LINEAR'
    }, {
      name: 'TEXTURE_MIN_FILTER',
      value: 'LINEAR_MIPMAP_NEAREST',
      generateMipmap: true
    }]
  },
  events: {
    // Keyboard events would go here
    // ...

I've adapted this PhiloGL snippet from
lesson10-canvas which is based on a tutorial from Learning
WebGL
.

If you're interested in using this for presenting data, there's an
example called Surface
Explorer

which can plot parametric equations in 3D.

GLGE

GLGE (GitHub: supereggbert / GLGE) by Paul Brunt attempts to
make WebGL more accessible. It has some advanced features, like skeletal
animations, LOD, culling, 2D filters, normal mapping, materials -- take
a look through the API documentation to
see more.

There's a great Sky Fog Demo which
showcases some of these features. The API reminds me more of a Java API,
which may actually suit game developers looking to work with WebGL.