Tag Archives: webgl

Speaking at OneShotLondon NodeConf

“Just turn it into a node module,” and other mantras Edna taught me

The story of leaving behind a random mix of Python + php + bash + makefile + Scons scripts to totally embrace using Node, modules, standard callbacks, browserify, and friends to build toys that bleep and bloop with MIDI, WebGL and Web Audio.

As you can maybe deduct, this might not be your average super expert node.js talk, but a story of learning with a non-appointed mentor and an spontaneous community, and improving and making the most out of node.js—and how it informed and shaped the rest of my coding philosophy, both inside and outside of Mozilla.

I must confess that I’m really humbled and flattered to be amongst this amazing line up of true node experts.

UUUUUUUHHH THE EXPECTATIONS!—feeling a bit like an impostor now.

Next next Saturday 19th of July. See you there? :-)

Invest in the future: build for the web!

I spoke at GOTO Amsterdam a few weeks ago. I was really thrilled to be back in the Netherlands after so many years! So thanks to Sergi Mansilla, who curated the HTML5 track, and the organisation in general for bringing me there!

The talk wasn’t recorded, but I made a screencast just in case you really want to listen to me. I am also posting the outline/notes I wrote, and they differ in places because I don’t read them during the talk (I don’t even have them handy) and I sometimes went a bit off topic, but that’s the beauty of improvisation!

Here are the slides, and the slides source code just in case you wanted it too.

On to the notes-expect some MASSIVE GIFs and amazingly clever photomanipulation! tee hee hee!
Continue reading

to_the_beat // js

As promised, I submitted an entry to the DemoJS party, held past week-end in Paris. It’s to_the_beat // js

to_the_beat // js

… and just in case you hadn’t figured it out already, it’s a sort of JavaScript version of the “native” to_the_beat that I wrote back in 2008. This time I replaced OpenGL 1.x and SDL with WebGL + WebAudio, via sorollet.js, three.js, and tween.js. The Holy Trinity! :-P

Hint: since it is using sorollet and everything is generated on the fly, you can bring up the synth GUI by pressing D while the demo is playing, and start twisting knobs which can be pretty satisfactory and hypnotic, because the player is configured to loop the song.

It ended at 4th position, which doesn’t sound bad… unless there were only four participants in the Demo Compo, that is! In any case, it was funny to watch the compos via the stream the organisers set up: mine definitely needed A LOT MORE of bandwidth, as shown:

to_the_beat // js streamed

I would have added some microphone to record the crowd reaction, as otherwise the experience was a bit sterile, but I don’t know if shouting Alleeeez is still in vogue amongst French demosceners anymore…

I will write about the conversion process and give the demo a page in my demoscene projects list later, but for now, just enjoy the demo! :-)

Snow shader tutorial!

TL;DR: I wrote a tutorial about rendering snow with shaders (with three.js + WebGL).

Snow shader

I was inspired to write this by OutsideOfSociety‘s excellent Christmas WebGL experiment, which in fact taught me how snow shaders could be built. The shader you can build with my tutorial is waaaay simpler for educational purposes, but if you want you can complicate it as much as you want, once you master the basics.

Hope you enjoy the tutorial and learn something from it! :-)

Also, please let me know if you find any error or something confusing, and I’ll try to fix or reword it as soon as possible.

GDG DevFest Barcelona 2012

The Google Developer’s Group DevFest Barcelona 2012 (or GDG DevFest BCN for short) edition was held past Friday the 9th of November.

In contrast with the 2011 edition, the event didn’t feature so many “official” Google evangelist talks as in 2011. Instead, there were several local start-ups talking about their experience using Google and open technologies such as HTML+Javascript for building their products, rather than Google-sanctified talks only. Also, there were two tracks at the same time (Android and Web), plus several code labs which were definitely pretty hands-on, so even if they had financing problems this year, the organisers still managed to produce a really good event.

I didn’t take as many notes this year, instead I turned to drawing a few speakers and live-tweeting the others (with pics, because otherwise it didn’t happen).
Continue reading