Code Monkey home page Code Monkey logo

xbm-editor's Introduction

XBM Editor

alt screenshot

Features

  • Any number of sprites
  • Any number of frames for each sprites for states / animations
  • Save & load projects and export to c++ header file
  • Shift, mirror pixels
  • Import image

Preview (Chrome Only)

Open in browser

Example Header

#define hero_width 8
#define hero_height 14
static unsigned char hero_xbm[3][14] PROGMEM = {
    {
        0x1F,0x04,0x24,0x56,0x3E,0xBE,0x7E,0x1C,
        0x18,0x10,0x18,0x08,0x04,0x04
    },
    {
        0x0E,0x04,0x24,0x56,0x3E,0xBE,0x7E,0x1C,
        0x18,0x10,0x18,0x08,0x04,0x04
    },
    {
        0x04,0x04,0x24,0x56,0x3E,0xBE,0x7E,0x1C,
        0x18,0x10,0x18,0x08,0x04,0x04
    }
};

#define bat_width 11
#define bat_height 7
static unsigned char bat_xbm[3][14] PROGMEM = {
    {
        0x50,0x00,0xA8,0x00,0xD8,0x00,0xFC,0x01,
        0x26,0x03,0x02,0x02,0x02,0x02
    },
    {
        0x50,0x00,0xA8,0x00,0xD8,0x00,0xFC,0x01,
        0x22,0x02,0x02,0x02,0x00,0x00
    },
    {
        0x50,0x00,0xA8,0x00,0xD8,0x00,0xFC,0x01,
        0x03,0x06,0x00,0x00,0x00,0x00
    }
};

#define tiles_width 8
#define tiles_height 8
static unsigned char tiles_xbm[] PROGMEM = {
    0xAE,0x78,0x83,0xEA,0x28,0x7B,0xAB,0xC2
};

#define bomb_width 8
#define bomb_height 8
static unsigned char bomb_xbm[2][8] PROGMEM = {
    {
        0x00,0x20,0x10,0x20,0x38,0x28,0x38,0x38
    },
    {
        0x00,0x08,0x10,0x08,0x38,0x28,0x38,0x38
    }
};

Links

xbm on wikipedia

BUILD

Make sure to have sass installed and run in the console:

sass sass/main.sass:bin/main.css --watch

Make sure to have typescript installed and run in the console:

tsc -p ./typescript/tsconfig.json --watch

xbm-editor's People

Contributors

andremichelle avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

aleksandrigo

xbm-editor's Issues

Enhance drawing tool

  • Allow hold and move pointer to paint multiple pixels
  • Hold shift to draw lines (lock axis)

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.