Code Snippets

Snippet to draw all the default characters, handily written so now all you need to do is paste this and see how awesome that font you've spent ages looks.

Allows smooth turning for entities in top-down style games (strategies, rpgs, puzzles etc).

There were some questions and I personally struggled with it when I started with Impact - so here we go. Check zipped file for the whole code as there are some issues when displaying the code.

A simple way to set the animation of an entity when it is spawned.

Let's say you want your level to be flooded by water - here's an example from the game I am currently developing.

Enables you to click and drag to move the screen position.

Handy prototype that adds a method to draw a dashed line. This can also be animated.

Simple snippet to pause the game when out of focus.

Simple check to see if a click event is focused on an entity.

An entity that tweens arbitrary values and destroys itself when it's finished.

This is a set of entities and a main js with graphics and sounds

Adds a little icon to toggle the visibility of the Impact debug panel.

Barebones project as an example using the WebGL plugin.

Use a ig.Timer to detect a double click.

Small snippet for tweaking the text character spacing.

Used this entity to allow for a health bar to always be above the unit it is linked to. This will update with the current units health for every 10%. Give it a try tell me what you think.

Particle effects can add a lot of detail and pop to your graphics and gameplay. Here is an implementation I use to incorporate single pixel particle effects for sparks and explosion details.

Determine which entity has the higher zindex after a click

The logic is pretty simple - CE is the heart of our enemy it has multiple arm offsets at each one of them the arm entity is attached and pushed into the array of children. The first and the last arm element has a gun attached which spawns bullets at certain intervals.

This is an element that will rotate around your player in a circle - Whatever you code it to do it will ;)

Simple check to see if a click is within a circle hit target.

Make snow the stage

A more accurate snippets to determine the entity being clicked when several are overlapping. This is not exactly my work. I fixed some of FabienM's work. You can refer to his here: http://www.pointofimpactjs.com/snippets/view/25/determine-which-entity-activate-after-a-click-when-several-entities-are-overlapping

No need to spawn another entity to represent the dead animation :)

This snippet helps you create a mask layer to hide unnecessary part of images, or entities, or a canvas drawing... by a shape (rectangle, arc, circle...)