×

Settings

General

Choose a background colour

Shapes

Texture render speed
×

Save

Save as Image

Save your artwork as an image. This feature can be used for game assets or backdrops. Lines are not included in the final image.

Save as File

Easily save your project for later. When you're ready, just import your saved file and pick up where you left off.

Save as Code

This feature allows you to add CanvasCraft projects to a game. The code can include aspects such as the shape's coordinates, dimensions, and properties.
×

CanvasCraft v2.0.0-beta.3.1

GitHub

CanvasCraft - build game worlds in minutes by combining art with code

Welcome to CanvasCraft, the comprehensive creation tool for the web! 🚀

CanvasCraft is a unique online tool designed to give gives coders and game developers a simple yet convenient way to build game levels - making creation easier and more accessible for everyone.

• 🧩ī¸ CanvasCraft's built-in shader feature empowers you to quickly generate complex and natural-looking surfaces using simple JavaScript code.

• 📱 Easily collaborate with others and share your work with the File Export feature, or tailor the UI to suit your needs.

• 💡 Whether you're a coder, a digital artist, or are simply exploring different ways to create, CanvasCraft has been designed to bring your ideas to life.

What You Need

CanvasCraft has been made for people who are interested in making art with code. All you need to get started is a basic understanding of variables and how the RGB color scheme works. That's it!

About the Creator

CanvasCraft is an ongoing project created by Joachim. This tool was initially made for the purpose of building complex game worlds, but has grown to give an advantage to creators of many skill levels. Let your imagination go wild! đŸ’Ĩ

20.07.2024

v2.0.0-beta.3.1

• Extended documentation and pro-tips • Enhanced grid mode • You will now be able to read the coordinates and dimensions of the shape as it is created • Edit the world's background colour in the settings • Mobile support • Introduced a new "split layer" feature • Converted the remixes, default colour and default template buttons to icons for a cleaner user interface • Small edits, including changes to the colour theme, and a hide icon on shape previews • Added a details panel • Added an extra control for the side panels • Lines are no longer created with a random colour

12.07.2024

v2.0.0-beta.2.0

• Added an "Include hidden shapes to boundary" option for downloading images • Marked the 0, 0 axis on grid mode • Created new argument pos {x, y} in the code box • A new pro-tip will appear every time you use CanvasCraft

09.07.2024

v2.0.0-beta.1.6

• Fixed texture render editing bugs • Increased default texture render speed • Changed the default variable types to let • Removed vertical scroll bar when editing code • Fixed small glitch where code goes yellow • Added help when hovering on code parameters • Introduced a new size parameter • You can now edit presets by giving the updated version the same name • Choosing a different remix will auto-update the shape • Shorthand controls now stay on the screen • Implemented CanvasCraft documentation

28.06.2024

v2.0.0-beta.0.5

• Fixed some mobile glitches • Reimplemented the ability to upload images, plus new controls • Saving files now records the shape's name • Any projects saved from this update onwards will be compatible with newer versions • Hidden shapes are no longer rendered to the final image

27.06.2024

v2.0.0-beta

• Released CanvasCraft v2.0.0-beta! • Entirely rewritten with major bug fixes and layout enhancements • Better coding practices used to enhance readability • Vastly improved user interface • Added a basic help assistant

07.06.2024

v1.2.7

• Camera can move when creating shapes • Fixed visuals when switching layer • Allowed straight lines • Added "real" to line statistics • Allow transparent background in settings • Going back to previous remix no longer goes undefined • You can delete presets in the settings • Preset names will not revert to Default when deselected • You can only select objects from the current layer

06.06.2024

v1.1.8

• Moved "Rotated Rectangle" to settings • Editing a preset takes you to the remix • Fixed default preset glitch when adding to old layers • Splash screen background image • Reduced default presets • Better layer selection • Styling updates • Customise navigation speed in the settings • File & Image Export saves as "CanvasCraft"

31.05.2024

v1.0.9

• Presets will now save correctly • Minor layout enhancements • Improved logo

30.05.2024

v1.0.6

• New logo! • Fixed layering inconsistencies • A localised remix will now be created when you edit a preset

29.05.2024

v1.0.3

• Added splash screen • Fixed glitch when loading files • Saving a preset as default now works

22.05.2024

v1.0.0

• Released CanvasCraft v1.0.0!

Advanced Help Manual

The CanvasCraft documentation - in development

Can't find what you're looking for? Get in touch at hello@joachimford.uk!