Archive for September, 2007

Build a game like Sproing

Sproing is a very simple and intuitive Flash game. It’s also rather addictive. The object of the game is to destroy green orbs by hitting them hard enough with a blue orb which is connected to the mouse via a spring force. You’ll have to play the game to see what I mean. In this tutorial I’m going to show you how to make the blue orb spring to the mouse. Obviously, I wont show you how to make the complete game. The demo below shows exactly what we’ll be making:

Continue reading ‘Build a game like Sproing’

Destructible box

I’m going to show you how to make a destructible box (as seen in the demo below) which you can use in your flash games. In the demo, I’ve put the box in a simple game environment, to give you an idea of how the box might look in a game.

(Click on the box to break it)

Continue reading ‘Destructible box’

SimplyBlue web layout - Part II

Coding the layout

In this part we will be looking at the XHTML and CSS. We’ll start with structuring the layout with XHTML. The XHTML acts as the framework for the layout upon which we’ll apply stying using a CSS style sheet. The framework consists of several modules:

Continue reading ‘SimplyBlue web layout - Part II’

SimplyBlue web layout - Part I

I’m going to show you how to create a complete web layout using GIMP. This tutorial consists of two parts: The first part covers creating and preparing the graphics for the layout. The second part will go over marking up the layout in XHTML 1.0 Strict and styling with CSS 2.0.

(Click on the thumbnail below to see a live version of the layout)
Live preview

Continue reading ‘SimplyBlue web layout - Part I’

Sleek website button

I made this web button for a friend’s website and liked it so much that I decided to write a tutorial to show you how I made it. The button is simple and flexible; you can use it on your web pages or even in a flash game.

Here’s what we’ll be making:

Sleek website button
Continue reading ‘Sleek website button’

Windshock text effect

In this tutorial I’ll show you how to create the following text effect which I call Windshock:

Windshock text effect (finished)
Continue reading ‘Windshock text effect’