Archived entries for

In the woods

After working on this project for some time (postponing the deadline, client changes etc), we finally put it live last week. In the woods is a teaser website for the first part of a trilogy that will be released later this year (or next year). The original request from the client was to build a 3D forest in Flash, that was not going to happen :) , so I suggested to use a parallax effect instead, combined with a forward motion. The result turned out quite nice as you can see here www.itwpathway.com. Prepare for a lot of loading though, since a lot of graphics have to be loaded for each section.

Nuon CO2 OK

Latest project. A small website, filled with animations, to trigger people to change to green energy from Nuon.

Photo reel video 2

New video, this time from winter sport earlier this year. I promised to make a video for the guys, so now I did.

Photo reel video

Whenever I go on holiday I tend to shoot lots of photos, but in the end I usually pick the 50 best photos and upload them to my Flickr account. So, a couple of weeks back I made about 1500 photos in Cape Town, and selected only 46 photos to put on my Flickr account, wasting 1400 shots. Then I came across this video , and thought, why not do the same thing with all the photos I took:

OpenFrameworks

Today I had my first encounter with openFrameworks. Feels the same as Processing, except using c++ rather then java. I like it.

Pulsating circles

Today I had to do homework again. Not for myself, but for my girlfriend, Anna Kröger. She came up with the idea of black an white outlines, continuing outwards from a certain shape. In addition to paintings and drawings she thought it would be fun to do an interactive animation. This is where I came in. We came up with the following animation. Hover your mouse over a circle, or click one, and see what happens.

circles

Pixel search algorithm

Continuing to exploit my recently found spare time, I thought it would be fun to see what happens if you scan a bitmap in search for the greatest color pixels. Turned out to be pretty cool! Even though you can probably do this a million times faster in Photoshop, I’m still pretty happy with the result. Check the images below. Check my flickr site for more details.

paint taxi

paint traffic

paint market

So, how does it work:

  • Sort all the pixels by color. 0xFFFFFF first, 0×000000 last, this means that yellowish pixels will be searched first.
  • Remove the first pixel from the sorted pixels, and find the neighboring pixel with the greatest value. Remove this pixel from the list.
  • Continue until no neighbors are found.
  • Repeat step one until no pixels are left.

It is a very slow algorithm, so I made this video of the process and increased the speed.

UPDATE: made it faster, sorting the pixels had a slow element to it. Now the algorithm is finished within several seconds.

30/50

At Random we worked on a game for www.nederlandveilig.nl. The goal was to bring awareness to the 30 km/h and 50 km/h zones. We created a 3D environment with a unique style. By giving the player limited control of the vehicle, we forced the player to concentrate on maintaining the right speed and look out for obstacles on the road. If you want to experience the game for yourself, check it out here. Or watch the video below.

3D sound waves

Finally had a moment to do my own stuff again. And since I like to play around with sound and visuals, this is the result! Be sure to close any other windows of your browser that have video or sound, otherwise it might not work.

3D sound wave

Custom Alternativa3D flat shading

Choosing the right platform, tool or engine is essential for the success of your project. Right now I’m working on a 3D game, so naturally I thought of using Papervision3D because I’m familiar with it. Our game however, relies heavily on collision detection and fast rendering, and both are done better by the Alternativa3D engine. The only thing that is missing is any form of lighting the 3D objects dynamically.

We need to dynamically add shadows on our models because baking textures by using 3D studio max is not an option, but the Alternativa platform does not support it (yet). So I had to add it myself. The only problem is that the engine is not open source. I asked if I could get it, but they didn’t give it to me. So I had to decompile the engine first, which presented problem number two: decompiled source code contains lots of errors.

It took me 1 day to fix the source code, and then another day of optimizing the code for Flash player 10. After that was done, adding the flat shading was done in less then an hour. I added flat shading for TextureMaterial and MovieClipMaterial, which are lighted only the first time their surfaces are created. But the FillMaterial has dynamic lighting (only ambient).

Check out the demo here. Click the color pallet to change the color of the light and see how it affects the color of the surfaces of the spheres.

Alternativa3D flatshading



Copyright © 2004–2009. All rights reserved.

RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.