Sunday, September 27, 2015

Animation in the Modern Age

How Flash Has Improved and Worsened an Art Form

Computer technology has transformed the way we produce and experience media, and animated content is no exception. Since 1996, Flash animation has revolutionized the way much of animation is produced for both the internet and television. But like any technology, Flash has changed things for both better and worse. While the software has allowed animators to produce content of high quality more quickly than before, it also lets content creators crank out exceptionally low-quality animation with unprecedented ease.

Flash animation has been one of the most widely expanding tools for internet and television animation in the past two decades. Currently one of the most popular tools for 2D computer animation, it can create animation much more quickly and efficiently than traditional cell animation. Thus, it has become nearly ubiquitous for web-based animation, and is decently popular for televised animation. However, Flash’s efficiency and ease of use has had two contrary effects: it allows animators to create detailed animation more quickly, producing high quality animation that can rival the output of traditional animation; but it also lets animators create cheap animation really quickly, resulting in mediocre animation that can be hard to watch if executed poorly. We will look at examples of both ends from the internet and television.

Flash vs. Traditional Animation

The Flash authoring tool provides many features that make it more efficient than hand-drawn animation. The most prominent of these are vector graphics, recyclable animation, and automated tweening (Finkelstein and Leete 2). Vector graphics are a method of storing and rendering images based on points, lines, and fills. This setup produces images with clean, sharp lines and flat shading that take up very little memory. These lines and colors are very easy to edit, which means one can fine-tune the graphics easily. This makes drawings much easier to manipulate than hand-drawn work, where such fine-tuning would, at best, require copious erasing and re-drawing.

Another huge timesaver is recyclable animation. A sequence of images can be stored as a re-usable chunk of animation called a “symbol,” and used as many times as is needed. This method does exist in hand-drawn animation – watch any Hanna-Barbera cartoon – but it is especially powerful here, as these symbols can be replayed at arbitrary size and rotation, and duplicated indefinitely within a single shot.

Lastly, tweening is a process that smoothly interpolates graphics across a series of frames. This allows for smooth changes in position, scale, rotation, and a number of other properties. In traditional animation, such changes generally require redrawing each frame by hand. These features serve two purposes: they make animation very easy to create and manipulate, and very efficient to store on a computer – a three-minute cartoon can take up less than 600 kilobytes of space, while a decent-quality video file of the same length can take up 60 megabytes!

Bad Examples From the Web

Great timesavers they may be, heavy or unrefined use of these techniques can create less-than-pleasing results. This fact is visible in abundance in early internet cartoons, from a time when slow network speeds necessitated these shortcuts even more than production constraints. For our first example, let’s look at one of the very first internet cartoons1, John Kricfalusi’s The Goddamn George Liquor Program2. The graphics themselves are quite good, with smooth, nuanced linework and a style that translates easily from John K’s earlier hand-drawn cartoons. However, the animation itself is ridiculously limited and choppy – most looped actions consist of only two or three frames, and characters just snap from one drawing to another – a stark contrast to the relatively detailed graphic style.

Now for cartoons with a different set of problems, we could look at pretty much every cartoon ever posted on Newgrounds, but let’s just consider a few decently well-known ones. We’ll look at David Firth’s Burnt Face Man,3 the earliest episodes of Jon Mathers’ Neurotically Yours,4 and Shawn Vulliez’s video for Lemon Demon’s “The Ultimate Showdown of Ultimate Destiny.”5 These cartoons all have the same issues: the line quality is chunky and jagged (courtesy of the smoothing algorithm on Flash’s “paintbrush” tool), and animation is quite limited, making heavy and obvious use of motion tweens for most character movement. While the animation is passable compared to John K’s early Flash work, the graphics are fairly hard to look at.  
 Good Examples From the Web

On the other side, there are internet cartoons which make good work of Flash’s toolset. A prime example of animation that uses limited animation to an advantage is Matt and Mike Chapman’s Homestar Runner cartoon series.6 With the exception of the very earliest cartoons, the series uses clean, simple, flat graphics and fairly restrained animation, but in a way that produces an appealing result. The animation style uses the efficiency of Flash’s tools to their full advantage, without falling into the caveats that make other cartoons display them for the worse.

Then there are more modern internet cartoons that go in the opposite direction to make more complicated animation that either feels hand-drawn or is very smooth and nuanced. Such is the output of many modern internet animators such as Harry Partridge,7 Chris O’Neill and Zach Hadel,8 and Max Gilardi.9 All of these animators tend to use very smooth and full animation that looks miles better than older Newgrounds fare. This is likely in part due to the fact that faster internet speeds have made streaming video a viable platform, so animators don’t have to worry about file size constraints. As well, streaming video allows animators to composite Flash animation in other programs, to add subtle video elements and shading effects that enhance the look of the cartoon to beyond what one can achieve with pure vector graphics (Gilardi).
 
Bad Examples From TV

Flash has also seen a moderate amount of use for television animation. You would expect that a professional studio using such an efficient program would produce quite good animation. Often, yes, but unfortunately not always. Many Flash shows have surprisingly mediocre animation, for example Johnny Test,10 which switched from hand-drawn to Flash in Season 2 (Collideascope); Eliot Kid;11 and Home Movies.12 These shows are mostly passable, but the animation is largely flat; consists of thick, bright colors; and uses motion tweening rather obviously for character movement, along with a decent amount of snapping between positions. The animation on these tends to be comparable with that of Homestar Runner – which was made by two people producing an average of three minutes of animation per week.

However, there are a few shows that are considerably worse. Instead of using Flash to make decent animation more efficiently, these shows apparently use it to keep budgets as low as humanly possible. For example, My Life Me13 and Pixel Pinkie14 have animation that’s closer to early Newgrounds fare. Characters tend to be very stiff, and when they do move it’s usually tweened in a very clunky manner. While the graphics are cleaner than amateur internet cartoons, the design styles tend to be pretty unappealing, too. When near-amateurs on the internet can make animation miles better than your studio-produced TV show, you know you have a serious problem.

Good Examples From TV

Fortunately, there are shows that actually do push the envelope with Flash to create animation that can compete with traditionally drawn work. Shows like Motorcity15 and Metalocalypse16 (especially Season 3 onward) – both produced by Titmouse Animation – have animation that uses recycled drawings and tweening to a decent extent, but pulls them off in an appealing and detailed manner. In addition, the graphic design is quite well-done, with subtle colors, detailed backgrounds, and composited lighting effects adding up to a pleasing style. This is a stark improvement over the bright, flat palettes of the more mediocre shows I discussed earlier.

But not to be too hard on bright, flat colors, because our last show takes the complete opposite approach to good animation. Superjail!,17 animated by Studio Augenblick (Season 1) and later Titmouse (Seasons 2-4), goes for a hand-drawn feel, because it basically is hand-drawn. Nearly all character animation is redrawn frame-by-frame, making Flash more of an incidental medium for animation than an actual style (Simpson). This hand-drawn animation is quite smooth and detailed, especially in during the show’s many over-the-top action sequences.


Conclusion

As with any technology that makes an art form easier to access, Flash has produced animation that’s both some of the best in recent memory, and some of the worst ever made commercially. Both amateur web cartoons and professional televised fare have output that encompasses a surprisingly high amount on either end. It is somewhat alarming that companies will settle for output that is so low-quality for the sake of a cheaper budget, especially when producing good Flash animation is cheaper still than most alternatives. But, such is business. As long as well-produced cartoons survive, it’s worth the trade-off.

Links


References:
Finkelstein, Ellen, and Gurdy. Macromedia Flash 8 for Dummies. John Wiley & Sons, 2005. Print.

Gilardi, Max. Hotdiggedydemon. 26 Apr. 2015. Web. 26 Sep. 2015. http://hotdiggedydemon.com/post/117447750464/a-little-info-for-those-who-are-interested-on

“Johnny Test Test.” Collideascope Animation Studios. Collideascope, 29 May 2006. Web. 26 Sep. 2015.  http://collideascope-animation.blogspot.com/2006_05_01_archive.html

Simspon, Aaron. “Superjail Super Interview.” Cold Hard Flash. 26 Sep. 2008. Web. 26 Sep. 2015. http://www.coldhardflash.com/2008/09/superjail-super-interview.html

Wednesday, September 23, 2015

First Draft

[Version with working images and proper formatting here.]

Animation in the Modern Age
How Flash Has Improved and Worsened an Art Form
Computer technology has transformed the way we produce and experience media, and animated content is no exception. Since 1996, Flash animation has revolutionized the way much of animation is produced for both the internet and television. But like any technology, Flash has changed things for both better and worse. While the software has allowed animators to produce content of high quality more quickly than before, it has also let content creators crank out exceptionally low-quality animation with unprecedented ease.
Flash animation has been one of the most widely expanding tools for internet and television animation in the past two decades. Currently one of the most popular tools for 2D computer animation, it is widely used due to its ability to create animation much more quickly and efficiently than traditional cell animation. Thus, it has become nearly ubiquitous for web-based animation, and is a decently popular medium for televised animation. However, Flash’s efficiency and ease of use has had two opposite effects: it allows animators to create detailed animation more quickly, producing high quality animation that can rival the output of traditional animation; but it also lets animators create cheap animation really quickly, resulting in mediocre animation that can become hard to watch if executed poorly.
Flash vs. Traditional Animation
The Flash authoring tool provides many features that make Flash animation more efficient than hand-drawn animation. Of these, the most prominent are vector graphics, recyclable animation, and automated tweening. Vector graphics are a method of storing and rendering images based on points, lines, and fills. This setup produces images with clean, sharp lines and flat shading, while taking up very little memory. Further, these lines and colors are very easy to edit, which means one can fine-tune the graphics easily. This makes drawings much easier to manipulate than hand-drawn work, where such fine-tuning would, at best, require copious erasing and re-drawing.
Another huge timesaver is recyclable animation. A sequence of images can be stored as a re-usable chunk of animation called a “symbol,” and used as many times as is needed. This method does exist in hand-drawn animation – watch any Hanna-Barbera cartoon – but it is especially powerful here, as these symbols can be replayed at arbitrary size and rotation, and duplicated indefinitely within a single shot.
Lastly, tweening is a process that smoothly interpolates graphics across a series of frames. This allows for smooth changes in position, scale, rotation, and a number of other properties. In traditional animation, such changes generally require redrawing each frame by hand. All of these features serve two purposes: they make animation very easy to create and manipulate, and make it very efficient to store on a computer – a three-minute cartoon can take up less than 600 kilobytes of space, while a decent-quality video file of the same length can take up 60 megabytes!
Bad Examples From the Web
Great timesavers they may be, heavy or unrefined use of these techniques can create less-than-pleasing results. This fact is visible in abundance in early internet cartoons, from a time when slow network speeds necessitated these shortcuts even more than production constraints. For our first example, let’s look at one of the very first internet cartoons1, John Kricfalusi’s The Goddamn George Liquor Program2. The graphics themselves are quite good, with smooth, nuanced linework and a style that translates easily from John K’s earlier hand-drawn cartoons. However, the animation itself is ridiculously limited and choppy – most looped actions consist of only two or three frames, and characters just snap from one drawing to another – a stark contrast to the relatively detailed graphic style.
Now for cartoons with a different set of problems, we could look at pretty much every cartoon ever posted on Newgrounds, but let’s just consider a few decently well-known ones. We’ll look at David Firth’s Burnt Face Man,3 the earliest episodes of Jon Mathers’ Neurotically Yours,4 and Shawn Vulliez’s video for Lemon Demon’s “The Ultimate Showdown of Ultimate Destiny.”5 These cartoons all have the same issues: the line quality is chunky and jagged (courtesy of the smoothing algorithm on Flash’s “paintbrush” tool), and animation is quite limited, making heavy and obvious use of motion tweens for most character movement. While the animation is passable compared to John K’s early Flash work, the graphics are fairly hard to look at.

Burnt Face Man
 

The Goddamn George Liquor Program
 
  

Good Examples From the Web
On the other side, there are internet cartoons which make good work of Flash’s toolset. A prime example of animation that uses limited animation to an advantage is Matt and Mike Chapman’s Homestar Runner cartoon series.6 With the exception of the very earliest cartoons, the series uses clean, simple, flat graphics and fairly restrained animation, but in a way that produces an appealing result. The animation style uses the efficiency of Flash’s tools to their full advantage, without falling into the caveats that make other cartoons display them for the worse.
Then there are more modern internet cartoons that go in the opposite direction to make more complicated animation that either feels hand-drawn or is very smooth and nuanced. Such is the output of many modern internet animators such as Harry Partridge,7 Chris O’Neill and Zach Hadel,8 and Max Gilardi.9 All of these animators tend to use very smooth and full animation that looks miles better than older Newgrounds fare. This is likely in part due to the fact that faster internet speeds have made streaming video a viable platform, so animators don’t have to worry about file size constraints. As well, streaming video allows Flash animation to be composited in other programs where subtle video elements and shading effects can be added to enhance the look of the cartoon to beyond what one can achieve with pure vector graphics.

“Luigi’s Day Out” by Max Gilardi
 

Homestar Runner
 
 

Bad Examples From TV
Flash has also seen a moderate amount of use for television animation. You would expect that animation made by a professional studio using such an efficient program would generally come out really well. Often, yes, but unfortunately not always. Many Flash shows have surprisingly mediocre animation, for example Johnny Test,10 Eliot Kid,11 and Home Movies.12 These shows are mostly passable, but the animation is largely flat; consists of thick, bright colors; and uses motion tweening rather obviously for character movement, along with a decent amount of snapping between positions. The animation on these tends to be comparable with that of Homestar Runner – which was made by two people producing an average of three minutes of animation per week.
However, there are a few shows that are considerably worse. Instead of using Flash to make decent animation more efficiently, these shows use it to apparently keep budgets as low as humanly possible. For example, My Life Me13 and Pixel Pinkie14 have animation that’s closer to early Newgrounds fare. Characters tend to be very stiff, and when they do move it’s usually tweened in a very clunky manner. While the graphics are cleaner than amateur internet cartoons, the design styles tend to be pretty unappealing, too. When near-amateurs on the internet can make animation miles better than your studio-produced TV show, you know you have a serious problem.

Johnny Test
 
http://toonbarn.com/wordpress/wp-content/uploads/2009/09/Johnny-Test-season-four-on-Teletoon.jpg

Good Examples From TV
Fortunately, there are shows that actually do push the envelope with Flash to create animation that can compete with traditionally drawn work. Shows like Motorcity15 and Metalocalypse16 (especially Season 3 onward) – both produced by Titmouse Animation – have animation that uses recycled drawings and tweening to a decent extent, but pulls them off in an appealing and detailed manner. In addition, the graphic design is quite well-done, with subtle colors, detailed backgrounds, and composited lighting effects adding up to a pleasing style. This is a stark improvement over the bright, flat palettes of the more mediocre shows I discussed earlier.
But not to be too hard on bright, flat colors, because our last show takes the complete opposite approach to good animation. Superjail!,17 animated by Studio Augenblick (Season 1) and later Titmouse (Seasons 2-4), goes for a hand-drawn feel, because it basically is hand-drawn. Nearly all character animation is redrawn frame-by-frame, making Flash more of an incidental medium for animation than an actual style. This hand-drawn animation is quite smooth and detailed, especially in during the show’s many over-the-top action sequences.

Metalocalypse
 

Superjail!
 

References


Saturday, September 19, 2015

Food post #2

It's interesting how he talks about farmer's markets, and how they obey the same competitive economics as mainstream capitalism. Farmer's markets had always struck me as such a community-oriented thing that I never really thought competition factored in as much as it does. When he talks about beekeeping, he notes how he essentially takes advantage of the bees' labor by taking a majority of their honey, prompting them to make much more than they normally would to sustain themselves. He also muses on how the mostly useless drones eat a majority of the honey that the worker bees produce. So I guess that means the worker bees are getting doubly screwed over?

Saturday, September 12, 2015

Growing a Farmer Reaction

First off, I like the tone of Timmermeister's writing. It's quite friendly and personal, and some of the analogies he uses are fairly amusing ("a sad little government-run operation with a decorating streak stuck in the disco era", anyone?). One random thing that strikes me is his imagined scenario of how an invasive nonnative blackberry plant was introduced, as a tiny half-dead plant in a plain parcel. What may have been a tiny and inconsequential souvenir of a far-off land ended up transforming the land radically. I find that pretty interesting, butterfly effect and whatnot. I also like how he openly talks about his insecurities, like how he wasn't quite comfortable being open with the realtor or the tractor dealers, or even with his restaurant employees once he'd stopped eating the food there. And finally, I liked how he decided against buying a large farm a few towns away because he knew he would never fit in with the community.

Wednesday, September 9, 2015

My Jaerb

Dishwasher

This summer I had a part-time job at a local coffee shop. My main duties were dishwashing and closing up. If you think that sounds boring and/or unpleasant, then you’re right. Now please bear with me as I recall a job that I hope I never wind up with again.

As I mentioned earlier, my job was divided into two main components:

·         Washing dishes
·         Closing up

Do those sound simple? Let me break down what a day’s work doing those two things consists of.

Dishwashing

The job of washing dishes involves two main components:

·         Rinsing and machine-washing plates, cups, etc.
·         Hand-washing various pots, pans, cooking implements, etc.

The simpler of the two duties is washing the plates. First I grab a tub of dirty plates and cups from behind the front counter and set it next to the sink. I quickly rinse the dishes off and put them in a rack. I give the plates a quick once-over with the spray hose, and then I slide the rack into a large metal box. I then press a button that starts the wash cycle. While I wait, I start filling the next rack with dishes. After the wash cycle finishes, I take the rack out, let the dishes dry for a minute, and then put them away. Plates and bowls go to the kitchen, while cups go to the front counters. Sound fine? Now for the hard part.

Get yourself some good gloves, because now we’ve arrived at the hand-washing station. This station consists of three sinks, at least two of which are full of dishes by the time I get there. Each sink, when empty, has a distinct purpose. The left-most sink I use as the soaking sink. I fill it most of the way, add some dish soap, and let the dishes that aren’t covered in too much food sit in there. I also use that sink as my source of soapy water for washing. When this sink is full of dishes, I forgo the soaking and just scrub them straight away. The middle sink I tend to use as a rinsing sink. Once I’ve scrubbed a dish with soap, I quickly dip it in this sink to get the suds off. This is significantly faster than rinsing it with the hose. The third sink, my favorite, is the bleach sink. That’s where I put the dishes to soak after I’ve scrubbed them. This helps sterilize the dishes and tools to ensure they really are clean. After letting them soak in the bleach water for half a minute or longer, I put them out to dry.

But wait, what about the dishes that are covered in too much food? I have a couple of options with these. First option, I sacrifice the rinse sink to store the food residue that I rinse off. Alternatively, I rinse the ex-food into a large pot, and dump it in the plate sink periodically. Either way, eventually I have to empty the sink. This involves using the mesh sink-stopper to catch bits of food and scoop them into the nearest trash can. Many times. Fortunately, the food residue in the sink makes it drain more slowly than usual, which brings me to the most dish-related part of closing up.

Closing Shop

If I were lucky, I would get to go home as soon as I finished dishes, usually less than two hours after the cafĂ© closes. I’m not lucky. Closing up involves three main duties:

·         Draining the sinks
·         Taking out the trash
·         Sweeping and mopping

Barring the aforementioned food clogs, draining the sinks is simple enough. There is only one caveat: the three hand-washing sinks drain through an open pipe into hole in the floor. If you’re lucky, the hole in the floor drains as fast as the sinks do. If you’re me, then you’re stuck babysitting the draining sinks to make sure the hole in the floor doesn’t flood. Which it has. If it does flood, quickly plugging the sink and covering the open pipe with your hand will keep the water from spreading more than a few feet. Which it has. We’ll get back to putting water on the floor in a minute.

Now it’s time to take out the trash. I take every garbage can in the place, tie up their respective trash bags, and consolidate the bags into a couple of the larger cans. I then use a hand truck to wheel one can at a time across the parking lot to the dumpster. Once I’m done, I put new bags in all the trash cans. Straightforward enough. After this, I’m ready to start the last phase of my job.

First, I take all the mats that are on the floor of the kitchen area and drag them outside, or stack them on a nearby counter, depending on what area they’re in. Then, I sweep the kitchen area and put the debris into a trash can with a dust pan. Now it’s time to atone for getting dirty water on the floor by putting more water on the floor. Using a garden hose from the janitor’s closet, I fill a large wheeled bucket with water, adding a splash of de-greasing cleaner and bleach. Then I take the mop, dip it in the water, wring it out using a metal gadget hooked to the side of the bucket, and thoroughly wipe the floor, always remembering to work backward towards the bucket. After this I drag the mats back in. And then I turn the lights off. And then I leave.

Passive Sentences 1%
Flesch Reading Ease 83.9
Flesch-Kincaid Grade Level 4.9