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.
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.
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.
Brush Ninja Youtube Channel
I’ve been thinking about this for a while and last month I finally started working on this. There’s now a Brush Ninja Youtube channel. There’s currently 2 video tutorials - but I hope to add new ones semi-regularly. Brush Ninja Quick Start Tutorial How to Use Stickers How Members can...
My background is in videogames. I worked for a games company for 11 years, and I’ve worked on dozens of games over the last 20 years. I’ve thought about adding simple games to Brush Ninja for a while, and this is the first. It’s Typing Ninja, a simple game to...
Sound Effects and Audio
One of the things I like doing is collecting feedback from users. Since Brush Ninja has been around I have added a bunch of new features based entirely upon things that users have suggested. Custom Images Background Images Custom Colours Different Brushes And more… There has always been a lot...