Pixelc

An opensource tile/sprite editor in C, using SDL2 and OpenGL.

Main target are touch devices such as smartphones and tablets. Runs also fine on desktops.

Based on some framework.

Android App

Pixelc on Google Play.

WebApp

Pixelc WebApp compiled with emscripten.

Add the WebApp in your browser to the homescreen, to get the real WebApp fullscreen feeling.

App:

Tutorial

A documentation / tutorial can be found here / doc.md

Or just use the tooltip tool.

Up 'n Downloads

Nothing in Pixelc is sent to any server and all your art is saved locally on your device! Even if the WebApp "downloads" and "uploads" the images, they're just saved offline in your browser.

Sponsoring

You want to support me?

Buy Pixelc Premium on Google Play. Its just like Pixelc, but with grey scaled tools and background

Highlights:

• Multitouch Mode for a great touch experience
• Full mobile friendly WebApp compiled with emscripten
• Frames and a .gif export
• Layers
• Onion Skinning for frames and layers
• Tile Mode
• Multiple drawing modes
• Shading
• Selections
• Undo and Redo system that also works on App reload
• 9 Image Tabs
• Contains the most popular LOSCPEC palettes
• Custom Brush / Kernel / Stamps
• Custom Palettes
• COMPLETELY FREE and open
• and many more

Known Bugs

A few bugs that I haven't been able to solve yet:

1. Web Image Upload Zoom Bug

Zoomed in on your Browser while asked for an image upload? try:

• use desktop version in your browser to reset the size
• empty the browser cache/data (for the Pixelc App)

If you know someone who speaks html better than me, tell me :)

Using the html option user-scalable=no will create a smaller canvas size on phones, which looks washed due to linear scaling. Also not all browsers disable zoom (like the Samsung Internet Browser)

2. Samsung Internet Browser App Corruption Bug

Using the tiling mode may create wrong rendering in the tilemap first (some tiles are just wrong or missing). The more that happens, other parts of the App will break, too. Often files cant be loaded anymore, so a lot of black rects will appear here and there... Looks like a C memory overflow to me, but all other browsers and platform do not have that problem. Also the Google Sanitizer on Ubuntu does not detect any leaks or overflows...

Install and run on Desktop

Have a look at the section of some.

Compiling for Web

Using Emscripten https://emscripten.org/ Tested under Ubuntu and WSL Ubuntu. You should have already cloned the project and cd to that dir:

• Create a sub-directory to compile the website

mkdir web && cp index.html web && cp icon/* web && cd web

• Copy all resources, because emscripten may not be able to use ../res

cp -r ../res .

• Compile

emcc -O3 \
-I../include/ \
-s USE_SDL=2 -s USE_SDL_IMAGE=2 -s FULL_ES3=1 -s \
EXPORTED_FUNCTIONS='["_main", "_e_io_idbfs_synced", "_e_io_file_upload_done"]' \
-s EXPORTED_RUNTIME_METHODS=FS,ccall \
-s SDL2_IMAGE_FORMATS='["png"]' \
--preload-file ./res \
-s ALLOW_MEMORY_GROWTH=1 -s ASYNCIFY=1 -s EXIT_RUNTIME=1 \
-lidbfs.js \
-DPLATFORM_EMSCRIPTEN -DOPTION_GLES -DOPTION_SDL \
../src/e/*.c ../src/p/*.c ../src/r/*.c ../src/u/*.c ../src/*.c ../src/dialog/*.c ../src/tool/*.c \
-o index.js

• Test the website (open a browser and call localhost:8000)

python3 -m http.server --bind localhost  # [port]

Todo

• gif decoder?

Author

René Horstmann

Licence

• The app and its assets are licenced under GPLv3, see LICENCE.
• The some framework is under MIT licence, see someLICENCE.
  • SDL2 (zlib License)
  • Emscripten (MIT License)
  • nuklear for debug gui windows (MIT License)
    • not used in Pixelc, but is part of some
  • curl (MIT like License)
    • not used in Pixelc, but is part of some
  • sfd for simple file dialogs (MIT License)
• the .gif encoder gifenc is licenced under public domain
• tar .tar archive handler microtar (MIT License)
• Have a look at some_examples for some shared modules, under the MIT licence