GuiltyGearXrd's Art Style : The X Factor Between 2D and 3D
GDC Festival of Gaming2 HN recommenders · recommended in 2 months, 2019–2025
talk · intermediate · evergreen · 2019–2025 on HN
A GDC 2015 talk by Arc System Works technical artist Junya Motomura on how Guilty Gear Xrd rebuilt a classic 2D fighter in full 3D while keeping a hand-drawn look. It covers the art and programming R&D and the stylistic decisions behind it.
HN points to it as the definitive example of making 3D rendering look like 2D animation through cel shading, outlines, and framerate tricks.
Up next
11 mo on HNWhat Bodies Think About: Bioelectric Computation Outside the Nervous System - NeurIPS 2018
The Artificial Intelligence Channel
12 HN recommender · 2018–2024
13 mo on HNThe Beauty of Bézier Curves
Freya Holmér
16 HN recommender · 2021–2026
11 mo on HNThe Continuity of Splines
Freya Holmér
10 HN recommender · 2022–2026
10 mo on HNelevated by Rgba & TBC | 4k intro (FullHD 1080p demoscene demo)
Demoscene High-Quality Videos (Annikras)
7 HN recommender · 2013–2025
10 mo on HNPainting a Character with Maths
Inigo Quilez
13 HN recommender · 2021–2025
10 mo on HNThe Real Story Behind Wayland and X - Daniel Stone (linux.conf.au 2013)
Mladen Mijatov
13 HN recommender · 2013–2026
9 mo on HNA Deep Dive into Nanite Virtualized Geometry
SIGGRAPH Advances in Real-Time Rendering
7 HN recommender · 2021–2026
10 mo on HNSiggraph2019 Geometric Algebra
Bivector
8 HN recommender · 2020–2022
7 mo on HNI painted a Landscape with Mathematics
Inigo Quilez
7 HN recommender · 2022–2025
7 mo on HNElevated by RGBA and TBC
BUTTONTANG
7 HN recommender · 2009–2025
5 mo on HNCreating a Doom-style 3D engine in C
Bisqwit
3 HN recommender · 2015–2019
5 mo on HNCoding Adventure: Ant and Slime Simulations
Sebastian Lague
6 HN recommender · 2021–2024
4 comments from Hacker News
This is an artistic choice with a variety of film precedents. Its not exactly the same thing, but if you watch this GDC talk about the way that Arc System Works uses 3d to simulate 2d animation, it gets some of the ideas across: ▶ this video Artists might want to produce a lower framerate just to make something look filmic (eg, 25 frames per second) or hand animated, but it can also be a deliberate stylistic choice for other reasons. Eg, the recentish Mad Max films used subtle undercranking to make action scenes feel more intense, and part of that effect is a more noticeable frames and I think there is a bit of that in the Spiderverse films too.
Nice resource. While not strictly 2D, it brings to mind this GDC talk [1,2] from Arc System Works showing the lengths they went to achieve a high-res hand-drawn look while developing Guilty Gear Xrd. [1]: ▶ this video [2]: link
Only if you keep it really low resolution and low framerate. If you want something higher resolution, multiple camera angles or fluidly animated doing it in 2D quickly becomes impractical. Guilty Gears for example started out with 2D sprites and then went 3D with Guilty Gears Xrd[1][2], but with a lot of trickery to keep it looking 2D'ish, though that always was more anime-style than pixel art. [1] link [2] ▶ this video
A very simple implementation of cell shading is to run the result of traditional lighting through a lookup table in the form of a 1D texture. Having runs and steps of solid color posterizes the smooth lighting input so that it resembles painted cell artwork. A very simple implementation of outlining is to draw the object a second time solid black, with the vertex positions extruded out in the direction of the vertex normals, and with backface culling flipped so that you see only internal faces. Those black, internal faces peeking out around the edge of the regular mesh form the outlines. That's a good starting point. Many iterations and improvements from there gets you to this: ▶ this video