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

Comments

Popular posts from this blog

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

Create 2D Animated Characters with 3D Character Creator Tools and Artistic Filters

3D CC3 TET Character, based on my Oppa Doll Avatar, used as the base for a 2D CA4 character. One of my favorite things to do is to create characters with any type of Avatar/Character creator app. In fact the first test I usually try with these tools is, can I make an avatar of me (or at least my The Extraordinary Tourist persona). Previously I've used 2D character creators like Oppa Doll as a source of artwork for some characters I've made for Reallusion's Cartoon Animator 4 animation studio but 2D character creators are limited to... well 2D. 3D Character Creators While you may think 3D character creators have no place in creating characters for 2D animation there are quite a number of advantages including: No drawing skills required. Render characters in any style. Use an art filter or even hand trace into line art. Need to animate the character in a specific pose or angle? Render out an image of the character in the required angle and animate it in 2D. Quicker to crea

Artbreeder - Using AI created Character and Background Content in your Animations

A selection of User/AI generated images from Artbreeder. If you're looking for an endless supply of 2D character and background images for your animations then Artbreeder , an online Artificial Intelligence (AI) that generates image mash-ups you can tweak as much as you like, could be the ultimate content library. What is Artbreeder? Artbreeder is free to use though there are various paid plans, that give you additional features, such as higher resolution download images or more settings to play with. All images created on the site are Public Domain (CC0 License) and can be used in commercial projects. Using Artbreeder's online app you can generate head shot portraits, full body characters, landscapes, and other scenes simply by choosing two or more existing images to mash together then, using a series of sliders, to select which traits from each image you wish to lean toward in the final image. Photo Comparison - Top is my original uploaded photo. Bottom is Artbreeder's ap

Three Image Overlay Apps. Do More with Your Reference Images While You Work

PureRef's image overlay in action with Cartoon Animator 4. One thing Cartoon Animator 4 still does not have in stage mode is the ability to onion skin previous and next frames.  For those complete animation newbies among you, onion skinning is the ability to see through the current frame to your previous and/or next keyframes so you can see the progression of your character or object's movement as you create and adjust each keyframe. Usually the previous and next frames appear lighter so your current frame remains the key focus. This prompted me to look for a tool that could overlay an image over my work to use as a reference while still allowing me to work on the app underneath the overlay. I had seen, and even used such apps in the past but it had been some time so I decided to see what was out there, preferably free and/or open source, with versions for Mac and Windows. Overlay 2 There are actually a number of apps that do nothing more than overlay an image but the only one

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

Learn Moho Pro 12 Free Using SmithMicro's Own 104 Video Tutorials Sorted into a Logical Order of Progression

So you've bought Smith Micro's Moho Pro 12 along with the Moho, 10 hour, 104 Video Tutorials Add On pack so you can get learning right away... only you can't. For whatever reason, the video tutorials aren't sorted into any logical order of progression making them hard to follow. Yeah, I've been there, only I've done what Smith Micro should have done and sorted all the video tutorials into a logical order of natural progression for you. That is, each tutorial builds upon what you learned in previous videos and you won't suddenly come up against some feature you've never used before, unless that feature is what the video tutorial is about.

Stylish Stick Figures for Cartoon Animator 4.2 - New Characters by TET

Stylish Stick Figures by TET. Animating stick figures is almost a right of passage for any animator who has ever made an old fashioned flipbook or discovered the free stickman animator app, Pivot Animator . There's also the hugely popular viral stick figure animation, Animator Versus Animation  and its sequels by Alan Becker that continue to inspire variations more than 12 years later. Back when Vyond was GoAnimate they had a stick figure theme that was popular site wide despite having many other themes with much more refined Saturday morning cartoon style characters. I even had my own stick figure series, Harry Chalk , on GoAnimate. Long story short, I was looking through the Reallusion Cartoon Animator Marketplace and discovered there really weren't any well designed, traditional looking stick figure characters. That's not to say there weren't any at all but I wanted something similar to GoAnimate's stick figures which included full facial features and male and