Keyword: graphics

Showing 11 results
Using PNG Tilesheets for Graphics

Using PNG Tilesheets for Graphics

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Improving the appearance of our Canvas map by using an Image tilesheet for our Graphics.

Animated Sprites in Canvas

Animated Sprites in Canvas

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Animating the sprites we're using on our Canvas game with some simple Javascript.

Active tiles, ice and conveyor belts

Active tiles, ice and conveyor belts

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Making tiles just sit there and look pretty, we see how to force Character movement with slippery tiles and moving surfaces.

Movement speeds on different tile types

Movement speeds on different tile types

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

We can't move on all surfaces with the same ease, so now we learn how to set different movement speeds dependant on the type of tile.

Pausing and changing game speeds

Pausing and changing game speeds

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Time must stop! We'll look at how to not only pause the game, but also speed up or slow down time.

Tile events and triggered functions

Tile events and triggered functions

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

The Character arriving at a specific tile may need to progress or alter the game world or story. We can do that by assigning functions to be triggered on arrival at certain tiles.

Raytracing Lighting on a 2D Tilemap

Raytracing Lighting on a 2D Tilemap

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Lighting 2D tilemaps with light sources and ray tracing.

Lighting Bloom on a Tilemap

Lighting Bloom on a Tilemap

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Improving your tilemap lighting with bloom, the second part of the tilemap lighting with raytracing tutorial.

Managing Sprites and Frames

Managing Sprites and Frames

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

In this tutorial we'll create a class to manage sprites and frames and convert our existing sprites to make use of it.

Plotting Regular Polygons

Plotting Regular Polygons

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Programatically plotting regular polygons on a canvas or other drawing surface is surprisingly simple. Learn how to write a short function to generate Polygons in this tutorial.

Plotting Regular Stars

Plotting Regular Stars

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Plotting regular stars is just as simple as plotting regular polygons, and in this tutorial we'll create a function to do so.