🌍 Game Development · subject
Game Development Game Art and Animation Syllabus
The Game Art and Animation syllabus for Game Development in full: 3 chapters and 11 topics, every one listed below, plus 60 Game Art and Animation flashcards with answers.
Game Art and Animation syllabus: all 3 chapters
Expand any chapter to see its topics and sub-topics.
-
2D Art
3 topics- Pixel Art
- Vector Art
- Texture Mapping
-
3D Art
4 topics- 3D Modeling
- Sculpting
- Texturing and Shading
- Rigging
-
Animation
4 topics- 2D Animation
- 3D Animation
- Character Animation
- Physics-based Animation
Game Development Game Art and Animation flashcards — 60 questions with answers
What is pixel art?
A digital art form where images are created and edited at the level of individual pixels, typically on a low-resolution grid, giving a characteristic blocky, retro aesthetic associated with early video games.
In pixel art, what is the term for the grid unit of a single controllable color square?
A pixel (picture element) — the smallest addressable element of the image. In pixel art each pixel is placed deliberately.
What is dithering in pixel art, and why is it used?
Dithering is the technique of alternating pixels of two colors in a pattern to simulate an intermediate shade or gradient, extending a limited palette and reducing banding without adding new colors.
In pixel art, what does 'anti-aliasing' accomplish and how is it done manually?
It smooths the jagged 'stair-step' edges of shapes by manually placing intermediate-color pixels along edges, blending the shape into the background to reduce harsh aliasing.
What is a 'sprite' in the context of pixel art and 2D games?
A sprite is a single 2D bitmap image (often a character or object) that is integrated into a larger scene, and can be moved, animated, and layered independently.
How does vector art fundamentally differ from raster (pixel) art?
Vector art defines images mathematically using points, lines, curves and shapes (paths), so it scales to any resolution without quality loss, whereas raster art is a fixed grid of pixels that loses quality when enlarged.
What mathematical curves are most commonly used to define smooth paths in vector art?
Bézier curves. A cubic Bézier is defined by $\mathbf{B}(t) = (1-t)^{3}\mathbf{P}_0 + 3(1-t)^{2}t\,\mathbf{P}_1 + 3(1-t)t^{2}\mathbf{P}_2 + t^{3}\mathbf{P}_3,\quad t\in[0,1]$.
State the general formula for a Bézier curve of degree $n$ using Bernstein polynomials.
$$\mathbf{B}(t) = \sum_{i=0}^{n} \binom{n}{i}(1-t)^{n-i}t^{i}\,\mathbf{P}_i,\quad t\in[0,1]$$ where $\mathbf{P}_i$ are the control points.
Give one key advantage and one disadvantage of vector art versus raster art for game assets.
Advantage: resolution-independent scaling (crisp at any size) and small file sizes for simple shapes. Disadvantage: it struggles to represent highly detailed, photorealistic or organic textures that raster images handle well.
What is texture mapping in 3D graphics?
The process of applying a 2D image (texture) onto the surface of a 3D model to add color and detail, by assigning each surface point a coordinate into the texture image.
What are UV coordinates in texture mapping?
UV coordinates are 2D coordinates $(u,v)$, normally in the range $[0,1]$, that map each vertex of a 3D mesh to a location on the 2D texture image; 'U' and 'V' denote the texture axes to distinguish them from the model's $x,y,z$.
What is 'UV unwrapping'?
The process of flattening a 3D model's surface into a 2D layout (the UV map) so that a 2D texture can be painted onto it without excessive stretching or seams.
What is a normal map and what does it simulate?
A normal map is a texture that stores per-pixel surface normal directions (encoded in RGB), used to fake fine surface detail and lighting response (bumps, grooves) on a low-polygon model without adding geometry.
How is a surface normal vector typically encoded in an RGB tangent-space normal map?
Each channel stores a normal component remapped from $[-1,1]$ to $[0,1]$: $R = \frac{n_x+1}{2}$, $G = \frac{n_y+1}{2}$, $B = \frac{n_z+1}{2}$, giving the characteristic blue-dominant appearance since $n_z$ is usually near $+1$.
Compare a bump map, a normal map, and a displacement map.
A bump map stores grayscale height to perturb normals (fakes detail, no silhouette change). A normal map stores full normal vectors (richer fake detail, still no silhouette change). A displacement map actually moves geometry along the surface, changing the real silhouette.
What is mipmapping and why is it used in texture mapping?
Mipmapping precomputes a chain of progressively lower-resolution versions of a texture; the GPU selects the appropriate level for distant/small surfaces to reduce aliasing (shimmering) and improve rendering performance.
For a base texture of size $N \times N$, what is the total memory of a full mipmap chain relative to the base?
The chain adds about one-third more memory: $\sum_{k=0}^{\infty}\frac{1}{4^{k}} = \frac{4}{3}$, so total $\approx \frac{4}{3}N^{2}$ texels.
What is texture wrapping/tiling, and name two common wrap modes.
Wrapping defines how UV coordinates outside $[0,1]$ are sampled. Common modes: 'repeat/tile' (coordinates wrap around, seamlessly tiling the texture) and 'clamp to edge' (coordinates are clamped so edge pixels stretch).
What is 3D modeling?
The process of creating a mathematical, three-dimensional representation of an object or surface using vertices, edges and faces (a mesh) in specialized software.
Define vertex, edge, and face (polygon) in a 3D mesh.
A vertex is a point in 3D space $(x,y,z)$; an edge is a straight line connecting two vertices; a face (polygon) is a flat surface bounded by three or more edges (a triangle or quad).
Show the other 40 Game Art and Animation flashcards
What is a mesh's 'topology' and why does good topology matter?
Topology is the arrangement and flow of the mesh's vertices, edges and faces. Good topology (clean quads, edge loops following form) ensures the model deforms correctly during animation and subdivides cleanly.
Why are quads generally preferred over triangles or n-gons in modeling?
Quads subdivide predictably, form clean edge loops, and deform smoothly during animation. Triangles can cause pinching when deformed, and n-gons (5+ sides) can render unpredictably; quads are ideal for the base cage before final triangulation.
What is the difference between low-poly and high-poly modeling?
Low-poly models use few polygons for real-time performance (common in games), while high-poly models use very dense geometry for fine detail (common in film/sculpting). Detail from high-poly is often baked into maps for the low-poly version.
What is box modeling versus edge/poly modeling?
Box modeling starts from a primitive (like a cube) and refines it by extruding and subdividing toward the final form. Edge/poly modeling builds the surface polygon-by-polygon, extending edges to define the shape piece by piece.
What is subdivision surface modeling?
A technique where a low-resolution control cage is recursively subdivided (e.g., via Catmull–Clark) to produce a smooth, high-resolution surface, letting artists control smooth forms with few control points.
What is digital sculpting?
A modeling approach that treats the model like virtual clay, using brush-based tools to push, pull, pinch, smooth and add fine surface detail on a very high-resolution mesh, ideal for organic forms.
How does sculpting differ from traditional polygon modeling?
Polygon modeling manipulates individual vertices/edges/faces with precise topology, while sculpting uses intuitive brushes on a dense mesh (often millions of polygons) to shape organic detail without directly managing topology.
What is 'retopology' and why is it needed after sculpting?
Retopology is rebuilding a new, clean, low-to-mid-poly mesh over a high-resolution sculpt. It is needed because sculpts have dense, animation-unfriendly topology; the new mesh is used for rigging, animation and real-time rendering.
In sculpting, what is 'dynamic topology' (dyntopo) or dynamic tessellation?
A mode where the mesh automatically adds (or removes) geometry under the brush as you sculpt, so detail can be created freely without pre-defining a dense base mesh.
What is texturing and shading in the 3D pipeline?
Texturing is applying surface color and detail maps to a model; shading defines how the surface interacts with light (its material response) using a shader that computes final pixel color based on lighting, textures and material properties.
What is a shader?
A program that runs on the GPU to compute the visual output of surfaces — determining color, lighting, shadow and other effects per vertex (vertex shader) or per pixel (fragment/pixel shader).
What does PBR (Physically Based Rendering) mean, and what does it aim to do?
PBR is a shading approach that models the physical behavior of light and materials (energy conservation, real reflectance) so materials look correct under any lighting condition, improving realism and consistency across scenes.
Name the core texture maps used in a metallic/roughness PBR workflow.
Albedo (base color), Metallic, Roughness, Normal, and often Ambient Occlusion (and Height/Displacement). Together they define color, metalness, microsurface glossiness and surface detail.
In PBR, what does the 'roughness' parameter control?
Roughness controls the microsurface scattering of reflected light: low roughness gives sharp, mirror-like specular highlights, while high roughness spreads the reflection into a broad, matte, diffuse-looking highlight.
What is the difference between diffuse and specular reflection?
Diffuse reflection scatters incoming light uniformly in all directions (matte appearance, view-independent), while specular reflection bounces light in a concentrated direction (shiny highlights, view-dependent).
State Lambert's cosine law for diffuse shading.
Diffuse intensity is proportional to the cosine of the angle between the surface normal $\vec{N}$ and light direction $\vec{L}$: $$I_d = k_d\,(\vec{N}\cdot\vec{L})\,I_L = k_d\,\cos\theta\,I_L$$ (clamped to $\geq 0$).
What is rigging in 3D animation?
Rigging is the process of creating a skeletal structure (bones/joints) and control system for a 3D model so it can be posed and animated; it defines how the mesh deforms when the controls move.
What is 'skinning' (skeletal binding / weight painting)?
Skinning binds the mesh surface to the skeleton by assigning each vertex weights that determine how much each bone influences it, so the mesh deforms smoothly as bones move (weight painting adjusts these weights).
Compare Forward Kinematics (FK) and Inverse Kinematics (IK).
FK poses a chain by rotating each joint from the root outward, so the end effector's position is derived from joint angles. IK works backward: you position the end effector (e.g., a hand/foot) and the system solves the required joint angles. FK suits arcs (waving); IK suits contact (planting feet).
In a two-bone IK problem, what determines the joint (elbow/knee) bend angle?
The law of cosines: for bone lengths $l_1, l_2$ and target distance $d$, the interior joint angle $\theta$ satisfies $$\cos\theta = \frac{l_1^{2} + l_2^{2} - d^{2}}{2\,l_1 l_2}.$$
What are 'blend shapes' (morph targets) in rigging/animation?
Blend shapes are stored deformed versions of a mesh (e.g., facial expressions) that can be interpolated by weights to smoothly morph the geometry, commonly used for facial animation alongside or instead of bones.
What is 2D animation and name its two main modern approaches.
2D animation creates the illusion of movement in a two-dimensional space. The two main approaches are frame-by-frame (traditional, each frame drawn individually) and rigged/cut-out (bone or puppet systems moving reusable pieces).
What is 'onion skinning' in 2D animation?
A feature that shows semi-transparent ghosts of the preceding and following frames while drawing the current frame, helping the animator maintain smooth, consistent motion and spacing.
In animation, what is the difference between a keyframe and an in-between (tween)?
A keyframe defines an important pose or state at a specific time; in-betweens (tweens) are the frames between keyframes that create smooth transition. In hand-drawn work a lead animator draws keys and assistants draw in-betweens; software can interpolate them automatically.
Define frame rate and give the two most common animation/game frame rates.
Frame rate is the number of frames displayed per second (fps). Film/animation commonly uses 24 fps; real-time games commonly target 30 or 60 fps.
What is 'animating on twos'?
Drawing a new image every second frame (each drawing held for two frames), so at 24 fps you produce 12 unique drawings per second. It reduces workload and gives a characteristic look while remaining acceptably smooth.
What is 3D animation and how does it differ from 2D animation?
3D animation moves models within a three-dimensional coordinate space (with depth, camera and lighting), typically by keyframing a rig's controls; 2D animation manipulates flat images in a plane. 3D allows a scene to be re-shot from any camera angle.
List several of Disney's classic principles of animation (name at least five).
Squash and stretch, anticipation, staging, straight-ahead action and pose-to-pose, follow-through and overlapping action, slow in and slow out (ease), arcs, secondary action, timing, exaggeration, solid drawing, and appeal.
What is 'squash and stretch' and what must it preserve?
It is deforming an object by squashing (compressing) or stretching to convey weight, flexibility and impact. It should preserve the object's apparent volume/mass so the object doesn't seem to grow or shrink.
What is character animation and what makes it distinct?
Character animation is animating a character to convey personality, emotion and intent — not just movement. It is distinct because it emphasizes acting, weight, timing and believable performance so the character appears to think and feel.
What is a 'walk cycle' and its main pose phases?
A walk cycle is a looping sequence of a character walking. Its key poses are typically: contact, down (recoil), passing, and up (high point), then repeated for the opposite leg — four keys per step, eight for a full stride.
What is motion capture (mocap) in character animation?
Motion capture records the movement of real actors (via markers/sensors or markerless vision) and maps that data onto a digital character's rig, producing realistic motion that animators can then clean up and refine.
What is physics-based animation?
Animation driven by simulating physical laws (forces, gravity, collisions, mass) rather than hand-keying every pose, so motion emerges automatically and reacts dynamically to the environment (e.g., cloth, hair, ragdolls, fluids).
What is a 'ragdoll' in physics-based animation?
A ragdoll is a character rig whose bones are treated as a system of rigid bodies connected by physically simulated joints, so that when active (e.g., on death or impact) the body collapses and reacts realistically to forces and collisions.
State Newton's second law, the foundation of physics-based animation, and explain its role.
$$\vec{F} = m\vec{a} = m\frac{d^{2}\vec{x}}{dt^{2}}$$ Simulators sum forces on each body, solve for acceleration $\vec{a} = \vec{F}/m$, then integrate to update velocity and position each timestep.
Write the semi-implicit (symplectic) Euler integration update used in most game physics engines.
$$\vec{v}_{t+\Delta t} = \vec{v}_t + \frac{\vec{F}_t}{m}\Delta t,\qquad \vec{x}_{t+\Delta t} = \vec{x}_t + \vec{v}_{t+\Delta t}\,\Delta t$$ It uses the newly updated velocity to advance position, giving better stability than explicit Euler.
In cloth simulation, how is a piece of cloth commonly modeled physically?
As a mass-spring system: a grid of point masses connected by springs (structural, shear and bending springs). Spring forces follow Hooke's law $\vec{F} = -k\,\vec{x}$, and the system is integrated over time under gravity and collision constraints.
What is 'baking' a physics simulation, and why do it?
Baking converts a computed simulation into stored per-frame keyframe/cache data. It is done so the expensive simulation runs once, then plays back deterministically and cheaply without recomputing, and can be tweaked or shipped in-game.
What is verlet integration and why is it popular for cloth/rope in games?
Verlet integration updates position using the current and previous positions instead of storing explicit velocity: $$\vec{x}_{t+\Delta t} = 2\vec{x}_t - \vec{x}_{t-\Delta t} + \vec{a}\,\Delta t^{2}.$$ It is simple, stable, and makes distance constraints (for cloth/rope) easy to enforce.
Compare frame-by-frame animation and tweened (interpolated) animation in terms of control and cost.
Frame-by-frame gives maximum expressive control and fluidity but is labor-intensive (every frame drawn/posed). Tweened animation defines keyframes and lets the computer interpolate between them — far less work and easily editable, but can look mechanical without added timing and spacing craft.
Game Development Game Art and Animation FAQ
What is in the Game Development Game Art and Animation syllabus?
Game Development Game Art and Animation is split into 3 chapters: 2D Art, 3D Art and Animation. Together they contain 11 topics.
How many chapters are in Game Development Game Art and Animation?
3 chapters, containing 11 topics. The largest chapter is 3D Art, with 4 topics.
Are there flashcards for Game Development Game Art and Animation?
Yes — a 60-card Game Art and Animation deck, printed in full in the flashcards section of this page and available in the Examius app with spaced repetition. The free plan covers one exam of your choice, including its flashcards; Examius Pro, a one-time purchase, unlocks every other exam and deck.