A previous theme of this website. It used flash for the typography in thumbnails, mind you, we didn’t have HTML5 back then.

We made this beautiful portfolio website together, take a look here.

You can see this site in action here.

This small icon set was created for the Box2D Wiki to aid navigation.

This is how this website originally looked, one version ago. I tried to keep all the content on one page as much as possible. Even clicking the buttons at the top doesn’t navigate to another page, but they make a box slide down, displaying the information. Only navigating to a project will open a new page, showing a full-size image of the project.

I didn’t do a lot of work on this site, it was already perfectly designed, all it needed was an update of the code. I fixed mouse-over effects for the buttons on the left, but left the site’s content pages easy to understand and edit. All the content pages are simple HTML pages inside an iFrame. I also had to implement a slightly modified version of lytebox, this version allowed for descriptions under each image. You can find the site here.

First Versions

This is a Flash game that I programmed over a long period in 2007. It started out as an experiment in using bitmapData objects to store graphics, in stead of leaving all the (slow) vector graphics on the screen. In the first version I experimented with a system that I could use to draw vectors behind other vectors in the bitmap. The application of this was that I could draw a flower, starting with the inner petals, and add more petals behind that. In experimenting with the flowers, I soon realized that there were many different factors influencing their look. At this point I thought of making the project into some kind of screensaver. I had separated some of the variables for the looks of the flower from the rest of the program, so creating a nice looking species was easy. I planned om somehow drawing a couple of branches, then spawning the flowers, and repeating this process. The flowers would fade into the background to create an ever growing forest.

The DNA

At this point it occurred to me that the variables for different flowers could easily be averaged, creating the cross-breed of two flowers. From here the analogy to real DNA and flowers gave the rest of the ideas. I started making the screensaver into some kind of game. The first problem I encountered was that I couldn’t manage to draw the branches of the flowers procedurally, in a good looking fashion. I experimented with textures and lighting, but I didn’t get it right. In the end I found out how to interpolate positions on bezier curves, and I used that in combination with the varying branch widths, to create the growing behavior.

Interface

The earlier interfaces of the game had a lot more options in it, one even had an option to switch to ‘expert mode’. In the game world there were physical seeds, that you could manipulate. Seeds could be planted, but also spliced with other flowers or seeds. In the end this system required too much buttons, because context-sensitivity did not give enough options. For example: when a seed was lying on the ground, and it was clicked, should it be picked up or planted? In the end a simple drag and drop system turned out to give enough options. Also, the game was actually never meant to be able to process flower strings, it could only generate a toString() of the property array, for bug-fixing purposes. But when people gave me the string saying “this is a cool flower”, I wrote a module to parse the string and put it back into an array.

Credits

I should credit Mei-li Nieuwland for drawing the beautiful loading screen and thumbnail images. It’s the face of the game, and I’m glad that it looks this good. Also, I want to thank Andrew Lam, my roommate, for paying attention to my babbling while I was programming..

Mirrors

• Seed on deviantArt
• Seed on Newgrounds
• Seed on Addictinggames
• Seed Downloadable Package