Coder Social home page Coder Social logo

bevy_ecs_tilemap's Introduction

bevy_ecs_tilemap

Crates.io docs license Crates.io

A tilemap rendering plugin for bevy. It is more ECS friendly as it makes tiles entities.

Features

  • A tile per entity.
  • Fast rendering using a chunked approach.
  • Layers and sparse tile maps.
  • GPU powered animations.
  • Isometric and Hexagonal tile maps.
  • Initial support for Tiled file exports.

Upcoming Features

  • Support for isometric and hexagon rendering.
  • Built in animation support – see animation example.
  • Texture array support.
  • Layers and add/remove tiles.

Screenshots

iso hex

How Does This Work?

Quite simple there is a tile per entity. Behind the scenes the tiles are split into chunks that each have their own mesh which is sent to the GPU in an optimal way.

Why Use This Instead of X?

Because each tile is an entity of its own editing tiles is super easy and convenient. This allows you to tag entities for updating and makes stuff like animation easier. Want to have a mining simulation where damage is applied to tiles? That’s easy with this plugin:

struct Damage {
    amount: u32,
}

fn update_damage(
    mut query: Query<(&mut Tile, &Damage), Changed<Damage>>,
) {
    for (mut tile, damage) in query.iter_mut() {
        tile.texture_index = TILE_DAMAGE_OFFSET + damage.amount;
    }
}

Examples

  • accessing_tiles – An example showing how one can access tiles from the map object by using tile map coordinates.
  • animation – Basic CPU animation example.
  • atlas_spacing – Usage of atlas textures with multiple rows and spacing.
  • bench - A stress test of the map rendering system. Takes a while to load.
  • dynamic_map - A random map that is only partial filled with tiles that changes every so often.
  • game_of_life - A game of life simulator.
  • hex_column - A map that is meshed using “pointy” hexagons.
  • hex_row - A map that is meshed using flat hexagons.
  • iso_diamond - An isometric meshed map using diamond ordering.
  • iso_staggered - An isometric meshed map using staggered ordering.
  • layers - An example of how you can use multiple map entities/components for “layers”.
  • ldtk - An example of loading and rendering of a LDTK map which requires the ldtk feature. Use: cargo run --example ldtk --features ldtk
  • map - The simplest example of how to create a tile map.
  • random_map - A bench of editing all of the tiles every 100 ms.
  • remove_tiles - An example showing how you can remove tiles by using map_query
  • sparse_tiles - An example showing how to generate a map where not all of the tiles exist for a given square in the tile map.
  • tiled - An example of loading and rendering of a tiled map editor map which requires the tiled_map feature. Use: cargo run --example tiled
  • tiled_rotate - An example of loading and rendering of a tiled map editor map with flipping and rotation.requires the tiled_map feature. Use: cargo run --example tiled_rotate
  • visibility - An example showcasing visibility of tiles and chunks.

Running Examples

cargo run --release --example map

Running examples on web!

cargo build --target wasm32-unknown-unknown --example animation --release --features atlas
wasm-server-runner .\target\wasm32-unknown-unknown\release\examples\animation.wasm

Known Issues

  • Tile flipping by x, y and d, should work for all maps, however "d" (anti diagonal) flipping is not implemented for non-square maps.
  • Besides the above no known issues.

Asset credits

bevy_ecs_tilemap's People

Contributors

actioninja avatar alecgoncharow avatar alice-i-cecile avatar b-reif avatar christianivicevic avatar eastrd avatar elabajaba avatar exonoesis avatar forbjok avatar icorderi avatar inodentry avatar martinmolin avatar minhir avatar mrgvsv avatar mubiquity avatar ndarilek avatar perlindgren avatar rparrett avatar stararawn avatar theleonsver1 avatar turbomack avatar virtualritz avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.