Stipple Effect
A downloadable pixel art tool for Windows, macOS, and Linux
To get the most out of Stipple Effect, please visit the website, where you can read the documentation and scripting API.
Stipple Effect is a pixel art editor that has the potential to revolutionize 2D indie game development with its approach to scripting. It has all the standard features of a raster graphics editor, along with a host of features specifically intended to facilitate the creation of pixel art for video games or online distribution.
Such features include:
- Split/stitch: Stitch an animation into a sprite sheet or split a static project into an animation with as little as a single click or keystroke
- Pixel grid: Easily customize the size of pixel grid cells. The box select tool selection area can be snapped to the grid.
- Onion skinning
- Easy and intuitive outlining system
- Palettes
- Import and export palettes
- Populate a palette with colors from the project canvas
- Palettization: Map project canvas colors to their nearest equivalent palette color
- Export file types
- PNG sprite sheet
- Separate PNGs per frame
- Animated GIFs
- MP4 video
- And much more...
Scripting
Stipple Effect really shines when users harness the power of the scripting system.
In Stipple Effect, there are three main applications for scripting:
- Automation
- Previews
- Color transformations
Automation
Users can write and run automation scripts to automatically execute a series of program instructions.
For example, imagine there are 20 projects open in Stipple Effect. For each of these projects, the user wants to add a static black background layer. Instead of manually (1) adding a lowest layer to each project, (2) linking its cels, and (3) filling it with the color black, the user can write and run the following automation script once:
() {
for (p in $SE.get_projects()) {
p.set_layer_index(<span class="hljs-number">0</span>)<span class="hljs-comment">;</span>
p.<span class="hljs-keyword">add_layer();
</span> p.<span class="hljs-keyword">move_layer_down();
</span>
~ layer l = p.get_layer()<span class="hljs-comment">;</span>
l.link_cels()<span class="hljs-comment">;</span>
l.set_cel(<span class="hljs-number">0</span>, <span class="hljs-keyword">black_bg(p));
</span> }
}
<span class="hljs-keyword">black_bg(project </span>p -> image) {
~ int w = p.get_width()<span class="hljs-comment">;</span>
~ int h = p.get_height()<span class="hljs-comment">;</span>
~ image <span class="hljs-keyword">bg </span>= new_image_of(w, h)<span class="hljs-comment">;</span>
<span class="hljs-keyword">bg.fill(#000000, </span><span class="hljs-number">0</span>, <span class="hljs-number">0</span>, w, h)<span class="hljs-comment">;</span>
return <span class="hljs-keyword">bg;
</span>}
Read more about automation scripts
Previews
Stipple Effect has a preview window, where the contents of the project can previewed alongside the primary workspace.
This can be used in various ways, including:
- when editing pixels at a high zoom level, users can display the project zoomed out in the preview window to see how individual pixel changes affect the project as a whole
- when editing a particular animation frame, users can play the animation in the preview window to ensure that the animation still looks smooth
On top of that, users can write preview scripts to override the content displayed by the preview window. A preview script takes the flattened project contents as input and returns an image or an array of images as output. Users can define the transformation from input to output however they want, or even ignore the input entirely and generate preview output independently.
For example, this GIF showcases a preview script that takes its input from player-head-textures
and uses the intermediate textures head
and head
(projects 2 and 3) to define a lookup texture relationship. The pixels in player-head-textures
are then mapped onto a spinning head animation sprite sheet and sliced into separate frames for each direction. This array is then returned as the output and shown in the preview window.
Read more about preview scripts
Compile from source
If you do not have the means to pay for Stipple Effect, the program can be compiled from source free of charge. The instructions can be found in the README file of the source code repository.
License
Stipple Effect is distributed under an end-user license agreement (EULA). Read it here to understand your rights and responsibilities as a user.
Questions and feedback
For questions, feedback, bug reports, or anything else, please consult the community tab. I will do my best to check it consistently.
Updated | 2 days ago |
Status | Released |
Category | Tool |
Platforms | Windows, macOS, Linux |
Rating | Rated 5.0 out of 5 stars (2 total ratings) |
Author | Jordan Bunke |
Tags | 2D, Animation, Characters, Icons, image-editor, Pixel Art, PNG, script, software, Sprites |
Asset license | Creative Commons Attribution v4.0 International |
Average session | About an hour |
Languages | English |
Inputs | Keyboard, Mouse |
Accessibility | High-contrast |
Links | Source code, YouTube, Patreon, Twitter/X |
Purchase
In order to download this pixel art tool you must purchase it at or above the minimum price of $6 USD. You will get access to the following files:
Download demo
Development log
- 1.2.1 available now + demo builds58 days ago
- Updated demo to v1.2.060 days ago
- 1.2.0 | Major improvements and additions to scripting, preview window, and onion...61 days ago
- 1.1.0 | UI/UX Overhaul!85 days ago
- Demo available for download!Jul 11, 2024
- v1.0.1 is out now!Jul 11, 2024
- VS Code syntax highlighting extension for Stipple Effect scriptsJun 27, 2024
- 1.0.0 | Official Release!Jun 13, 2024