Computer animation
View on WikipediaThis page is currently being split out. Consensus to split out this page into [[]] has been found. You can help implement the split by following the resolution on the discussion and the splitting instructions. |
Computer animation is the process used for digitally generating moving images. The more general term computer-generated imagery (CGI) encompasses both still images and moving images, while computer animation only refers to moving images. Modern computer animation usually uses 3D computer graphics.
Computer animation is a digital successor to stop motion and traditional animation. Instead of a physical model or illustration, a digital equivalent is manipulated frame-by-frame. Also, computer-generated animations allow a single graphic artist to produce such content without using actors, expensive set pieces, or props. To create the illusion of movement, an image is displayed on the computer monitor and repeatedly replaced by a new similar image but advanced slightly in time (usually at a rate of 24, 25, or 30 frames/second). This technique is identical to how the illusion of movement is achieved with television and motion pictures.
To trick the visual system into seeing a smoothly moving object, the pictures should be drawn at around 12 frames per second or faster (a frame is one complete image).[1] With rates above 75 to 120 frames per second, no improvement in realism or smoothness is perceivable due to the way the eye and the brain both process images. At rates below 12 frames per second, most people can detect jerkiness associated with the drawing of new images that detracts from the illusion of realistic movement.[2] Conventional hand-drawn cartoon animation often uses 15 frames per second in order to save on the number of drawings needed, but this is usually accepted because of the stylized nature of cartoons. To produce more realistic imagery, computer animation demands higher frame rates.
Films seen in theaters in the United States run at 24 frames per second, which is sufficient to create the appearance of continuous movement.
Computer-generated animation
[edit]Computer-generated animation is an umbrella term for three-dimensional (3D) animation, and 2D computer animation. These also include subcategories like asset driven, hybrid, and digital drawn animation. Creators animate using code or software instead of pencil-to-paper drawings. There are many techniques and disciplines in computer generated animation, some of which are digital representations of traditional animation - such as key frame animation - and some of which are only possible with a computer - such fluid simulation.
'CG' Animators can break physical laws by using mathematical algorithms to cheat mass, force and gravity, and more. Fundamentally, computer-generated animation is a powerful tool which can improve the quality of animation by using the power of computing to unleash the animator's imagination. This is because Computer Generated Animation allows for things like onion skinning which allows 2D animators to see the flow of their work all at once, and interpolation which allows 3D animators to automate the process of inbetweening.
| Movie | Type of Computer Generated Animation | Impact |
|---|---|---|
| Toy Story 2 | Stylized 3D computer animation[3] | Pixar developed cutting-edge technology for fully 3D animation. 'Toy Story' is considered a turning point for 3D animation in general.[4] |
| Godzilla Minus One | Digital VFX, photorealistic[5] | Toho studios won an Oscar for its ground breaking VFX on a small budget relative to most box-office movies.[6] |
| The Breadwinner | 2D computer animation[7] | Was praised for its 2D animated style, showing the possibilities of what the format could portray. |
| Interstellar | Hyper photorealistic CGI following scientific principles[8] | The VFX artists working on Interstellar published a paper about the science and mathematics that were used to create the famous 'Gargantua' black hole.[8] |
| Klaus | Hybrid 3D and 2D computer animation[9] | The use of 3D lighting for 2D animation in this movie opened up a door to many new animation styles for 2D animators. |
3D computer animation
[edit]
Overview
[edit]For 3D computer animations, objects (models) are built on the computer monitor (modeled) and 3D figures are rigged with a virtual skeleton. Then the limbs, eyes, mouth, clothes, etc. of the figure are moved by the animator on key frames. Normally, the differences between key frames are drawn in a process known as tweening. However, in 3D computer animation, this is done automatically, and is called interpolation. Finally, the animation is rendered and composited.
Before becoming a final product, 3D computer animations only exist as a series of moving shapes and systems within 3d software, and must be rendered. This can happen as a separate process for animations developed for movies and short films, or it can be done in real-time when animated for videogames. After an animation is rendered, it can be composited into a final product.
Animation attributes
[edit]For 3D models, attributes can describe any characteristic of the object that can be animated. This includes transformation (movement from one point to another), scaling, rotation, and more complex attributes like blend shape progression (morphing from one shape to another). Each attribute gets a channel on which keyframes can be set. These keyframes can be used in more complex ways such as animating in layers (combining multiple sets of key frame data), or keying control objects to deform or control other objects. For instance, a character's arms can have a skeleton applied, and the joints can have transformation and rotation keyframes set. The movement of the arm joints will then cause the arm shape to deform.
Interpolation
[edit]3D animation software interpolates between keyframes by generating a spline between keys plotted on a graph which represents the animation. Additionally, these splines can follow Bézier curves to control how the spline curves relative to the keyframes. Using interpolation allows 3D animators to dynamically change animations without having to redo all the in-between animation. This also allows the creation of complex movements such as ellipses with only a few keyframes. Lastly, interpolation allows the animator to change the framerate, timing, and even scale of the movements at any point in the animation process.
Procedural and node-based Animation
[edit]Another way to automate 3D animation is to use procedural tools such as 4D noise. Noise is any algorithm that plots pseudo-random values within a dimensional space.[10] 4D noise can be used to do things like move a swarm of bees around; the first three dimensions correspond to the position of the bees in space, and the fourth is used to change the bee's position over time. Noise can also be used as a cheap replacement for simulation. For example, smoke and clouds can be animated using noise.
Node-based animation is useful for animating organic and chaotic shapes. By using nodes, an animator can build up a complex set of animation rules that can be applied either to many objects at once, or one very complex object. A good example of this would be setting the movement of particles to match the beat of a song.
Disciplines of 3D animation
[edit]There are many different disciplines of 3D animation, some of which include entirely separate artforms. For example, hair simulation for computer animated characters in and of itself is a career path which involves separate workflows,[11] and different software and tools. The combination of all or some 3D computer animation disciplines is commonly referred to within the animation industry as the 3D animation pipeline.[12]
| Discipline | Explanation | Tools | Examples |
|---|---|---|---|
| Face Rigging | A facial rig is a rig that includes muscles, deformation, mesh displacement, and other techniques to enable the animation of facial expressions, and phonemes for lip syncing. | Autodesk Maya, Blender | In 'Avatar, Way of Water', WETA workshops meticulously designed the digital muscles in the faces of their characters so that their emotional range could be comparable to that of a human.[13] |
| Facial Animation | This is the process of animating facial animations, lip-syncing, and animating phoneme blend-shapes (shapes that the face morphs into) | Autodesk Maya, Blender, Autodesk 3DS Max | In Pixar's 'Turning Red', animators took influence from anime style facial expressions to inform their animation.[14] |
| Character Animation | Specifically the animation of characters. 3D character animation is its own specialty due to the complexity required to animated dancing, running, fighting, or high fidelity motion such as playing basketball. | Autodesk Maya, Blender | Pixar's 'Incredibles' won the 2004 Visual Effects Society Award for Outstanding Animated Character in an Animated Feature |
| Cloth Simulation | Cloth simulation is a subset of simulation but specifically for things like clothes. In modern 3D computer animation, cloth simulation is becoming more and more advanced and widely used. | Houdini, Blender | Pixar's 'Coco' advanced the use of high fidelity clothes by designing new tools to combine cloth simulation with character animation.[15] |
2D computer animation
[edit]2D computer graphics are still used for stylistic, low bandwidth, and faster real-time renderings.
Computer animation is essentially a digital successor to stop motion techniques, but using 3D models, and traditional animation techniques using frame-by-frame animation of 2D illustrations.
For 2D figure animations, separate objects (illustrations) and separate transparent layers are used with or without that virtual skeleton.
2D sprites and pseudocode
[edit]In 2D computer animation, moving objects are often referred to as "sprites." A sprite is an image that has a location associated with it. The location of the sprite is changed slightly, between each displayed frame, to make the sprite appear to move.[16] The following pseudocode makes a sprite move from left to right:
var int x := 0, y := screenHeight / 2; while x < screenWidth drawBackground() drawSpriteAtXY (x, y) // draw on top of the background x := x + 5 // move to the right
Computer-assisted animation
[edit]Computer-assisted animation is usually classed as two-dimensional (2D) animation and is also known as digital ink and paint. Drawings are either hand drawn (pencil to paper) or interactively drawn (on the computer) using different assisting appliances and are positioned into specific software packages. Within the software package, the creator places drawings into different key frames which fundamentally create an outline of the most important movements.[17] The computer then fills in the "in-between frames", a process commonly known as Tweening.[18] Computer-assisted animation employs new technologies to produce content faster than is possible with traditional animation, while still retaining the stylistic elements of traditionally drawn characters or objects.[19]
Examples of films produced using computer-assisted animation are the rainbow sequence at the end of The Little Mermaid (the rest of the films listed use digital ink and paint in their entirety), The Rescuers Down Under, Beauty and the Beast, Aladdin, The Lion King, Pocahontas, The Hunchback of Notre Dame, Hercules, Mulan, Tarzan, We're Back! A Dinosaur's Story, Balto, Anastasia, Titan A.E., The Prince of Egypt, The Road to El Dorado, Spirit: Stallion of the Cimarron and Sinbad: Legend of the Seven Seas.
Text-to-video
[edit]History
[edit]Early digital computer animation was developed at Bell Telephone Laboratories in the 1960s by Edward E. Zajac, Frank W. Sinden, Kenneth C. Knowlton, and A. Michael Noll.[22] Other digital animation was also practiced at the Lawrence Livermore National Laboratory.[23]
In 1967, a computer animation named "Hummingbird" was created by Charles Csuri and James Shaffer.[24] In 1968, a computer animation called "Kitty" was created with BESM-4 by Nikolai Konstantinov, depicting a cat moving around.[25] In 1971, a computer animation called "Metadata" was created, showing various shapes.[26]
An early step in the history of computer animation was the sequel to the 1973 film Westworld, a science-fiction film about a society in which robots live and work among humans.[27] The sequel, Futureworld (1976), used the 3D wire-frame imagery, which featured a computer-animated hand and face both created by University of Utah graduates Edwin Catmull and Fred Parke.[28] This imagery originally appeared in their student film A Computer Animated Hand, which they completed in 1972.[29][30]
Developments in CGI technologies are reported each year at SIGGRAPH,[31] an annual conference on computer graphics and interactive techniques that is attended by thousands of computer professionals each year.[32] Developers of computer games and 3D video cards strive to achieve the same visual quality on personal computers in real-time as is possible for CGI films and animation. With the rapid advancement of real-time rendering quality, artists began to use game engines to render non-interactive movies, which led to the art form Machinima.
Film and television
[edit]CGI short films have been produced as independent animation since 1976.[33] Early examples of feature films incorporating CGI animation include the live-action films Star Trek II: The Wrath of Khan and Tron (both 1982),[34] and the Japanese anime film Golgo 13: The Professional (1983).[35] VeggieTales is the first American fully 3D computer-animated series sold directly (made in 1993); its success inspired other animation series, such as ReBoot (1994) and Transformers: Beast Wars (1996) to adopt a fully computer-generated style.
The first full-length computer-animated television series was ReBoot,[36] which debuted in September 1994; the series followed the adventures of characters who lived inside a computer.[37] The first feature-length computer-animated film is Toy Story (1995), which was made by Disney and Pixar:[38][39][40] following an adventure centered around anthropomorphic toys and their owners, this groundbreaking film was also the first of many fully computer-animated movies.[39]
The popularity of computer animation (especially in the field of special effects) skyrocketed during the modern era of U.S. animation.[41] Films like Avatar (2009) and The Jungle Book (2016) use CGI for the majority of the movie runtime, but still incorporate human actors into the mix.[42] Computer animation in this era has achieved photorealism, to the point that computer-animated films such as The Lion King (2019) are able to be marketed as if they were live-action.[43][44]
Animation methods
[edit]

In most 3D computer animation systems, an animator creates a simplified representation of a character's anatomy, which is analogous to a skeleton or stick figure.[45] They are arranged into a default position known as a bind pose, or T-Pose. The position of each segment of the skeletal model is defined by animation variables, or Avars for short. In human and animal characters, many parts of the skeletal model correspond to the actual bones, but skeletal animation is also used to animate other things, with facial features (though other methods for facial animation exist).[46] The character Woody in Toy Story, for example, uses 712 Avars (212 in the face alone). The computer does not usually render the skeletal model directly (it is invisible), but it does use the skeletal model to compute the exact position and orientation of that certain character, which is eventually rendered into an image. Thus by changing the values of Avars over time, the animator creates motion by making the character move from frame to frame.
There are several methods for generating the Avar values to obtain realistic motion. Traditionally, animators manipulate the Avars directly.[47] Rather than set Avars for every frame, they usually set Avars at strategic points (frames) in time and let the computer interpolate or tween between them in a process called keyframing. Keyframing puts control in the hands of the animator and has roots in hand-drawn traditional animation.[48]
In contrast, a newer method called motion capture makes use of live action footage.[49] When computer animation is driven by motion capture, a real performer acts out the scene as if they were the character to be animated.[50] Their motion is recorded to a computer using video cameras and markers and that performance is then applied to the animated character.[51]
Each method has its advantages and as of 2007, games and films are using either or both of these methods in productions. Keyframe animation can produce motions that would be difficult or impossible to act out, while motion capture can reproduce the subtleties of a particular actor.[52] For example, in the 2006 film Pirates of the Caribbean: Dead Man's Chest, Bill Nighy provided the performance for the character Davy Jones. Even though Nighy does not appear in the movie himself, the movie benefited from his performance by recording the nuances of his body language, posture, facial expressions, etc. Thus motion capture is appropriate in situations where believable, realistic behavior and action is required, but the types of characters required exceed what can be done throughout the conventional costuming.
Modeling
[edit]3D computer animation combines 3D models of objects and programmed or hand "keyframed" movement. These models are constructed out of geometrical vertices, faces, and edges in a 3D coordinate system. Objects are sculpted much like real clay or plaster, working from general forms to specific details with various sculpting tools. Unless a 3D model is intended to be a solid color, it must be painted with "textures" for realism. A bone/joint animation system is set up to deform the CGI model (e.g., to make a humanoid model walk). In a process known as rigging, the virtual marionette is given various controllers and handles for controlling movement.[53][54] Animation data can be created using motion capture, or keyframing by a human animator, or a combination of the two.[55]
3D models rigged for animation may contain thousands of control points — for example, "Woody" from Toy Story uses 700 specialized animation controllers. Rhythm and Hues Studios labored for two years to create Aslan in the movie The Chronicles of Narnia: The Lion, the Witch and the Wardrobe, which had about 1,851 controllers (742 in the face alone). In the 2004 film The Day After Tomorrow, designers had to design forces of extreme weather with the help of video references and accurate meteorological facts. For the 2005 remake of King Kong, actor Andy Serkis was used to help designers pinpoint the gorilla's prime location in the shots and used his expressions to model "human" characteristics onto the creature. Serkis had earlier provided the voice and performance for Gollum in Peter Jackson's The Lord of the Rings trilogy.
Equipment
[edit]
Computer animation can be created with a computer and an animation software. Some impressive animation can be achieved even with basic programs; however, the rendering can require much time on an ordinary home computer.[56] Professional animators of movies, television and video games could make photorealistic animation with high detail. This level of quality for movie animation would take hundreds of years to create on a home computer. Instead, many powerful workstation computers are used;[57] Silicon Graphics said in 1989 that the animation industry's needs typically caused graphical innovations in workstations.[58] Graphics workstation computers use two to four processors, and they are a lot more powerful than an actual home computer and are specialized for rendering. Many workstations (known as a "render farm") are networked together to effectively act as a giant computer,[59] resulting in a computer-animated movie that can be completed in about one to five years (however, this process is not composed solely of rendering). A workstation typically costs $2,000 to $16,000 with the more expensive stations being able to render much faster due to the more technologically advanced hardware that they contain. Professionals also use digital movie cameras, motion/performance capture, bluescreens, film editing software, props, and other tools used for movie animation. Programs like Blender allow for people who can not afford expensive animation and rendering software to be able to work in a similar manner to those who use the commercial grade equipment.[60]
Facial animation
[edit]The realistic modeling of human facial features is both one of the most challenging and sought after elements in computer-generated imagery. Computer facial animation is a highly complex field where models typically include a very large number of animation variables.[61] Historically speaking, the first SIGGRAPH tutorials on State of the art in Facial Animation in 1989 and 1990 proved to be a turning point in the field by bringing together and consolidating multiple research elements and sparked interest among a number of researchers.[62]
The Facial Action Coding System (with 46 "action units", "lip bite" or "squint"), which had been developed in 1976, became a popular basis for many systems.[63] As early as 2001, MPEG-4 included 68 Face Animation Parameters (FAPs) for lips, jaws, etc., and the field has made significant progress since then and the use of facial microexpression has increased.[63][64]
In some cases, an affective space, the PAD emotional state model, can be used to assign specific emotions to the faces of avatars.[65] In this approach, the PAD model is used as a high level emotional space and the lower level space is the MPEG-4 Facial Animation Parameters (FAP). A mid-level Partial Expression Parameters (PEP) space is then used to in a two-level structure – the PAD-PEP mapping and the PEP-FAP translation model.[66]
Realism
[edit]Realism in computer animation can mean making each frame look photorealistic, in the sense that the scene is rendered to resemble a photograph or make the characters' animation believable and lifelike.[67] Computer animation can also be realistic with or without the photorealistic rendering.[68]
One trend in computer animation has been the effort to create human characters that look and move with the highest degree of realism. A possible outcome when attempting to make pleasing, realistic human characters is the uncanny valley, the concept where the human audience (up to a point) tends to have an increasingly negative, emotional response as a human replica looks and acts more and more human. Films that have attempted photorealistic human characters, such as The Polar Express,[69][70][71] Beowulf,[72] and A Christmas Carol[73][74] have been criticized as "disconcerting" and "creepy".
The goal of computer animation is not always to emulate live action as closely as possible, so many animated films instead feature characters who are anthropomorphic animals, legendary creatures and characters, superheroes, or otherwise have non-realistic, cartoon-like proportions.[75] Computer animation can also be tailored to mimic or substitute for other kinds of animation, like traditional stop-motion animation (as shown in Flushed Away or The Peanuts Movie). Some of the long-standing basic principles of animation, like squash and stretch, call for movement that is not strictly realistic, and such principles still see widespread application in computer animation.[76]
Web animations
[edit]The popularity of websites that allow members to upload their own movies for others to view has created a growing community of independent and amateur computer animators.[77] With utilities and programs often included free with modern operating systems, many users can make their own animated movies and shorts. Several free and open-source animation software applications exist as well. The ease at which these animations can be distributed has attracted professional animation talent also. Companies such as PowToon and Vyond attempt to bridge the gap by giving amateurs access to professional animations as clip art.
The oldest (most backward compatible) web-based animations are in the animated GIF format, which can be uploaded and seen on the web easily.[78] However, the raster graphics format of GIF animations slows the download and frame rate, especially with larger screen sizes. The growing demand for higher quality web-based animations was met by a vector graphics alternative that relied on the use of a plugin. For decades, Flash animations were a common format, until the web development community abandoned support for the Flash Player plugin. Web browsers on mobile devices and mobile operating systems never fully supported the Flash plugin.
By this time, internet bandwidth and download speeds increased, making raster graphic animations more convenient. Some of the more complex vector graphic animations had a slower frame rate due to complex rendering compared to some of the raster graphic alternatives. Many of the GIF and Flash animations were already converted to digital video formats, which were compatible with mobile devices and reduced file sizes via video compression technology. However, compatibility was still problematic as some of the video formats such as Apple's QuickTime and Microsoft Silverlight required plugins. YouTube was also relying on the Flash plugin to deliver digital video in the Flash Video format.
The latest alternatives are HTML5 compatible animations. Technologies such as JavaScript and CSS animations made sequencing the movement of images in HTML5 web pages more convenient. SVG animations offered a vector graphic alternative to the original Flash graphic format, SmartSketch. YouTube offers an HTML5 alternative for digital video. APNG (Animated PNG) offered a raster graphic alternative to animated GIF files that enables multi-level transparency not available in GIFs.
Detailed example
[edit]Computer animation uses different techniques to produce animations. Most frequently, sophisticated mathematics is used to manipulate complex three-dimensional polygons, apply "textures", lighting and other effects to the polygons and finally rendering the complete image. A sophisticated graphical user interface may be used to create the animation and arrange its choreography. Another technique called constructive solid geometry defines objects by conducting Boolean operations on regular shapes, and has the advantage that animations may be accurately produced at any resolution.
See also
[edit]- Animation
- Animation database
- Autodesk
- Avar (animation variable)
- Computer facial animation
- Computer-generated imagery (CGI)
- New York Institute of Technology Computer Graphics Lab
- Computer representation of surfaces
- Hand-Over
- Humanoid animation
- List of animation studios
- List of computer-animated films
- List of computer-animated television series
- Medical animation
- Morph target animation
- Machinima (recording video from games and virtual worlds)
- Motion capture
- Procedural animation
- Ray tracing
- Rich Representation Language
- Skeletal animation
- Stop motion
- Traditional animation
- Timeline of computer animation in film and television
- Virtual artifact
- Wire-frame model
- Twelve basic principles of animation
References
[edit]Citations
[edit]- ^ Masson 1999, p. 148.
- ^ Parent 2012, pp. 100–101, 255.
- ^ Weber, Karon; Hirasaki, Kitt (2000). "Interaction design at Pixar Animation Studios". CHI '00 extended abstracts on Human factors in computer systems - CHI '00. New York, New York, USA: ACM Press. p. 211. doi:10.1145/633410.633413. ISBN 1-58113-248-4.
- ^ Zorthian, Julia (2015-11-19). "How 'Toy Story' Changed Movie History". TIME. Retrieved 2024-05-22.
- ^ "'Godzilla Minus One' Breathes New Life into the Iconic Kaiju". Animation World Network. Retrieved 2024-05-22.
- ^ Schilling, Mark (2024-03-14). "'Godzilla Minus One' fought the odds and won big at the Oscars". The Japan Times. Retrieved 2024-05-22.
- ^ "The Breadwinner Shows the Powerful Storytelling Impact of Animation". www.technicolor.com. Retrieved 2024-05-22.
- ^ a b James, Oliver; von Tunzelmann, Eugenie; Franklin, Paul; Thorne, Kip S. (2015-03-19). "Gravitational Lensing by Spinning Black Holes in Astrophysics, and in the Movie Interstellar". Classical and Quantum Gravity. 32 (6) 065001. arXiv:1502.03808. Bibcode:2015CQGra..32f5001J. doi:10.1088/0264-9381/32/6/065001. ISSN 0264-9381.
- ^ "Here's what made the 2D animation in 'Klaus' look '3D'". befores & afters. 2019-11-14. Retrieved 2024-05-22.
- ^ "The Book of Shaders". The Book of Shaders. Retrieved 2024-05-22.
- ^ Bertails, Florence; Hadap, Sunil; Cani, Marie-Paule; Lin, Ming; Kim, Tae-Yong; Marschner, Steve; Ward, Kelly; Kačić-Alesić, Zoran (2008). "Realistic hair simulation: Animation and rendering". ACM SIGGRAPH 2008 classes (PDF). pp. 1–154. doi:10.1145/1401132.1401247. ISBN 978-1-4503-7845-1.
- ^ Naghdi, Arash; Adib, Payam; Adib, Arash Naghdi and Payam (2021-05-10). "3D Animation Pipeline: A Start-to-Finish Guide (2023 update)". Dream Farm Studios. Retrieved 2024-05-21.
- ^ "Exclusive: Joe Letteri Discusses Wētā FX's new Facial Pipeline on Avatar 2 - fxguide". www.fxguide.com/. 2022-12-21. Retrieved 2024-05-21.
- ^ laurenlola (2022-03-09). ""Turning Red" Animators on Anime Influences and Working with Domee Shi". CAAM Home. Retrieved 2024-05-22.
- ^ Eberle, David (2018). "Better collisions and faster cloth for Pixar's Coco". ACM SIGGRAPH 2018 Talks. pp. 1–2. doi:10.1145/3214745.3214801. ISBN 978-1-4503-5820-0.
- ^ Masson 1999, p. 123.
- ^ Masson 1999, p. 115.
- ^ Masson 1999, p. 284.
- ^ Roos, Dave (2013). "How Computer Animation Works". HowStuffWorks. Retrieved 2013-02-15.
- ^ Artificial Intelligence Index Report 2023 (PDF) (Report). Stanford Institute for Human-Centered Artificial Intelligence. p. 98.
Multiple high quality text-to-video models, AI systems that can generate video clips from prompted text, were released in 2022.
- ^ Melnik, Andrew; Ljubljanac, Michal; Lu, Cong; Yan, Qi; Ren, Weiming; Ritter, Helge (2024-05-06). "Video Diffusion Models: A Survey". arXiv:2405.03150 [cs.CV].
- ^ Masson 1999, pp. 390–394.
- ^ Sito 2013, pp. 69–75.
- ^ "Charles Csuri, Fragmentation Animations, 1967 – 1970: Hummingbird (1967)". YouTube. 31 August 2009.
- ^ ""Kitten" 1968 computer animation". YouTube. 9 March 2006.
- ^ "Metadata 1971". YouTube. 23 November 2010.
- ^ Masson 1999, p. 404.
- ^ Masson 1999, pp. 282–288.
- ^ Sito 2013, p. 64.
- ^ Means 2011.
- ^ Sito 2013, pp. 97–98.
- ^ Sito 2013, pp. 95–97.
- ^ Masson 1999, p. 58.
- ^ "The Making of Tron". Video Games Player. Vol. 1, no. 1. Carnegie Publications. September 1982. pp. 50–5.
- ^ Beck, Jerry (2005). The Animated Movie Guide. Chicago Review Press. p. 216. ISBN 1-56976-222-8.
- ^ Sito 2013, p. 188.
- ^ Masson 1999, p. 430.
- ^ Masson 1999, p. 432.
- ^ a b Masson 1999, p. 302.
- ^ "Our Story", Pixar, 1986–2013. Retrieved on 2013-02-15. "The Pixar Timeline, 1979 to Present". Pixar. Archived from the original on 2015-09-05.
- ^ Masson 1999, p. 52.
- ^ Thompson, Anne (2010-01-01). "How James Cameron's Innovative New 3D Tech Created Avatar". Popular Mechanics. Retrieved 2019-04-24.
- ^ Fleming, Mike Jr. (October 13, 2016). "Disney's Live-Action 'Lion King' Taps Jeff Nathanson As Writer". Deadline Hollywood. Archived from the original on October 15, 2016. Retrieved July 9, 2019.
- ^ Rottenberg, Josh (July 19, 2019). "'The Lion King': Is it animated or live-action? It's complicated". Los Angeles Times. Retrieved December 13, 2021.
- ^ Parent 2012, pp. 193–196.
- ^ Parent 2012, pp. 324–326.
- ^ Parent 2012, pp. 111–118.
- ^ Sito 2013, p. 132.
- ^ Masson 1999, p. 118.
- ^ Masson 1999, pp. 94–98.
- ^ Masson 1999, p. 226.
- ^ Masson 1999, p. 204.
- ^ Parent 2012, p. 289.
- ^ animationmentor.com Why a Great Rigger is an Animator's Best Friend, By: Ozgur Aydogdu
- ^ Beane 2012, p. 2-15.
- ^ Masson 1999, p. 158.
- ^ Sito 2013, p. 144.
- ^ Robinson, Phillip (February 1989). "Art + 2 Years = Science". BYTE. pp. 255–264. Retrieved 2024-10-08.
- ^ Sito 2013, p. 195.
- ^ "blender.org – Home of the Blender project – Free and Open 3D Creation Software". blender.org.
- ^ Masson 1999, pp. 110–116.
- ^ Parke & Waters 2008, p. xi.
- ^ a b Magnenat Thalmann & Thalmann 2004, p. 122.
- ^ Pereira & Ebrahimi 2002, p. 404.
- ^ Pereira & Ebrahimi 2002, pp. 60–61.
- ^ Paiva, Prada & Picard 2007, pp. 24–33.
- ^ Masson 1999, pp. 160–161.
- ^ Parent 2012, pp. 14–17.
- ^ Zacharek, Stephanie (2004-11-10). "The Polar Express". Salon. Retrieved 2015-06-08.
- ^ Herman, Barbara (2013-10-30). "The 10 Scariest Movies and Why They Creep Us Out". Newsweek. Retrieved 2015-06-08.
- ^ Clinton, Paul (2004-11-10). "Review: 'Polar Express' a creepy ride". CNN. Retrieved 2015-06-08.
- ^ Digital Actors in 'Beowulf' Are Just Uncanny Archived 2011-08-27 at the Wayback Machine – New York Times, November 14, 2007
- ^ Neumaier, Joe (November 5, 2009). "Blah, humbug! 'A Christmas Carol's 3-D spin on Dickens well done in parts but lacks spirit". New York Daily News. Archived from the original on July 10, 2018. Retrieved October 10, 2015.
- ^ Williams, Mary Elizabeth (November 5, 2009). "Disney's 'A Christmas Carol': Bah, humbug!". Salon.com. Archived from the original on January 11, 2010. Retrieved October 10, 2015.
- ^ Sito 2013, p. 7.
- ^ Sito 2013, p. 59.
- ^ Sito 2013, pp. 82, 89.
- ^ Kuperberg 2002, pp. 112–113.
Works cited
[edit]- Beane, Andy (2012). 3D Animation Essentials. Indianapolis, Indiana: John Wiley & Sons. ISBN 978-1-118-14748-1.
- Kuperberg, Marcia (2002). A Guide to Computer Animation: For TV, Games, Multimedia and Web. Focal Press. ISBN 0-240-51671-0.
- Magnenat Thalmann, Nadia; Thalmann, Daniel (2004). Handbook of Virtual Humans. Wiley Publishing. ISBN 0-470-02316-3.
- Masson, Terrence (1999). CG 101: A Computer Graphics Industry Reference. Digital Fauxtography Inc. ISBN 0-7357-0046-X.
- Means, Sean P. (December 28, 2011). "Pixar founder's Utah-made Hand added to National Film Registry". The Salt Lake Tribune. Retrieved January 8, 2012.
- Paiva, Ana; Prada, Rui; Picard, Rosalind W. (2007). "Facial Expression Synthesis using PAD Emotional Parameters for a Chinese Expressive Avatar". Affective Computing and Intelligent Interaction. Lecture Notes in Computer Science. Vol. 4738. Springer Science+Business Media. doi:10.1007/978-3-540-74889-2. ISBN 978-3-540-74888-5.
- Parent, Rick (2012). Computer Animation: Algorithms and Techniques. Ohio: Elsevier. ISBN 978-0-12-415842-9.
- Pereira, Fernando C. N.; Ebrahimi, Touradj (2002). The MPEG-4 Book. New Jersey: IMSC Press. ISBN 0-13-061621-4.
- Parke, Frederic I.; Waters, Keith (2008). Computer Facial Animation (2nd ed.). Massachusetts: A.K. Peters, Ltd. ISBN 978-1-56881-448-3.
- Sito, Tom (2013). Moving Innovation: A History of Computer Animation. Massachusetts: MIT Press. ISBN 978-0-262-01909-5.
External links
[edit]
Media related to Computer animations at Wikimedia Commons
Computer animation
View on GrokipediaFundamentals
Definition and Scope
Computer animation is the process of using computers to generate, manipulate, and display moving images through digital techniques, encompassing both two-dimensional (2D) and three-dimensional (3D) forms.[5] This involves software algorithms that simulate motion, transformation, and rendering of visual elements, producing sequences of frames that create the illusion of movement when played in rapid succession.[6] Unlike static computer-generated imagery (CGI), computer animation specifically focuses on time-varying visuals, applied in fields such as film, video games, advertising, and scientific visualization.[7] The scope of computer animation includes pre-rendered animations, where frames are computed offline for high-fidelity output like feature films; real-time rendering, which generates visuals instantaneously for interactive applications such as video games and virtual reality; and interactive simulations that respond to user input.[8] It fundamentally differs from traditional animation methods, such as hand-drawn cel animation or stop-motion, by relying on computational algorithms and software tools rather than manual drawing or physical manipulation of objects, enabling greater precision, scalability, and ease of modification.[7] This digital approach allows for complex simulations of physics, lighting, and textures that would be impractical in analog processes.[5] The evolution from analog to digital animation began in the 1960s with pioneering experiments, such as Ivan Sutherland's Sketchpad system in 1963, which introduced interactive computer graphics as a foundation for generating dynamic visuals. Key terminology in computer animation includes frame rate, measured in frames per second (fps), with 24 fps as the standard for cinematic output to achieve smooth motion without excessive flicker; resolution, referring to the number of pixels per frame (e.g., 1920×1080 for high-definition), which determines image clarity; and bit depth, the number of bits used to represent color per pixel (e.g., 24-bit for over 16 million colors), influencing the richness and accuracy of visual output.[9][10][11] Many traditional animation principles, such as squash and stretch, have been adapted digitally to enhance realism in these computed movements.[7]Core Principles
Computer animation relies on foundational principles derived from traditional animation, adapted to digital environments to create believable motion. The twelve principles of animation, originally outlined by Disney animators Ollie Johnston and Frank Thomas in their 1981 book The Illusion of Life, provide a framework for simulating lifelike movement and have been extended to computer-generated contexts. In software implementation, these principles guide algorithmic decisions: squash and stretch manipulates object deformation to convey weight and flexibility; anticipation builds tension before action; staging focuses viewer attention through composition; straight-ahead and pose-to-pose methods balance spontaneity with control in keyframe workflows; follow-through and overlapping action ensures secondary elements lag behind primaries for realism; slow in and slow out adjusts easing for natural acceleration; arcs produce fluid trajectories rather than linear paths; secondary action adds subtle details to primary motion; timing controls pacing via frame rates; exaggeration amplifies traits for clarity; solid drawing maintains volume in 3D models; and appeal crafts engaging, relatable characters. John Lasseter's seminal 1987 SIGGRAPH paper demonstrated their application to 3D computer animation, emphasizing how rigid polygonal models can mimic hand-drawn flexibility through interpolation and simulation techniques. At the computational core, vector mathematics underpins the representation and manipulation of position, rotation, and scale in animated scenes. Objects are defined by position vectors in 3D space, with transformations applied via matrices to translate, rotate, or scale them efficiently. A standard translation matrix in homogeneous coordinates shifts a point by :Types of Computer Animation
2D Computer Animation
2D computer animation encompasses techniques for generating planar visuals through digital means, leveraging either vector-based or raster-based graphics to produce efficient, flat animations suitable for applications like web content, games, and user interfaces. These methods prioritize simplicity and performance, enabling creators to achieve fluid motion without the complexities of volumetric rendering. Sprite-based animation, a foundational approach, involves sequencing multiple 2D bitmap images—referred to as sprites—that are rendered in quick succession to simulate movement, often organized into sprite sheets for optimized playback in game engines. Tweening, or inbetweening, complements this by algorithmically generating transitional frames between user-defined keyframes, streamlining the animation process in tools such as Adobe Animate where properties like position, scale, and rotation are interpolated automatically. Key tools for 2D animation include Scalable Vector Graphics (SVG), an XML-based format that supports resolution-independent animations through declarative elements likeposition.x = position.x + velocity.x * delta_time
position.y = position.y + velocity.y * delta_time
This approach ensures smooth, frame-rate-independent motion by scaling velocity against the time elapsed since the last update.
3D Computer Animation
3D computer animation involves the creation and manipulation of three-dimensional models within a virtual space, providing depth and realism beyond flat 2D representations. The process begins with wireframe modeling, which constructs skeletal frameworks using lines, curves, and points to outline an object's structure in 3D space.[14] These wireframes evolve into polygon meshes, the foundational elements of 3D models, composed of vertices (points defining positions), edges (lines connecting vertices), and faces (flat polygonal surfaces bounded by edges).[15][16] Faces are typically triangles or quadrilaterals, with complex models in animated films featuring triangle counts ranging from tens of thousands to over a million to achieve detailed surfaces and smooth deformations.[17] Key disciplines in 3D computer animation include character animation, where models are rigged and posed to simulate lifelike movements; environmental setup, involving the construction of surrounding scenes with props, terrain, and atmospheric elements; and camera work, which simulates real-world cinematography through virtual lenses to frame shots and control viewer perspective in three-dimensional space.[18][19] These elements integrate to build immersive worlds, allowing animators to manipulate objects along x, y, and z axes for spatial interactions. Popular software for 3D computer animation includes Blender, an open-source tool offering intuitive viewport manipulation for real-time model editing, posing, and previewing animations; Autodesk Maya, renowned for its robust viewport tools that enable precise keyframing, motion trails for visualizing character paths, and UV editing directly in the 3D view; and Houdini, which employs node-based systems for procedural generation of complex elements like simulations and environments, facilitating iterative workflows through interconnected networks.[20][21] Significant challenges in 3D computer animation arise from handling occlusion, where foreground objects obscure those behind them, complicating visibility and spatial understanding in dense scenes.[22] Perspective projection exacerbates this by mimicking human vision to map 3D coordinates onto a 2D screen, requiring a basic projection matrix to scale objects based on distance and manage depth cues, though it can lead to disorientation if not carefully controlled.[23]Historical Development
Early Innovations (1950s–1980s)
The origins of computer animation in the 1950s were rooted in experimental uses of analog computing technology, particularly through the work of John Whitney, who repurposed surplus World War II anti-aircraft prediction devices into an analog computer for generating abstract visual patterns. In 1958, Whitney created the title sequence for Alfred Hitchcock's film Vertigo, marking one of the earliest applications of computer-assisted motion graphics in cinema, where perforated cards controlled the motion of lights to produce swirling, parametric curves photographed directly from an oscilloscope.[24] This approach highlighted the potential of mechanical computation for artistic expression, though it remained analog and non-digital.[25] Military-funded projects during the same era laid critical groundwork for digital graphics, with the Semi-Automatic Ground Environment (SAGE) system, developed in the late 1950s by the U.S. Air Force and MIT, introducing interactive vector displays on cathode-ray tubes (CRTs) for real-time radar data visualization. The SAGE system's light-gun interface and graphical overlays influenced subsequent civilian applications by demonstrating the feasibility of human-computer interaction through visual feedback, transitioning defense technologies toward entertainment and art.[26] The 1960s saw the shift to digital computing, with Ivan Sutherland's 1963 Sketchpad program at MIT representing a breakthrough in interactive graphics. As part of his PhD thesis, Sketchpad allowed users to draw and manipulate geometric shapes on a vector display using a light pen, enabling real-time modifications and constraints like copying or rotating objects—foundational concepts for later animation software.[27] Early digital animations emerged around this time, such as Charles Csuri's Hummingbird in 1967, produced at Ohio State University using an IBM 2250 display and programmed in FORTRAN to morph line drawings of a bird's wings via mathematical functions, achieving fluid motion at resolutions limited to wireframe outlines.[28] By the late 1960s and into the 1970s, computational constraints persisted, with animations generated on mainframe computers outputting to film via vector plotters or low-resolution raster scans, often no higher than 320x240 pixels due to memory and processing limits of systems like the IBM 360. FORTRAN remained the dominant language for scripting parametric curves and transformations, as seen in experimental films that prioritized abstract forms over realism.[29] A notable milestone was the 1968 Soviet film Kitty (Koshechka), created by a team led by Nikolai Konstantinov using a BESM-4 mainframe; it depicted a wireframe cat walking and grooming itself through elliptical path constraints, recognized as one of the first realistic character animations despite its rudimentary, line-based appearance.[30] The 1970s advanced three-dimensional techniques, exemplified by Ed Catmull and Fred Parke's A Computer Animated Hand in 1972 at the University of Utah, the earliest known 3D polygon-based animation of a scanned human hand rotating and flexing, rendered frame-by-frame on a mainframe and exposed to 16mm film. This work, part of research funded by the Advanced Research Projects Agency (ARPA), demonstrated hidden-surface removal algorithms essential for depth simulation.[31] Such innovations influenced the formation of Lucasfilm's Computer Graphics Group in 1979, led by Catmull and Alvy Ray Smith, which developed hardware like the Pixar Image Computer and software precursors to RenderMan, bridging academic experimentation with film production.[32] The decade culminated in 1982 with Disney's TRON, directed by Steven Lisberger, which integrated computer-generated imagery (CGI) with live-action and traditional animation in over 15 minutes of sequences, including glowing grid environments and light cycles rendered on supercomputers like the Cray X-MP. This hybrid approach showcased CGI's narrative potential despite challenges like high costs—over $1 million for the effects alone—and technical hurdles in integrating digital elements with analog footage.[33] Early innovations from the 1950s to 1980s thus transformed computer animation from military-derived experiments into a viable artistic medium, constrained yet visionary in its use of vector graphics, low-fidelity outputs, and procedural programming.[29]Modern Milestones (1990s–Present)
The 1990s marked a pivotal era for computer animation with the release of Toy Story in 1995, the first feature-length film produced entirely using computer-generated imagery (CGI) by Pixar Animation Studios.[34] This breakthrough demonstrated the viability of full-length CGI storytelling, grossing over $373 million worldwide and setting a new standard for animated features.[35] Concurrently, the development of Blender in 1998 by Ton Roosendaal as an internal tool for his studio NeoGeo introduced an accessible 3D creation suite, which transitioned to open-source status in 2002, fostering widespread adoption among independent artists and democratizing animation tools.[36] Entering the 2000s, advancements in photorealism emerged prominently with Final Fantasy: The Spirits Within in 2001, the first computer-animated feature to prioritize lifelike human characters through advanced motion capture and rendering techniques, requiring 960 workstations to produce its 141,964 frames.[37] Despite commercial underperformance, the film showcased unprecedented visual fidelity in CGI humans, influencing subsequent efforts in character realism.[38] Pixar's continued innovation, bolstered by Disney's 2006 acquisition for $7.4 billion, solidified their industry dominance, with films like Finding Nemo (2003) and The Incredibles (2004) earning critical acclaim and Oscars for animated features, capturing a significant share of the market.[39] The 2010s saw the rise of real-time rendering engines, exemplified by Unreal Engine 4's 2014 release, which enabled high-fidelity animations in interactive media and virtual production, reducing rendering times from hours to seconds and transforming workflows in film and games.[40] Post-2015, the consumer launch of Oculus Rift in 2016 spurred VR/AR animation growth, integrating immersive CGI experiences in applications like training simulations and interactive storytelling, with adoption accelerating through platforms like HTC Vive.[41] In the 2020s, AI integration revolutionized animation, highlighted by OpenAI's Sora model announced in 2024, which generates up to one-minute videos from text prompts with coherent motion and realism, enabling rapid prototyping for animators.[42] The global animation market expanded to approximately $400 billion by 2025, driven by streaming demand and technological efficiencies.[43] A key shift toward cloud rendering further supported this growth, allowing studios to scale computations remotely and cut costs by up to 40% through services like AWS and Google Cloud, facilitating collaborative production amid remote work trends.[44]Animation Techniques
Modeling and Rigging
Modeling in computer animation involves creating digital representations of objects or characters using various geometric techniques to form the foundation for subsequent animation and rendering processes. Polygonal modeling constructs 3D objects by assembling polygons, typically triangles or quadrilaterals, into meshes that approximate surfaces. Common operations include extrusion, where a 2D shape is extended along a path to add depth, and lofting, which generates a surface by interpolating between multiple cross-sectional curves. These methods allow for efficient creation of complex shapes suitable for real-time applications like gaming.[45][46] In contrast, NURBS modeling employs non-uniform rational B-splines to define smooth curves and surfaces through control points, weights, and knots, enabling precise representation of free-form geometry. A NURBS curve of degree 3, for instance, provides continuity for visually smooth surfaces commonly used in high-fidelity animation for vehicles or organic forms. The rational aspect incorporates weights to alter the curve's shape without additional control points, making it versatile for design iterations. This technique excels in maintaining exact mathematical descriptions, which is advantageous for manufacturing integration in animation pipelines.[47][48] Rigging follows modeling by embedding a skeletal structure, or rig, into the mesh to facilitate controlled deformation during animation. Forward kinematics (FK) computes the position of an end effector, such as a hand, by sequentially applying rotations along a chain of joints from the root. Inverse kinematics (IK), conversely, solves for the joint angles required to position the end effector at a target location, often using iterative methods for chains of bones in character limbs. IK is particularly valuable in animation for intuitive posing, as animators can manipulate endpoints while the system adjusts intermediate joints automatically.[49][50] Tools like ZBrush support advanced sculpting workflows, allowing artists to manipulate high-resolution meshes intuitively with digital brushes that simulate traditional clay modeling. This digital sculpting enables detailed surface refinement on polygonal models before retopology for animation efficiency. UV mapping complements these processes by projecting the 3D surface onto a 2D plane, assigning texture coordinates (U and V) to vertices for applying images or procedural textures without distortion. Proper UV layout ensures seamless texturing, critical for visual consistency in animated scenes.[51][52][53] Best practices in modeling emphasize topology optimization to ensure smooth deformations under rigging. Quad-based meshes, composed primarily of quadrilateral faces, promote even edge flow and minimize artifacts during bending or stretching, as triangles can lead to pinching in animated poses. Artists aim for clean, non-overlapping edge loops around joints to support subdivision surfaces, maintaining model integrity across varying vertex counts typical in 3D animation.[54][55][56]Keyframe and Interpolation Methods
Keyframe animation serves as a cornerstone of computer animation, enabling artists to define critical poses or transformations at discrete time intervals, or keyframes, while the system automatically generates the intervening frames. For example, an animator might establish a character's position at frame 1 as point A and at frame 24 as point B, with the software interpolating the path to create seamless motion. This artist-controlled approach emphasizes pivotal moments of action, such as extremes in a gesture, allowing for expressive and intentional storytelling without the labor of drawing every frame.[57] To refine the timing and feel of motion, animators employ easing curves, often implemented via Bézier curves, which use control points and tangent handles to dictate acceleration and deceleration. These curves provide intuitive control over how an object slows into a pose or speeds away, mimicking natural inertia and avoiding abrupt changes. In practice, tangent handles adjust the curve's slope at keyframes, enabling precise customization of motion dynamics.[58] Various interpolation methods bridge keyframes to produce realistic trajectories. Linear interpolation connects values with straight lines, yielding constant velocity—ideal for mechanical or steady movements but prone to jerky results in character animation due to its lack of varying speed. For smoother, more organic flows, cubic spline interpolation is widely used, fitting piecewise cubic polynomials that ensure continuous position, velocity, and acceleration (C² continuity). This method approximates natural motion by solving for coefficients in the general form:Procedural and Physics-Based Animation
Procedural animation generates motion through algorithms and rules rather than manual keyframing, enabling complex, organic behaviors that would be impractical to animate by hand. This approach relies on mathematical functions to create repeatable yet varied patterns, often used for environmental elements like wind-swayed foliage or turbulent fluids. Physics-based animation, in contrast, simulates real-world dynamics using numerical methods to model forces, masses, and interactions, producing realistic responses to environmental stimuli. These techniques automate motion for scalability, particularly in scenes requiring thousands of elements, such as natural phenomena or large-scale simulations. A cornerstone of procedural methods is Perlin noise, a gradient noise function that layers pseudo-random values to produce smooth, natural variations suitable for animating organic motion. Developed by Ken Perlin, it interpolates between layered gradients to avoid abrupt changes, making it ideal for simulating irregular surfaces or movements like rippling water or swaying grass. For more complex effects, fractal Brownian motion (fBm) extends Perlin noise by summing multiple octaves of noise at varying frequencies and amplitudes, creating self-similar patterns for terrain deformation or cloud animation in films.[61] Another key procedural tool is L-systems, introduced by Aristid Lindenmayer as parallel rewriting systems to model cellular growth, later adapted for computer graphics to simulate branching structures like plant development over time. In animation, L-systems generate evolving geometries by iteratively applying production rules to an axiom string, rendering dynamic growth sequences for vegetation in virtual environments. Physics-based techniques often employ rigid body dynamics to model non-deformable objects under forces like gravity or impacts, integrating linear and angular momentum to compute trajectories. Early systems, such as those by James K. Hahn, solved equations of motion for articulated bodies, allowing animators to blend physical simulation with artistic control for believable interactions.[62] Collision detection in these simulations uses bounding volumes—simplified geometric proxies like spheres or axis-aligned boxes—to efficiently test overlaps before precise surface computations, reducing computational cost in dynamic scenes. For deformable materials like cloth, mass-spring systems approximate fabric as a grid of point masses connected by springs, where the restoring force is given by $ F_{\text{spring}} = k \cdot \Delta l $, with $ k $ as the spring constant and $ \Delta l $ as the length deviation from rest. Xavier Provot's work enhanced this model with deformation constraints to enforce rigidity while handling self-collisions, enabling realistic draping and folding in character garments.[63] Node-based workflows facilitate procedural and physics-based animation by connecting modular operators in directed acyclic graphs, allowing artists to build reusable simulations. In Houdini, the Dynamics Operator (DOP) network integrates particles, rigid bodies, and fluids through nodes like POP (Particle Operator) for emissions and forces, enabling layered effects such as explosive debris or swirling smoke without scripting from scratch.[64] A prominent example is crowd simulation in Peter Jackson's The Lord of the Rings trilogy (2001–2003), where Massive software used agent-based AI within a physics framework to animate thousands of autonomous soldiers, each responding to behaviors like fleeing or charging via flocking algorithms and collision avoidance.[65] These methods can hybridize with keyframe animation for fine-tuned control, such as overriding simulated paths at critical moments.Specialized Aspects
Facial and Character Animation
Facial animation in computer graphics focuses on simulating realistic human expressions through techniques that manipulate facial geometry and textures to convey emotions, speech, and subtle nuances. One foundational method is the use of blend shapes, also known as morph targets, which involve creating a set of predefined facial deformations from a neutral pose to extreme expressions, such as smiles or frowns, typically numbering around 50 shapes per character for comprehensive coverage. These shapes enable linear interpolation to generate intermediate poses, allowing animators to blend multiple targets smoothly for natural-looking transitions. The Facial Action Coding System (FACS), developed by psychologists Paul Ekman and Wallace V. Friesen, provides a standardized framework for modeling facial expressions by breaking them down into action units (AUs), such as AU12 for lip corner puller, which corresponds to a smile. In computer animation, FACS is integrated into rigging pipelines to ensure expressions align with psychological realism, facilitating emotional arcs that evolve over a character's performance. This system has been widely adopted in production pipelines, influencing tools that map AUs to blend shapes for consistent and verifiable expressiveness. Lip synchronization, or lip sync, enhances character realism by aligning mouth movements with spoken dialogue through phoneme mapping, where visemes—visual representations of phonemes like "oo" or "ah"—are keyframed or procedurally generated to match audio waveforms. Advanced implementations combine this with emotional modulation, adjusting intensity based on context to avoid mechanical appearances. For instance, in the 2003 film The Lord of the Rings: The Return of the King, the character Gollum's facial animations were hand-keyframed by animators, achieving subtle emotional shifts while mitigating the uncanny valley effect, where near-realistic but imperfect animations evoke discomfort; motion capture was used for body movements.[66] Real-time facial animation has advanced with technologies like Apple's ARKit, which uses machine learning to track 52 blend shapes from a single camera feed on mobile devices, enabling live performance capture for applications in virtual reality and augmented reality. This allows for immediate feedback during animation sessions, reducing iteration time compared to traditional offline methods. Software tools such as iClone from Reallusion streamline these processes by providing pre-built facial rigs and phoneme libraries, supporting quick setups for indie animators and rapid prototyping in game development. Challenges in facial and character animation include avoiding the uncanny valley, where hyper-realistic features without perfect subtlety can alienate audiences; strategies often involve stylistic exaggeration or hybrid techniques to prioritize engagement over photorealism. Character animation extends facial techniques to full-body performances, briefly referencing general rigging for skeletal controls that integrate with facial data for cohesive movement, ensuring expressions align with gestures like head tilts during dialogue.Motion Capture and Performance Animation
Motion capture, also known as performance capture when including facial and expressive elements, is a technique in computer animation that records real-world movements of actors or objects to drive the animation of digital characters, enabling realistic and nuanced performances.[67] This method contrasts with manual keyframing by directly translating physical actions into digital data, preserving subtleties like weight shifts and emotional intent.[68] It has become essential in film and gaming for creating lifelike virtual avatars.[69] Optical motion capture is one of the most widely used techniques, involving the placement of retroreflective markers on an actor's body, which are then tracked by multiple high-speed infrared cameras. Systems like Vicon's Vero cameras capture marker positions at frame rates exceeding 100 Hz, often up to 330 Hz at resolutions suitable for precise skeletal reconstruction.[70] The cameras detect the markers' 3D trajectories, generating positional data that forms the basis for animating rigged models. Inertial motion capture, an alternative approach, employs wearable suits equipped with inertial measurement units (IMUs) such as gyroscopes and accelerometers to record rotational and accelerative data without relying on external cameras.[68] This method, exemplified by Xsens systems, allows for greater portability in varied environments but may accumulate drift errors over time without periodic corrections.[67] The motion capture pipeline begins with data acquisition, followed by cleaning to remove noise, jitter, or gaps from tracking errors. Captured data is typically exported in formats like Biovision Hierarchy (BVH) files, which store hierarchical joint rotations and positions for compatibility across animation software.[71] Retargeting then maps this raw data onto a digital character's rig, adjusting for differences in proportions or structure using inverse kinematics solvers to maintain natural motion flow.[72] Hybrid workflows often combine motion capture with manual keyframing to refine unnatural artifacts or add stylized elements, ensuring seamless integration into the final animation.[73] Advancements in the 2020s have introduced markerless motion capture powered by artificial intelligence and machine learning, which analyzes standard video footage to estimate poses without physical markers or suits. Tools like DeepMotion's Animate 3D use deep neural networks to track full-body movements from monocular or multi-view videos, achieving real-time processing and reducing setup complexity.[74] This technology democratizes access to high-fidelity animation data, as demonstrated in productions like James Cameron's Avatar (2009), where extensive performance capture sessions—spanning over 30 days—drove the Na'vi characters' lifelike behaviors using custom optical systems.[75] Motion capture data can briefly integrate with facial animation pipelines to capture holistic performances, syncing body and expression tracking.[69] Despite these innovations, motion capture faces limitations, including occlusion in optical systems where markers are blocked by the body or props, leading to incomplete data that requires manual interpolation.[76] Inertial setups mitigate some visibility issues but suffer from sensor drift and lower precision for fine details. Additionally, full professional setups, including suits and camera arrays, can cost around $50,000 or more due to specialized hardware requirements.[77] These challenges drive ongoing research into hybrid and AI-enhanced solutions for more robust capture in unconstrained settings.[78]Rendering and Realism
Achieving Photorealism
Achieving photorealism in computer animation involves advanced techniques that simulate the complex interactions of light with materials to produce visuals indistinguishable from live-action footage. Key methods include sub-surface scattering (SSS) for translucent materials like skin and global illumination (GI) to model indirect lighting effects, ensuring accurate representation of light diffusion and multiple reflections. These approaches prioritize physical accuracy over stylized rendering, often integrating detailed geometric models and material properties derived from real-world measurements. Sub-surface scattering is essential for rendering realistic skin and organic tissues, where light penetrates the surface and scatters internally before exiting, creating soft, diffused appearances. The dipole diffusion model, introduced by Jensen et al., approximates this process using a point source and sink pair to solve the diffusion equation efficiently, capturing light transport in participating media.[79] For human skin, this model accounts for penetration depths of approximately 1–10 mm, varying by wavelength and tissue layer, which enables the simulation of effects like the reddish glow under thin skin areas.[80] Texturing serves as a foundational input, providing surface details that interact with SSS computations to enhance fidelity. Global illumination techniques, particularly ray tracing, further contribute by computing multiple light bounces to generate realistic shadows, caustics, and color bleeding. In ray tracing, rays are cast from the camera through each pixel, intersecting scene geometry and recursively tracing secondary rays for reflections, refractions, and diffuse interreflections, with bounce calculations determining the depth of indirect lighting simulation. This allows for soft, area-light shadows formed by sampling multiple rays per light source, avoiding the hard edges of local illumination models and achieving more natural scene integration. A prominent example of photorealism in practice is the 2019 remake of The Lion King, where all animal characters were rendered entirely in CGI to mimic live-action wildlife documentaries. Produced by Disney and Moving Picture Company, the film employed advanced GI, custom shaders for fur, muscle simulations, and environmental lighting, resulting in animals that appear seamlessly embedded in photorealistic African savannas.[81] To evaluate such realism, metrics like the Structural Similarity Index Measure (SSIM) are used, which quantifies perceptual similarity between rendered images and reference photographs by comparing luminance, contrast, and structure, with scores closer to 1 indicating higher fidelity. Despite these advances, achieving photorealism poses significant computational challenges, particularly in the early 2000s when global illumination required extensive ray tracing. Rendering a single complex frame could take up to over 7 hours, as seen in productions like Final Fantasy: The Spirits Within (2001), due to the high number of ray samples needed for noise-free GI convergence.[82] Recent trends have mitigated this through real-time path tracing, enabled by NVIDIA's RTX GPUs introduced in 2018, which use dedicated RT cores to accelerate unbiased Monte Carlo sampling of light paths with multiple bounces. This hardware innovation allows interactive photorealistic previews and final renders at 30+ frames per second in applications like film previsualization and gaming.Lighting, Shading, and Texturing
In computer animation, texturing involves mapping 2D images onto 3D models to define surface details such as color, patterns, and material properties, with UV unwrapping serving as the foundational process to project the model's 3D surface onto a 2D coordinate space without excessive distortion or overlaps.[83] UV unwrapping typically identifies seams on the model—edges where the surface can be "cut" and flattened—and generates texture coordinates (u, v) for each vertex, enabling precise application of textures that align with the geometry.[83] This technique ensures that details like fabric weaves or skin pores appear correctly oriented, and tools like Adobe Substance 3D Painter facilitate interactive UV editing and texture baking for high-fidelity results in production pipelines.[84] Physically based rendering (PBR) has become the standard for texturing in modern computer animation, using material maps such as albedo (base color), roughness (surface smoothness), and metallic (conductivity) to simulate realistic light interactions based on physical principles rather than artist-driven approximations.[85] In PBR workflows, these maps are authored separately to allow shaders to compute accurate reflections and refractions, as seen in Pixar productions where layered textures on characters like those in short films such as Piper enhance subsurface scattering for lifelike feathers and water droplets.[85] Normal mapping complements PBR by encoding surface perturbations in a texture that perturbs shading normals without altering geometry, creating the illusion of fine details like bumps or scratches through tangent-space vectors stored in RGB channels.[86] For instance, a normal map's blue channel typically represents the Z-component near 0.5 (neutral), while red and green encode X and Y deviations, enabling efficient detail amplification in real-time animation without increasing polygon counts.[86] Shading models determine how light interacts with textured surfaces to produce diffuse and specular components, with the Lambert model providing a foundational approach for non-shiny, matte materials by calculating diffuse intensity as the dot product of the light direction and surface normal , clamped to prevent negative values: .[87] This cosine-based formulation, rooted in Lambert's law, ensures even illumination falloff on rough surfaces, making it ideal for organic elements in animations where broad, soft lighting predominates.[87] In contrast, the Phong model extends this by adding a specular term to simulate glossy highlights on smoother materials, computing intensity as where is the reflection vector, is the view direction, and is a shininess exponent controlling highlight sharpness—higher values yield tighter, more metallic reflections. Adopted widely since its introduction, Phong shading balances computational efficiency and visual appeal, as evidenced in early Pixar shorts like Geri's Game where it rendered believable specular glints on bald heads and clothing. Lighting setups in computer animation orchestrate light sources to enhance depth, mood, and readability, with the three-point system—comprising key (primary illumination), fill (softens shadows from key), and rim (outlines subject against background)—serving as a core technique borrowed from cinematography to create dimensional scenes efficiently.[88] The key light, often positioned at a 45-degree angle to the subject, establishes the main shadows and highlights, while the fill light, weaker and opposite, reduces contrast without washing out details; the rim light, placed behind, adds separation and drama.[88] For environmental realism, high dynamic range imaging (HDRI) maps capture omnidirectional lighting from real-world probes, projecting them onto scene domes to simulate complex global illumination, as pioneered in techniques that integrate synthetic objects into photographed environments.[89] In Pixar shorts like Purl, HDRI-driven lighting combined with custom shaders achieves subtle yarn fibers and office ambiance, contributing to the pursuit of photorealism through integrated surface and light fidelity.[89]Applications and Tools
Film, Television, and Gaming
In film and television production, computer animation plays a pivotal role through previsualization (pre-vis), a process that uses 3D tools to create rough animated storyboards and animatics, allowing directors to plan complex scenes, camera movements, and action sequences before principal photography begins.[90] This technique evolved from traditional storyboarding into digital 3D models, enabling real-time adjustments and cost efficiencies in high-stakes productions.[91] For instance, pre-vis has been integral to blockbuster films since the early 2000s, helping visualize elaborate set pieces that blend live-action with digital elements.[92] Visual effects (VFX) integration further amplifies computer animation's influence, where CGI seamlessly augments live-action footage to create impossible environments, characters, and spectacles. In the Marvel Cinematic Universe (MCU), launched in 2008, this has become standard, with films like Avengers: Infinity War (2018) featuring over 2,700 shots where only 80 lacked any VFX, demonstrating near-total reliance on computer-generated imagery for narrative depth and visual scale.[93] By the 2020s, MCU productions routinely incorporate CGI in upwards of 90% of shots, reflecting broader industry trends where visual effects account for a dominant portion of storytelling in franchise films.[94] Motion capture techniques occasionally support these efforts by recording actor performances to drive animated characters, enhancing realism in hybrid scenes.[95] In gaming, computer animation enables real-time rendering, where skeletal meshes—digital rigs of bones and joints attached to character models—drive dynamic movements at frame rates like 60 frames per second (fps) to ensure fluid, responsive gameplay.[96] Engines such as Unity and Unreal Engine facilitate this by processing skeletal animations in real-time, allowing thousands of characters to interact seamlessly in crowded scenes without compromising performance.[97] Procedural assets extend this capability, generating animated elements like flora, fauna, and environments algorithmically to populate vast open worlds; No Man's Sky (2016), for example, uses procedural generation to create diverse planetary ecosystems with animated creatures and terrain that vary infinitely across procedurally seeded universes.[98] This approach minimizes manual asset creation while maintaining visual coherence at high frame rates.[99] Production at this scale involves specialized studios like Industrial Light & Magic (ILM), founded in 1975 by George Lucas to pioneer visual effects for Star Wars, which now handles massive CGI pipelines for films and games, employing thousands across global facilities to deliver photorealistic animations.[100] CGI-heavy films often command budgets around $200 million, with a significant portion—up to 40% or more—allocated to visual effects and animation to achieve the required fidelity and complexity.[101] These investments underscore the technical demands of integrating computer animation into narrative media.[102] The impact of computer animation in these fields is recognized through awards, including the Academy Award for Best Animated Feature, introduced in 2001 and first awarded in 2002 to Shrek, honoring excellence in fully animated films, and Emmy categories like Outstanding Animated Program, which has celebrated animated television content for its artistic and technical achievements since 1979.[103]Web, Interactive, and Emerging Media
Computer animation on the web primarily utilizes CSS for lightweight 2D effects and WebGL for more complex 3D rendering, enabling dynamic visuals directly in browsers without plugins. CSS animations, introduced as part of the CSS Animations Module Level 1, allow developers to define keyframe sequences using the@keyframes rule to interpolate property changes over time. For instance, a simple rotation animation can be created with @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }, which is then applied via the animation property on an element.[104] This approach supports efficient, hardware-accelerated animations for elements like buttons, loaders, and transitions, often leveraging 2D sprites for performance in resource-constrained environments. For 3D content, WebGL provides a low-level API for rendering interactive graphics, with libraries like Three.js simplifying its use by offering high-level abstractions for scenes, cameras, and animations. Three.js, an open-source JavaScript library, facilitates real-time 3D animations in web applications, such as procedural object rotations or particle systems, by abstracting WebGL complexities.[105]
In interactive media, computer animation powers immersive experiences in virtual reality (VR) and augmented reality (AR), where real-time rendering ensures synchronization with user inputs. Oculus VR, launched in 2016, integrated animation techniques for character movements and environmental interactions in games, emphasizing smooth 90Hz frame rates to prevent motion sickness.[106] Similarly, Snapchat introduced AR filters in 2015, using face-tracking algorithms to overlay animated effects like masks or distortions on live video feeds; this evolved into user-generated content via Lens Studio in 2017. These technologies blend 3D models with device sensors, enabling animations that respond to gestures or environmental data for applications in social sharing and training simulations.
Emerging media have expanded computer animation into decentralized and mobile ecosystems, particularly through non-fungible tokens (NFTs) and metaverse platforms. The 2021 NFT boom popularized animated avatars as digital collectibles, with projects like CryptoPunks (2017) derivatives and Bored Ape Yacht Club (2021) featuring looping 3D animations for virtual identities in metaverses such as Decentraland.[107] By 2025, the market has stabilized after the peak, with NFT animation evolving to include AI-assisted creations and utility-focused assets for metaverse interactions.[108] On mobile, platforms like TikTok have integrated animation effects through Effect House, a tool for creating AR-driven filters and transitions that users apply in short-form videos, supporting particle simulations and morphing graphics optimized for low-latency delivery.[109]
Standards for web-based animation emphasize efficient delivery and inclusivity. Codecs like H.264 (AVC) remain widely used for streaming animated content due to broad hardware support, while AV1, standardized in 2018, offers up to 30% better compression efficiency for high-resolution animations, reducing bandwidth needs in web video players.[110] Accessibility guidelines, per WCAG 2.1, recommend using the prefers-reduced-motion media query to detect user preferences for minimizing animations, allowing developers to disable non-essential motion—such as parallax effects—to accommodate vestibular disorders.[111] This query, supported in modern browsers, ensures animations like CSS transitions are suppressed when the user's system setting is enabled.[112]