Lately I’ve been cleaning up some old projects that had lot of potential but I never had time to share appropiately to the community.
The first one is called Rendeer.js, it is my own 3D graphics engine for the web. It uses WebGL through my own low-level library litegl.js and it is meant to be easy to use and very dynamic. Right now I’ve been using it for the 3D game of the Barcelona World Race and I’m very happy with the results. Here is one screenshot:
Another interesting project I uploaded was Collada.js, a Collada format parser that can work inside a webworker. It can extract meshes, skinning, animation and scene info.
I also have been improving a lot my old libraries like litegl.js (my low-level wrapper of WebGL which makes working with WebGL very easy), litescene.js (my not so easy 3D Graphics engine meant to be used with my own editor) and litegraph.js (my visual programming system), all of them are becoming very mature and ready for production. And I want to finish documenting litegui.js
Sometimes working with WebGL I miss having the freedom to use regular Canvas2D calls, the only solution in most cases is to create a secondary Canvas and upload it to the GPU in every frame, something that could be costly when the viewport is very big. For those situations I have created a library that adds most of the Canvas2D functions to a WebGL context, even some that where a little bit tricky to emulate (lineWidth…).
The performance is more or less the same as using the regular Canvas, the quality though is a little bit worse, but it opens the door to combine some of my existing libraries with WebGL capabilities.
For a long time I wanted to try some 3D physics on the web. For that purpose there are two libraries around, Cannon.js which is written in JS from scratch, and Ammo.js which is a port of Bullet made using emscripten. I’ve been playing around with both of them, the performance of cannon could be improved (too much garbage generated in memory) and the interface of ammo is horrible (as all emscripten ports).
Play around with this demo, the controls are very hard and it is easy to start spinning uncontrollably, but Im pleased with the movement.
This year for the Music Hack Day I wanted to do some visualization using WebGL. Some of my friends were doing a hack using a Maschine from Native Instruments so I decided to get the Midi messages (using the Web MIDI API) and visualize them somehow. This is the video of the presentation.
The other day I wanted to clean a little bit the code of my Conway Game of Life GPU web app, and meanwhile add some features. While searching for better demo patterns I discovered this great collection with all the known oscillators and their period, it is made by Dean Hickerson. It is cool that changing the number of steps you can verify that the period is right. Some patterns are very interesting, others are just combinations of other patterns.
Inspired by this post from Rich Geldreich, and after coding in WebGL for more than two years, I want to make a list of all the things I hate about WebGL graphics programming. Which doesnt mean I dont like WebGL, just that there are many fields to improve that should be addressed.
Today I wanted to try a very basic web experiment that I had in mind for some time.
The idea was to code in C++ inside the browser and see the output right there.
Click the image to try it
If you want to know how it is done read the full entry. (more…)
I was surprised but my A DEUS minigame made in 48 hours won the second position (from 1400 entries) in the graphics category thanks to the public votations.
Obviously I didnt ranked so well in the rest of the categories but that encouraged me to work harder next time and achieve a better position in other categories as well.
This weekend (my last holidays weekend) was the Ludumdare 27, the compo where you have to make a game based on a given theme, alone, in 48 hours, without reusing existing code or assets.
I made “A DEUS”, an asynchronous multiplayer web game in Javascript/WebGL. You can try it clicking on the image.
Click in the image to play the game
I wanted to write a post-mortem with some of my thoughts about the game and the development process.
My name is Javi Agenjo (@tamat), born in Barcelona, Spain.
If you need anything contact me at javi.agenjo@gmail.com
Computer Engineer working in 3D Graphics since 2005.
Interested in videogames development and interactive applications, focused on using the 3D Hardware to create new ways of interaction.
I teach at the University Pompeu Fabra at Barcelona courses related to programming, graphics and games development.
I love to code, specially in Javascript, but I've got plenty experience in C++ and Actionscript.
Lately I've been coding in WebGL, trying to mix my knowledge in web development with 3D graphics.
I'm always happy to receive mails about anything related to graphics.