Web and software demos
A demonstration of some of my computer design and coding skills.

Univers(al) Timeline  -  Web  -  VRML Setmaker  -  Soccerbots Demo

Univers(al) Timeline
Tools: Photoshop, The Gimp, Vim, Perl, ImageMagick
 


Click to expand

desktop resolution of 1152x864 or higher is recommended.
Short story:
A timeline of the universe, solar system and evolution of life.
Click on image to the left. (Captions are in Dutch.)

Long story:
One afternoon I saw an Ictiosaurus excavation on the Discovery Channel and decided it would be convenient if I had some sort of timeline, on which I could put dates and facts about dinosaurs and the universe, to see things in the right proportions. I thought it would be an interesting way to spend this Friday afternoon so I started off graphical designing something and later on realizing I needed something more flexible to cope with all the changing dates and facts, which is something that occurs frequently in researching the science of things that happened a long, long, very long time ago, so I decided to develop a computer program, and 4 days/50 hours work later I had build something I could call a Univers(al) Timeline Renderer. This computer program uses a convenient updatable datafile to render one or more timelines in which you're able to include all the facts of the universe you wish to include in. Also it's universal enough to be used as a, for example "Star Wars, Trek or whatever-your-favorite-scifi/fantasy-is Timeline" or even a "History of Food and Boxing Timeline" if you wish, and can render it at any size and scale. For example, it's able to render a 10 kilometers wide timeline provided you have a suitable printer and computer which can cope with this.

This program was developed on Linux in Perl using ImageMagick to render the graphics. A desktop-sized render, demonstrating the universe from the big-bang on to the annihilation of our sun, the evolution of the solar-system, life on earth, the dinosaurs etc. can be viewed by clicking on the image to the left.

A lot of the work involving this particular timeline lies in gathering all know facts and checking them, so that's why this one will never be finished, and there are most likely things in this timeline that some people won't agree with (though I tried to be reasonably accurate).

Web - Sites and pages. A few examples.

(Note: Links and some scripts have been disabled in the HTML demos)
  • Shadowfire Gallery
    Tools: The Gimp, Album, Vim, HTML, Perl

    Description:
    Shadowfire (Airbrush) Gallery was created by me in 1998 to show off some of the airbrush artwork I'd made. It started as a simple 3 page website manually coded in HTML with simple graphics designed with The Gimp. As a result of the growing numbers of artwork shows on the site over the years, the need came for an easier way of maintaining the site. Currently, generating this website has evolved into a system of relative easy to maintain templates using tools as Album (a gallery generating tools using scriptable HTML templates) and some home-brew Perl scripts. In short: adding/removing artwork or content to the site now can be done easily by simply adding images to a certain directory or modifying HTML templates without manually copying and recoding pages and running a 'build' script afterwards...

    Demos:
    V1.0: HTML demo
    V2.5: HTML demo
    V3.2: HTML demo
    V3.3: HTML demo
    V3.4: HTML demo
    V3.9: design (unused)
    V4.0: Current website.

    Shadowfire 1998 : v1.0


    Shadowfire 2003 : v3.2


    See also: Internet Archive

  • Vacation photo galleries
    Tools: Photoshop, The Gimp, Album, Vim, HTML, Javascript, Perl, Digital camera and a plane ticket.

    Description:
    Usually I build a fresh website every year after my vacation to show the snapshots to my family. Often I base the theme of the site on the 'look and feel' of the country. Here some examples of the last couple of years. Modified versions can be found as subpages of this website:

    Egypt 2004 Scandinavia 2005

  • Europe Real Estate
    Tools: PHP, MySQL, Photoshop, (D)HTML

    Description:
    I did a couple of projects for this hugely commercial website, mainly involving PHP/MySQL and a minimal of webdesign. The Bookstore (a PHP/MySQL webstore), a banner rotating system (an implementation of Open Source PhpAdsNew) and a couple of website extentions programmed in PHP.
    Also maintained the HTML design of the Rocks' newsletter.

    Demo: website

  • Polarysula Trikes/Quads/Go-karts
    Tools: The Gimp, Vim, DHTML, shellscripting, Perl(, PHP)

    Description: Demo of a commercial website.

    An example/template of a website that sells ATVs. Due to limitations of this webserver, this version is generated by shell scripts but can easily be modified into a PHP version. For future usage.

    Demo: HTML demo

  • The Best Gallery You've Never Seen!
    Tools: Photoshop, Illustrator, The Gimp, Album, Vim, HTML, Javascript, Perl

    Description:
    A collective website for artists in Holland. Built and maintained in a similar way as Shadowfire.

    Demo: HTML demo - business card - website

  • J&H Consultancy
    Tools: The Gimp, Vim, HTML

    Description: Commercial website.

    The owner requested a low bandwith website since a lot of his customers are from eastern Europe, so design and HTML code are kept to a minimal to speed up loading time.

    Demo: website

  • A. van Walen Consultancy B.V.
    Tools: The Gimp, Vim, HTML, Javascript, Perl

    Description: Commercial website.

    Demo: design - website

  • PHP Weblog
    Tools: The Gimp, Vim, HTML, PHP

    Description:
    A weblog written in PHP. Entries can be added by creating simple text templates (I'm considering an HTML Form front-end in future versions). The program will create the proper layout and sort entries by date. Other features include archive, images, local links, WWW links, theming, categorization.

    Demo: HTML demo (Note: this is a static version, since this server doesn't support PHP extentions)

  • Various projects

    Description:
    Development and maintenance of many commercial websites and related work since 1997. A few old designs from centuries ago:

    www.fi-networks.nl www.rally.nl www.rehoboth.nl

VRML Setmaker & Posemaker
Tools: Perl, Bash, VRML, The Gimp, various 3D modelers


Click to view
screenshots
Several scripts for generating VRML settings and posable figures.

VRML Setmaker/Posemaker is a project that I've laid dormant because it became too time consuming. I was looking for an easy way to generate 3D settings, landscapes etc. by laying out objects on a map, without having to worry about the vertical location to the ground, other objects obscuring my view etc. For example, if I need a forest, I just build a handful of trees in VRML and mark the locations on a map, and Setmaker will do the rest. I've also added a feature with which the weather and time of day can literary be changed at the flick of a switch. I wanted this because I was looking for a way to set up 3D references for paintings and to do some experimenting in the third dimension.

Basicly, Setmaker is the VRML equivalent of a level editor you'll find with some games. The main difference is that Setmaker is text/script based, that means it has the potential of some powerful data manipulation, for example as it is now, it can easily be modified to be e.g. a fractal landscape generator. Also, given enough time, creativity and a powerful computer, huge static 3D worlds can be build.

Posermaker is derived from Setmaker, in essence the VRML equivalent of E-Frontier's Poser.

Although both toolkits are fully functional, it's far from finished for a general release. Also, since VRML is too limited and being phased out, it needs to be modified for another modeling language. At the moment this project has proven to be too time consuming to be continued. Screenshots of the development stage are available here.

Soccer Bots Demo v0.46-test
Tools: Photoshop, The Gimp, Gamemaker, GML


Screenshot,
click to enlarge
Little robots playing soccer.

Just a small exercise in AI and 2D graphics design I made with Game Maker. Inspired by those university robot/soccer matches you occainsionally see on T.V. You can leave it running on your desktop and watch the match, just like a real soccer match. Although it's ment as an non-interactive demo, you can spawn an Avatar and screw up the game if you feel like it :)

The AI is very basic, I suppose flies have a higher IQ. On the other hand, I have never seen flies playing soccer ;) If you observe closely, you might notice that every team has a different behavior. Also, the white lights on every bot gives a hint of what it's 'thinking' about.

Btw. It's still a beta version, so I'm sure there are still plenty of bugs. Also - despite the red team being 'smarter' - green tends to win the most games.

Note: I'm not into soccer so there are no 'real' soccer rules. This was just a little game-making experiment for me and soccer just turned out to be the easiest thing I could make the bots do.

Requirements: Windows 98 (untested on 95,NT,XP,2000 but should probably work)

Download: soccerbots.zip (643k)