Mar10 Day
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
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.
- Break down the image into simple shapes. You can use wide line widths to get capsule shapes.
- Keep the colours to a minimum.
- Work on elements in stages.
- Think about the order things should be drawn so that objects overlap correctly.
- Keep things as simple as possible.
- To get perfect circles I positioned the cursor then moved forward or backward 0 pixels.
- 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!
← Brush Ninja Youtube ChannelFrom Anticipation to Z-Depth: A Comprehensive Guide to Animation Terminology →
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....