Head past after the break for more details on a couple of my favorite techniques I got to implement in Guardians of Atlas’ engine (warning: big images).

Yay!

This has been waiting on HexGL's git repo for too long. Now that WebGL is on by default on Chrome and a few Firefox OS devices are out in the wild, it's time for me to publicly release the mobile version of HexGL!

This edition features a mobile-optimized rendering pipeline, lower resolution assets and touch/motion controls

Links

Play it on your Android or Firefox OS device here via any WebGL-enabled mobile browser!

As for the source code, you can check it out on Github in the dev branch of HexGL's repo.

Notes

Please note that this version is highly experimental and might not work at all on certain device.

That's right, I'm now a full-time member of the Artillery Team, eager to push the limits of browser gaming farther every day. I've already spent the last 6 months there as a software engineer intern and WebGL afficionado, working on some sweet rendering techniques, shaping up our WebGL renderer and working on Project Atlas.

Project Atlas is a high quality RTS we've been working on with Day[9] that will use the power of HTLM5 and WebGL to provide a top-notch experience through our very own platform!

Today is the day we unveil our first platform video, showcasing what we've been working on so hard for the past months:

I hope you'll enjoy this video as much as we enjoyed working on it and the platform behind it. Stay tuned on Twitter: Mine, Artillery's and Day[9]'s.

Today I'm finally releasing Shdr, a side project I've been working on for a few months that has been sitting in my GitHub for a while.

Shdr is an online GLSL (ESSL) shader editor, viewer and validator written in CoffeeScript/WebGL that I decided to code while working on HexGL. Indeed, I've been looking for a tool to help me quickly iterate over shader development and didn't find any that would fit my needs.

Head past after the break for the full release notes, info and screenshots.

Having a big mesh composed of a multitude of simple geometry shapes can be long and painful to map UVs for light baking and rendering advanced lighting into a texture can save up a lot of resources when rendering static meshes in real time.

In this tutorial, I'll show you how to automatically unwrap UVs and bake advanced and cost-heavy lighting components (Ambient Occlusion, Shadows, Caustics, Global illumination) into a lightmap texture using Max's RenderToTexture function for later use in a real time rendering pipeline.

Head past after the break to read the complete tutorial.

I'll be attending Belfort's StartupWeekend in a few hours.

I've decided to try and kind of "live blog" the event, by posting my impressions and progress as well as some pictures in this article as time goes by.

Be sure to check out this blog post regularly for updates during the weekend!

We did it!

That's it, Belfort's Startup Weekend is now over, and our team won, yay!

I know that this article's updates has been pretty sparse since yesterday concidering how little free time we had, but be assured, after I get some sleep and get my mind off, I'll write a more concequent article about the entire project that is GameUP, so stay tuned!

Yup, you read it right, HexGL's source code is now available on GitHub.

Go check the code out on HexGL's GitHub page, and feel free to submit suggestions, patches or issues!

What's coming next for HexGL? What am I working on right now?

Head past after the break to know the answers.

Above is a video of my recent talk about three.js and HexGL at the Adobe User Group NL meetup.

In this presentation, I'm talking about game development and workflows when using three.js to make a 3D game, taking my recent work with HexGL as an example.

You can also find my slides of this presentation on slideshare.

Just a quick performance.now() polyfill since the ones I found were producing "Illegal invocation" errors. This polyfill wraps the performance call inside a function to avoid this.

Performance.now() polyfill on GIST ]]> http://bkcore.com/blog/3d/hexgl-webgl-racing-game-html5.html http://bkcore.com/blog/3d/hexgl-webgl-racing-game-html5.html Thu, 16 Aug 2012 19:06:44 +0200

This video is a quick trailer for my upcoming WebGL game: HexGL.

Read past the break to learn more about it.

After some e-mail suggestions from my readers, I decided to add a little RSS feed on my blog so you can follow me from your favorite news reader.

Subscribe to the RSS feed via Feedburner.

Subscribe to the RSS feed directly from the XML.

RSS icon courtesy of kyo-tux.

This article will be covering the technique behind the volumetric light approximation (VLA) aka godrays I used in my latest OpenGL project to simulate sun shafts, but this time in WebGL, with a point light.

Check out the demo and the code after the break.

With my Flickr pro account expiring in a few days, I came to reconsider other alternatives as Flickr feels more and more outdated and poorly designed compared to other websites providing the same kind of services.

To me, Flickr has become more of an "I'll just stock my photos there" service instead of a place where I'd just share my passion with others. This is mostly explained by its lack of a real community and poorly designed UI and navigation in my opinion.

So ?

That is why I've decided to dig up my old DeviantART account, do a little spring cleaning and start using it again.

In the meantime, I'll be using this occasion to test out the 4th version of Lightroom by re-processing some of my older pictures before uploading them to DeviantART again.

Link

In this post, I'll talk about my recent openGL jungle viewer project, giving the source code in the meantime.

Head past after the break to read the full article.

This video is about one of the imagery projects I was working on for the past 3 months with 3 fellow students at the University of Technology of Belfort-Montbéliard.

The goal of this project was to create a jungle engine/viewer in OpenGL, from scratch. I was in charge of the rendering and post-processing pipeline while also doing a bit of 3D modelling and texturing. This engine may lack important features like normal mapping and true physics, but we're still quite proud of it considering how little time we had to learn the technology and implement it.

Expect some tutorials, more in-depth explanations and the complete source code sometimes in July on my website.

In this post, I'll talk about my recent internship at KA-RA, a small startup that dedicates its time at developing real-time 3D software for architectural projects.

My mission there was to develop a real-time 3D web platform to enable architects and students to share, edit and visualize their 3D projects directly in their browser, using the WebGL technology.

After experimenting more with Three.js, and working with more complex scenes and setups, I recently felt the need of a structured manager to handle multiple scenes, cameras and render loops.

Indeed, working with more than one scene/camera/render setup can quickly become messy, juggling with many variables for each setup.

To counter this, I developped a tiny Three.js extension: THREE.Extras.RenderManager. Head past after the break to download and learn more about it.

This time I'm going to explain a way to make specific parts of your 3D object glow, and how to animate those. For this I'll be using THREE.EffectComposer to render the glow passes.

Check out the demo and the code after the break.

Ever since I started working with the WebGL technology, I've been trying out a few frameworks like SpiderGL and SceneJS.

Most recently, I've been giving a try to Three.js, and it is by far the best WebGL framework I've ever tested. So as I'm advancing on my learning of this framework, I'll be giving out on this blog a few tips and tricks that I found useful when using Three.js. The first one being an advice on the Max-to-Three.js workflow, readable after the break.