I'm creating an Isometric TileSet editor app with React and HTML5 Canvas because why not

Isometric TileSet Studio is a 3D-like tool for quickly prototyping isometric pixel-art worlds and tile sets.

With this tool you will be able to work in an isometric grid and create mock-ups of your isometric tiles, that you can later edit in your favorite pixel art editor.

The expected workflow will be: you create a shape (or a composition of them) in this editor and then you copy-paste it in your favorite pixel-art editor, e.g. Aseprite.

You will be able to compose them in multiple layers, resize, change colors, stroke, rotation, tile size, etc.

If you are familiar with 3D editors, this tool will be very intuitive to use.

I spent a whole week working on this project but at least now it is a little usable.

I hope to make it more useful in the future, adding more features, making it more usable and efficient, but that depends on the expectation and interest I see in your comments :)

You can find this project on my Github:

https://github.com/itsjavi/isometric-tileset-studio

Editor home page: https://itsjavi.com/isometric-tileset-studio

I'm creating an Isometric TileSet editor app with React and HTML5 Canvas because why not

Comments

WebDev

Styling a sticky element when it gets pinned using React

More from this blog

Styling a sticky element when it gets pinned using React

Build your own Full-Stack framework

Mocking the IntersectionObserver in Jest for testing React components

StoryLite 0.6.0 released

Introducing StoryLite ⚡️, a lightweight alternative to StoryBook

Command Palette

Comments

WebDev

Styling a sticky element when it gets pinned using React

More from this blog