Pure CSS3 bokeh effect with some jQuery help

Bokeh - In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or "the way the lens renders out-of-focus points of light." (from Wikipedia). I'm pretty sure you've seen this effect before, since there are loads of wallpaper roundups and tutorials using this technique. Currently, one of my favourite wallpapers has to be this bokeh effect from -kol.Today, I want to add another addition to the bokeh "hype", by crea

Added on 03-05-2010

View This Tutorial | Report Tutorial

Making a Flash game with the PushButton engine - Sound Effects

In this tutorial we add some sound effects to out PushButton game. VIEW THE DEMO DOWNLOAD THE SOURCE CODE RETURN TO THE TUTORIAL INDEX Now that we have out enemy fighter plane exploding with a nice animation, we just need to cap it off with an explosion sound effect. As you would imagine, PushButton has support for sound effects built in, and it is...

Emulating an Amiga in Linux

The Amiga was one of the most powerful PC's of it's time, easily trumping the emerging IBM PC's in the 80's. You can relive this classic PC on your Linux desktop thanks to a number of emulators that are available. The first Amiga I ever saw was one owned by a friend. We would spend hours after school playing the many games that were...

Making a Flash game with the PushButton engine - Animation

In this tutorial we add an animated explosion to our game. VIEW THE DEMO DOWNLOAD THE SOURCE CODE RETURN TO THE TUTORIAL INDEX In the last tutorial we implemented some collision detection, with the response to the collision being the removal of an enemy fighter from the game. Having an entity just disappear like that is not really all that satisfyi...

Making a Flash game with the PushButton engine - Entity Management

In this tutorial we create some components that will allow us to remove entities when they are no longer needed. VIEW THE DEMO DOWNLOAD THE SOURCE CODE RETURN TO THE TUTORIAL INDEX At this point we have used Pushbuttons ability to create entities from a template to add an explosion entity to the game once the enemy spaceship has been involved in a ...

Making a Flash game with the PushButton engine - Modifiers

In this tutorial we take a look at the modifier classes available in the PushButton engine. VIEW THE DEMO DOWNLOAD THE SOURCE CODE RETURN TO THE TUTORIAL INDEX The BitmapRenderer class, and therefore classes that extend it such as SpriteRenderer and SpriteSheetRenderer , includes a property called modifiers . This array can take a number of classes...