Brush Ninja

Free Digital Creativity

← Blog

Mar10 Day

09 March 2023

March the 10th is Super Mario Day, so I thought this year I’d celebrate it by making a Mario portrait with Code Ninja, and a Mario animation with Brush Ninja.

I’ve been obsessed with Nintendo since my childhood, it was once my goal to work for them. That’s not looking likely now so I’m going to pay tribute to them insted.

Code Ninja

Mario Portrait

It’s the first time I have made something like this so the code is quite messy, but it’s all there as an example for everyone to use and customize. Just press load, then search for the Mario image.

Tips for Coding your own artworks

To draw this I used the following thought processes.

  1. Break down the image into simple shapes. You can use wide line widths to get capsule shapes.
  2. Keep the colours to a minimum.
  3. Work on elements in stages.
  4. Think about the order things should be drawn so that objects overlap correctly.
  5. Keep things as simple as possible.
  6. To get perfect circles I positioned the cursor then moved forward or backward 0 pixels.
  7. Use lots of comments to make it easy to find where different parts are drawn.

Brush Ninja

Making the animation was fun but very last minute since I only thought of creating it a couple of hours ago. So it isn’t perfect. I planned what I would draw but I didn’t spend any time planning the animation so the process was a bit haphazard, but I think it turned out quite nicely!

The actual animating process took about 45 minutes.

If you enjoy watching this sort of video then give the video a thumbs up and comment and I’ll have a go at making some more!

Need a new look?

Support Brush Ninja - Buy a TShirt.

Related Posts

Shape Palette

13 May 2020

In Brush Ninja Classic (the current version), you can draw rectangles, circles, triangles and stars. Brush Ninja v2 allows so much more. This feature actually came about by accident. I had added the basic shape drawing functionality to Brush Ninja v2, and then wanted to add a heart shape. Which...

New: Erasers, Animation Sizes, and more Stickers

10 June 2021

So many new features this month, and some of them are hotly anticipated. Eraser Ever since the Brush Ninja 2 release the most commonly requested new feature has been to add an Eraser. With the switch to a vector based rendering engine I had to remove the eraser. I felt...

Progress Update

28 April 2018

Recently I have been busy working away on Brush Ninja - but there’s not been much visible progress. My main focus has been on the next stage of Brush Ninja, and that’s making a desktop app. I want to turn this simple web app into something you can use properly....

‹ Back to Blog

Icon for Brush Ninja Brush Ninja Make Animated Gifs
Icon for Code Ninja Code Ninja Make Art with Code
Icon for Emoji Art Emoji Art Make Emoji Art
Icon for Photo Collage Photo Collage Make Photo Collages
Icon for Comic Maker Comic Maker Make Comics