Skip to main content

GoAnimate's Bring on the Noise Contest

Between December 2010 and March 2011 GoAnimate ran their Bring on the Noise contest in partnership with the Tribe of Noise indie music sharing web site. Animators could choose from a selection of about 15 songs and make an animated music video for their favorite.

You could enter as many times as you like. I managed to create two entries, the second of which you can see at the bottom of my post about Episode 1, Part 3 of Bat Storm: Financial Crisis which didn't get the required number of Facebook Likes to be considered a valid entry in the competition.

My first entry, below, not only made the cut it was the first runner up in the competition (effectively second place). As well it was the most viewed and the most recommended of all entries by the close of the competition.

Re-animatrix: 'Afghan Sands' by Stoneye by etourist on GoAnimate


Obviously my video is inspired by the closing battle in The Matrix: Revolutions but it wasn't the music that prompted me to go in that direction. In fact this animation did not start out to be a music video at all. It's beginnings were in my GoAnimate forum post, You Can't Do That on GoAnimate Challenge where Mr Holiday (who has since changed his screen name to Gangster Fart) wrote:


As you can see in my response I took up the challenge and set myself the task of achieving it with GoAnimate only props and characters.

Initially I was going to use GoAnimate's stick figure theme because those characters already have a Matrix style leap as one of their fight actions. I even made a start using some figures I created to look like Bat Storm and the Jokester (see image right).

I spent a lot of time with the stick figure version trying to work out how many steps were needed to spin the characters fluently through 360 degrees and how to hide the point where the characters have to flip.

One thing I discovered was that the moment I flipped the jumping character it reset their jump to the pre jump position, making that nice Matrix jump action virtually useless. Looking back I can see how I could solve this problem but at the time it was one of the catalysts for making me switch to the Lil' Peepz theme.

The other reason was that Lil' Peepz had just been given new fighting and gun using action packs that I thought would be great to feature in a Matrix style animation. So off I went to design my Neo and Agent Smith in the Lil' Peepz character creator.

To cut a long story short, the 360 degree spin I created requires just four GoAnimate Scenes to do the full spin. To help you understand how it all comes together look at the diagram below:

The diagram shows the scene slightly from above at the point where agent Smith has just jumped and frozen in mid air. The circles on the ground represent the space in which everything will spin through 360 degrees. The axis are labeled like a clock face with 12 at the top, the 3 on the right, 6 at the bottom and 9 on the left.

Over four scenes you have to move each object to the next axis in a quarter circle motion (add a control point or two to your slide movement) following a clockwise rotation (as indicated by the arrow line A). For example, Neo is standing on the 9 axis. By the next scene he needs to be on the 12 axis at about the same position he is standing on the 9 axis.

Things to keep in mind include perspective. Anything moving away from the viewer will get slightly smaller (i.e. anything moving towards the 12 axis). Anything moving towards the viewer will get slightly bigger (i.e. anything moving towards the 6 axis).

Characters crossing over the 6 or the 12 axis will need to be flipped in the next scene. Seeing the flip spoils the effect some what, which is why the scene includes two trees that rotate in front of viewer, hiding the flip. The trees also help to make the scene seem more like a real environment. The trees should move in quarter turns just like the characters.

The city line on the horizon should scroll/slide to the right (as indicated by arrow B) if the characters are spinning in a clockwise direction (it should move left for anti-clockwise). You will need to repeat the city scape prop so it forms a continuous, unbroken line of buildings through the whole spin. This will give the impression that the characters are surrounded by buildings - as if they're in a park in the middle of the city.

Note that the buildings are quite far away so they will move much slower than the characters. I used the default slide length of 75 pixels in my animation.

The whole effect can be helped by framing the scene tightly on just the characters using the CUT tool - that way the trees passing in front of the camera are less noticeable and seem more realistic.

It's a complex scene to set up and not that easy to explain clearly but hopefully you get the idea. If you look at the animation you'll see the man hole cover prop (i.e. the large grey circle I use on the ground in the animation) from the Lil' Peepz theme is a good substitute for the guidelines in my diagram above.

After all the hard work of trying to do the 360 spin using only GoAnimate props and characters it seemed a shame to release the animation with just that one move. GoAnimate had released its fighting and gun action packs so I decided to extend the fight scenes and add a music track.

I'd already heard the Afghan Sands music track by Stoneye, which other animators were associating with war and the Middle East for obvious reasons, but to me it felt like the faced paced music that I could picture being part of a film like the Matrix. Some people said it didn't suit but I think it does, given the Matrix is very much about a war and has plenty of Middle Eastern and Asian influences in its design and style.

Since the 360 spin played with perspective I expanded on that quite a bit to make my environment seem larger. Hence there was a lot of shrinking of props to create different camera angles and illusions of height and distance.

The closing tag line of "Clearly these two are not the One" was something I came up with because the end really needed some kind of statement after the two characters collide and vanish in a cloud of flames. Something to explain why I ended it where I did.

I never expected this animation to do as well as it did. Some people went so far as to say it would win the competition - quite a big call since I released it in December and there was plenty of time for someone to do something even more impressive before March.

Had the competition been about the most views I would've just made it but as it was a judged competition it turns out the second most viewed video won it - and deservedly so since that actually was a very creative music video and not just an extended fight video. The winning video is below...

Alice TERMINA by TOUJOURS on GoAnimate

Popular posts from this blog

Should You Buy or Upgrade to MOHO 13? *Spoiler* Yes. Yes You Should!

MOHO 13's New Character Set. Smith Micro released MOHO 13 , their all in one, 2D animation studio, this week. The question is should you buy or upgrade to the latest version? Obviously I've already spoiled this in the title, so the actual question is why do I think you should buy or upgrade? To be clear, I'm only talking about MOHO 13 Pro. If you're considering MOHO 13 Debut be aware that you're missing out on some of the new features, and a lot of existing features that are only available in the Pro version. Debut is fine if the budget doesn't stretch to Pro, but, if you never want to be disappointed about not having a feature, it's Pro or nothing! The other thing I need to be transparent about is I'm not, by any stretch, a frequent MOHO user/animator. However I took the time to learn MOHO 12 Pro fairly extensively, blogging about my process and sorting out 104 free MOHO training videos into a logical viewing order in the process. I think I ha

AE Juice - Animation Presets, Motion Graphics, Templates, Transitions for After Effects, Premiere Pro, and Other Video Applications

Level up you video edits and animations with AE Juice's motion graphics and templates. Some days you just don't have the time to create flashy motion graphics for your latest video or animation. For some of us it's more a question of our own artistic abilities being a little less than the awesome we'd like them to be. Whatever reason a resource like AE Juice's animation presets, motion graphics, templates, and transitions packs for After Effects , Premiere Pro , and other video applications can really make your work stand out very quickly. AE Juice gives you access to an instant library of free, premade content elements and sound effects, which you can add to with additional purchases of various themed packs from their store. There are three ways to manage their content, all of which can be used in commercial projects . The AE Juice Standalone Package Manager makes it easy to browse previews of all your pack contents and to download and find just the elements yo

Review: CrazyTalk Animator 3 vs Moho Studio Pro 12

Reallusion's CrazyTalk Animator 3 or Smith Micro's Moho Studio Pro 12. Which of these 2D animation applications is right for you? Regular readers of this blog will know I'm a strong supporter, and fairly proficient user of CrazyTalk Animator since version 1. It's a great piece of software for producing 2D animations from purchased content quickly and, with version 3, is easier than ever to create animations from your own art. Lesser known is that I first purchased Moho Studio Pro 12 (then known as Anime Studio Pro 9) back in October of 2012 and have been upgrading it to the latest version ever since because I believed in it as an application for creating great 2D animation to TV quality standard. As such, it's a much more complex application than CTA3 that I only got around to learning properly late last year. I'm still in the process of blogging my progress . Despite this I feel I've learned enough of Moho to compare it to CTA3 to help you determ

Can You Learn Reallusion's Cartoon Animator 5 for Free Using Their 137 Official YouTube Video Tutorials Sorted Into a Logical Learning Order?

Or you could just buy The Lazy Animator Beginner's Guide to Cartoon Animator . While Reallusion's Cartoon Animator is one of the easiest 2D animation studios to get up and running with quickly, learning it from all of the official, free, video tutorials can be more overwhelming than helpful. With more than 137 videos totaling more than 28 and a half hours of tutorials, spread across three generations of the software (Cartoon Animator 3 through 5) it's hard to know if what you're learning is a current or legacy feature that you either need to know or can be skipped. Many of the official tutorials only teach specific features of the software and don't relate at all to previous or later tutorials. As a result there are many features either not mentioned or are hard to find. To make your learning easier, on this page, I've collected together all of the essential, official, free video tutorials and sorted them into a learning order that makes sense. Simply start at

Make Disney/Pixar Style Characters with Reallusion's Character Creator and Toon Figure Bases

The Extraordinary Tourist Classic Coat outfit created using Reallusion's Toon Designer for CC3. I've talked before how I've wanted to get into 3D Disney/Pixar style character animation since I first saw the animated cutscenes for the very first Tomb Raider game back in 1996. It's why I initially bought Reallusion's iClone 3D studio app as soon as I could afford a computer that would run it. But then Reallusion released their 3D Character Creator (CC) for iClone and I wanted to create my characters with that (and I did try with Bat Storm ). But the focus of CC was realism, even with ToKoMotion's stylised body morphs . Now with Reallusion's Cartoon Designer bundle for CC3 which features two packs, Toon Figures , and Toon Hair , designing Disney/Pixar style 3D characters just got a whole lot quicker. The two packs are the bare essentials for creating Toon style characters. Five body morphs (2 male, 2 female, and one adolescent body morph that w

TimeBolt: Fast Video Editing for Anyone Creating Online Courses, Podcasts, or Vlogs.

I resisted making tutorial videos for a long time because I don't like editing. Specifically I don't like editing me teaching as I step students through a process during a screen record. I have a tendency to insert long pauses not just in the middle of sentences but between multiple words in the middle of sentences as my pace matches what I'm doing onscreen. This makes for very long and very slow paced video tutorials. To counteract this I have to edit out all the pauses. This can take hours, or even days on particularly long tutorials. For example, when I created my main course, The Lazy Animator Beginner's Guide to Cartoon Animator , I literally injured the thumb on my right hand, operating my mouse, as I spent weeks taking out all my pauses (seriously, I had to wear a thumb brace for a few weeks to fix the pain). Recently I came across TimeBolt , a very affordable, fast editing application with the featured purpose of removing all the pauses from your video (and even

Creating a G3-360 Head From a Single Photo in Reallusion's Cartoon Animator

Source Photo from Generated Photos . Ever since Reallusion introduced the G3-360 Character Head into Cartoon Animator 4 I've wanted to see if their 360 Head Creator tool could be used to create an animated head using a photo. Part of the reason I've never given this a shot, until now, is that I just assumed it would be difficult, and require a lot of photo editing to blend out the sprite edges. It turns out, creating a photographic G3-360 head is not that much more difficult than creating a cartoon head, and can be done using a single photographic image using my own G3-360 head rigging system . While this article isn't intended to be a full tutorial, I'll run through the basic steps of how I achieved my photographic G3-360 head, shown in the comparison below, of a Cartoon Animator Morph-based head on the left, and my G3-360 head on the right. Pros and Cons Cartoon Animator's morph-based head system is ideal for animating photographic faces. It uses a semi 3D wire me