One of the things I like the most, probably at the same level of realtime audio and graphics, it’s to develop creative tools to help designers create realtime content. While I was more involved on the Demoscene I created plenty of tools to generate 64kb intros and they made me improve my coding and UI/UX designer skills. I’ve wrote a little post for each of the tools and I hope you will enjoying them:

These tools have been used for some of these Demoscene productions

Once I read that lazy people usually write just two type of posts: To say that they’ll start writing again more often, and to say they’ve changed their blog’s framework.

Well… I admit I’m here for both reasons.

I’ve been doing some interesting projects since my last posts and I wanted to write something about them, but my blog system was just so hardcoded that I didn’t feel like using it anymore. I coded it on 2008 and I believe it was the first webapp I did. I still like the style but I just wanted to renew it.

Old website

I saw a great oportunity to learn new tools, so I made it using:

Regarding the projects, I know it’s not a good idea to keep old or ugly projects in your portfolio that you won’t like to do again. But as I get several visits and comments to the old ones I’ll just leave them there so they could be useful for someone, even If I feel quite shame for some of them.

That’s all, I hope you like it! :)

There is no better excuse to learn a new technology that put a deadline for a mini-project.

So we did yesterday, my friend Victor and I decided to make a fast hacktlon to code a version of a simple game based. The chosen one was 3210 (Windows CE).

You can view the results here (You could read the instructions of my version here)

It has been quite productive and has achieved its goal, to learn a little more about javascript, canvas, animations, …

See you at the next :)

This is a new work in progress version of the DICOM Viewer I’m working on. I’ve rewritten a huge part of the code to be able to manage custom layouts. With the new architecture it’s very easy to define new layout (I’ve defined already 13).

Everytime I create UI for a program I really care to make it easy to use, and one obvious step It was to create shortcuts for all the actions. This is something quite simple to implement but I find everyday in my job many application without them, making the UI slower to use by the user.

HTML5 DICOM Layouts

The new layout implementation let you apply actions to: the current selected layer (by default), all the layers (pressing shift), or the custom selected layers (pressing ctrl+click).

I’ve also implemented basic layout text overlay which I hope to improve on next WIP

While developing the HTML5 DICOM Viewer I got some problems while designing the UI in HTML.

One of those problems was how to manage the canvas resize according to the browser size.

At least for me it wasn’t so much trivial :) so I decided to post it so it could be useful for someone else.

Basically what you have to do is to bind the onresize event to your body, once you catch the event you just need to resize the canvas using window.innerWidth and window.innerHeight.

I just needed to add little functionality to preserve aspect ratio and manage the toolbar div.

If you want to try it just click here or check the following video to see how it works: