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

Featured Animator: Christian Haynes - 'Zack In Time' An Original, Independent, Animated Series on the Rise

Christian Haynes - Zack In Time.  If you've ever wanted to create an animated TV series staring your own original characters and stories then Los Angeles based writer, director, and animator, Christian Haynes is taking those next steps of putting together a team, developing a pitch/trailer for their series, Zack In Time. Featuring professional studio quality animation, they hope the show will get picked up by an animation studio for an official series. The path he and his team are taking is one you could easily follow as they deal with real life commitments, and building a following on Instagram and Tik-Tok showcasing their work behind the scenes. TET: Tell me a little about yourself. Who you are, and why you started animating? My name is Christian Haynes and I've loved animation ever since I was a kid. I would constantly be drawing cartoon characters from TV shows and movies and making my own little homemade comic strips.  As I got older, I became a lot more interested in st

Wonder Unit Storyboarder - Free Storyboarding Software for People Who Can (or Can't) Draw

Wonder Unit Storyboarder.  As an independent and solo animator I'm always tempted to try and skip storyboarding my animated shorts because they're usually only single scene sketch comedy type jokes. As a result I have many unfinished projects that kind of petered out due to having no clear finishing line. Storyboarding your productions, no matter how small, gives you a step by step guide of every shot that needs to be completed (no planning shots as you animate). It also allows you to create an animatic that gives you a rough preview of the finished production. In short, you shouldn't skip storyboards as they, generally, increase the chance of the project being completed. Disclaimer - I'm Not a Fan of Storyboarder Upfront, Wonder Unit's Storyboarder  is not my preferred storyboarding software. However it's completely free, has a number of very compelling featu

Shotcut - Free Open Source Video Editor for Windows, Mac, and Linux

Shotcut Open Source Video Editor. I've been on the hunt for a while now for the best, free, open source, video editing application out there. In Shotcut , by Meltytech , which has versions for Windows, Mac, and Linux, I think I may have found a real front runner. This won't be a feature filled review, rather it will be my first impressions after having used Shotcut on a few of my YouTube videos so far. One of my key criteria for a video editor is the ability to import any video format directly into the project. This may seem like an odd focus initially but having convert video to something your video editor can use is annoyingly time consuming, and it creates a new generation of footage, potentially with a loss in quality if you don't really know much about video format specs (that's this guy right here!). Shotcut will happily work with my OBS recordings (.FLV), and .MOV, .MP4 files that I get from two different cameras. Not only that but Shotcut doesn't hold me up

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

Tips on How to Create Background Scenes in Reallusion's Cartoon Animator Using Your Content Library

This background is made from a mix of props from six different content packs. One of Reallusion Cartoon Animator's selling points is that it can speed up your animation workflow with its time saving features. Among those features is the software's Content Library, a collection of premade, characters, props, scenes, motion files, and more, that either came with the application or you've added with purchases from Reallusion's Content Store or Marketplace .  If you've been following along, I've been reviewing applications I'm using in the process of creating my latest animated short featuring my original characters, Mia and the Tourist (and their replica, sentient, R2-D2 droid). Previously I wrote the script with KIT Scenarist , and drafted a storyboard using Wonder Unit's Storyboarder . In this post I'll show you how I designed my backgrounds for my animation using my extensive Content Library collection. I'll give you tips for making your own sc

How to Use Plask and Reallusion's 3DXchange to Create Full Body 3D Motion Capture Animation for Cartoon Animator

Last month I reviewed Plask , a free, browser based app that allows you to create 3D motion capture files for animation from a webcam or prerecorded video footage. At the time my hope was that Plask could be used to create 3D motion capture files for Cartoon Animator 4. Unfortunately my knowledge of how to export 3D animation motion files between applications is fairly basic and I wasn't able to figure it out. However, thanks to 3D animation enthusiast and game developer, Freedom (of the YouTube Channel Freedom Arts ), who published a tutorial on how to use Plask with iClone7 characters (in my review I wasn't able to work that out either) there is now a workflow from Plask, via Reallusion's  3DXchange , to Cartoon Animator that is relatively easy to follow and works well. Note: If you want to try this out, 3DXchange is available as a free 30 day trial download if you don't have it. Creating Your 3D Motion Capture File in Plask I'm not going to do a detailed run

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