Visual Timer Bar for Games

  • 13 favourites

Attached Files

The following files have been attached to this tutorial:



Download now 127.87 KB


2,496 visits, 4,337 views



This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

This is a very simple method for creating a visual timer bar for actions in the game. It greatly simplifies the method of creating timed events during games by making them visual.

In the image you see the Blue timer bar at the top. It starts there and every second it moves down 4 pixels. Along the left edge you see the timer triggers, these little squares trigger events when the timer bar collides with them. You can add more existing events by just holding down Control and dragging the triggers up or down the screen. Towards the top makes the events happen towards the beginning of the game and towards the bottom triggers them later on.

Here is the code that moves the timer bar down.

And here is the code that sets the collisions for different events.

I hope this is more self explanatory, I am sure there are many better ways of doing these, but I found the timers that are built into the game to be confusing, so for many of us that are more visually orientated this may be a better option. Anyway just set the timer bar and triggers to invisible and you are all set.

You could also place them on their own layers as well. I am attaching the capx file to here so you can look further at the code. I added a lot of comments to assist people with this as well.

Hopes this helps.

Demo game is on the Arcade at:




Download now 127.87 KB

  • Order by
Want to leave a comment? Login or Register an account!