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

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

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

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

Review: Headshot Plugin for Reallusion's Character Creator 3

Headshot for CC3. Quite possibly the best 3D Avatar I've made of myself in any 3D application. Creating a realistic 3D human avatar is a whole lot easier with Reallusion's new Headshot Plugin for Character Creator 3. The plugin is an AI powered extension that can generate 3D digital humans from one photo. Which sounds like an amazing proposition but, in practice, if you're trying to achieve a specific likeness to an actual person, Headshot will give you an excellent base to work from. Headshot has two modes, Auto and Pro. Auto Mode Auto is well worth a try if you have an ideal photo of a front facing person that is properly lit and posed to Headshot's optimum requirements. It's also the only mode that will take a crack at generating a hair model. I grabbed an image of Harrison Ford, dragged it into Headshot without changing any of the default settings (other than specifying 'male' and selecting an 'old male' setting) and this is what I

Murf.ai - Text to Speech, AI enabled, Real People, Online Voice Generator and Video Studio Editor

Most of us are not talented enough to perform verbal gymnastics with our voices, easily imitating people of different ages, genders, races etc. Which is real problem for solo animators with little to no budget. How do you voice multiple characters in your animations? Developments in human sounding, Artificial Intelligence (AI), Text to Speech (TTS) voices is making them an increasingly viable and affordable alternative to hiring real actors (or convincing family or friends to help out). Murf.AI is an extremely impressive online, AI voice generation service that sounds like real people. Not just a TTS service, their online studio offers a range of tools that include editing and adding AI voices to entire video projects, converting your own recorded audio to an AI voice, and uploading scripts to be converted into AI voices, and more. A selection of the 120+ available voices. Within Murf's studio you get up to 120+ AI voices in 20+ languages, as well as a library of royalty free musi

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

KIT Scenarist - Free, Open Source, Screenwriting Software that Helps Research Your Ideas Too

KIT Scenarist Script Writing Software's Mascot, Alexander Cat. While you can write a script in any word processing app, if you're writing stories (screenplays) that feature characters and dialogue, a dedicated script writing app can save a lot of time formatting, letting you focus more on the actual story. Script writing apps are also very useful if you plan to send your screenplays out to production companies, or if you're collaborating with actors and other production people, who are used to scripts being in a particular standard format.  [Note: In case you're wondering there are reasons scripts follow a standard format and are always written in Courier (typewriter) font, including but not limited to; being easy to read by actors, plenty of space for notes, and the general rule that one page of a script (in this format) equals approximately one minute of screen time.] KIT Scenarist , in my opinion, is one of the best script writing apps out there for ease of use, simp