HaxeFlixel Logo HaxeFlixel Snippets
  • About
  • Tutorials
  • Back to HaxeFlixel.com
  • Basics
    • Screen
    • Adding
  • Objects
    • Alive
    • Health
  • Sprites
    • Making Sprites
    • Loading Sprites
    • Animation
    • Alpha
    • Color
    • Facing
    • Scale
    • Baked Rotations
  • Text
    • FlxText
    • FlxBitmapText
  • Movement
    • Velocity
    • Acceleration
    • MaxVelocity
    • Gravity
    • Jumping
    • Angle
    • Angular Velocity
    • Angular Acceleration
  • Groups
    • Basic Group
    • Typed Group
    • Recycling
  • Tiling
    • Tileblock
    • Tilemap
  • Overlap
    • Simple Overlap
    • Overlap Callbacks
  • Collision
    • 1-to-1 Collision
    • Immovable
    • Tilemap Collision
    • Moving Platforms
  • Camera
    • Flash
    • Fade
    • Shake
    • Follow
  • Input
    • Basics
    • Keyboard
    • Mouse
    • Button
  • Sound
    • FlxSound

Tilemap

Unlike FlxTileblock, FlxTilemap requires a defined map to be passed to it, which it uses to draw tiles from.

tilemap.loadMapFromCSV('path/to/map.csv', 'path/to/tiles.png');

Demonstration

Source

source/PlayState.hx

package;

import flixel.FlxG;
import flixel.FlxState;
import flixel.tile.FlxTilemap;

class PlayState extends FlxState
{
    override public function create()
    {
        super.create();

        var map = new FlxTilemap();
        map.loadMapFromCSV("assets/map.csv", "assets/tiles.png");
        map.screenCenter();
        add(map);
    }
}

../../demo-assets/map.csv

2,2,2,2,0,0,0,0,0,3,3,3,3
2,2,2,2,2,0,0,0,3,3,3,3,3
2,2,2,2,2,2,1,3,3,3,3,3,3
2,2,2,2,2,1,1,1,3,3,3,3,3
0,2,2,2,1,1,1,1,1,3,3,3,0
0,0,2,1,1,1,1,1,1,1,3,0,0
0,0,1,1,1,1,1,1,1,1,1,0,0
0,0,4,1,1,1,1,1,1,1,5,0,0
0,4,4,4,1,1,1,1,1,5,5,5,0
4,4,4,4,4,1,1,1,5,5,5,5,5
4,4,4,4,4,4,1,5,5,5,5,5,5
4,4,4,4,4,0,0,0,5,5,5,5,5
4,4,4,4,0,0,0,0,0,5,5,5,5
View Source on GitHub

Tags

tiling tilemap
  1. Home
  2. Tiling
  3. Tilemap
Powered By HaxeFlixel Logo HaxeFlixel