Difference between revisions of "HairTechnique"
From polycount
Cheeseplus (Talk | contribs) m (15 revisions) |
EricChadwick (Talk | contribs) (restoring images and links) |
||
Line 1: | Line 1: | ||
− | + | Hair for in-game rendering can be a tough beast to master. [[TransparencyMap#Alpha_Blend|Alpha blending]] is usually required to get soft feathery edges, but can cause [[TransparencyMap#Sorting_Problems|sorting problems]]. Lighting can also be difficult, so hair is usually rendered using an [[EmissiveMap|emissive shader]] (without any lighting at all). If the hair is being lit, options include [[VertexNormal|bent vertex normals]], [[NormalMap|normal mapping]], and [[AnisotropicMap|anisotropic mapping]]. | |
− | + | ||
− | Hair for in-game rendering can be a tough beast to master. [[ | + | |
− | + | {|border="1" | |
− | {| border="1 | + | |[[image:hair_allods-online_harpy.jpg]] |
− | | [[ | + | |[[image:hair_allods-online_elite-mount.jpg]] |
− | + | ||
− | | [[ | + | |
|- | |- | ||
+ | |colspan="2"|The Harpy and Elite Mount characters from [http://www.allodsonline.com Allods Online]. Images by [http://www.astrumnival.com Astrum Nival]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_udn-gow2-shaded.jpg]] |
− | + | |[[image:hair_udn-gow2-wire.jpg]] | |
− | | [[ | + | |[[image:hair_udn-gow2-ingame.jpg]] |
− | + | ||
− | | [[ | + | |
|- | |- | ||
+ | |colspan="3"|The hair setup for Dominic Santiago in Gears of War 2, on PC/Xbox360. [http://udn.epicgames.com/Three/CreatingHairUsingAlpha.html More pics here], [http://www.maxforums.org/threads/artiste_character_modeling_creating_hair_kevin_lanning/0001.aspx words here]]. Images by [http://www.epicgames.com/ Epic Games]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_ffx-yuna-wires.jpg]] |
− | + | |[[image:hair_ffx-yuna-tex.jpg]] | |
− | | [[ | + | |
|- | |- | ||
+ | |colspan="2"|Yuna from Final Fantasy X, on PS2. Images by [http://na.square-enix.com/games/FFX/ Square Enix]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_ff13-wires.png]] |
− | + | |[[image:hair_ff13-shaded.png]] | |
− | | [[ | + | |[[image:hair_ff13-ps3-720p.jpg]] |
− | + | ||
− | | [[ | + | |
|- | |- | ||
− | |colspan="2" | Hair from Final Fantasy 13, on PS3. | + | |colspan="2"|Hair from Final Fantasy 13, on PS3. Images by [http://na.square-enix.com/games/FFX/ Square Enix] |
+ | |Screengrab from the PS3 running at 720p. The hair may be using [[TranparencyMap#Screen_Space_Stipple|screen-space stipple]]. Images by [http://na.square-enix.com/games/FFX/ Square Enix]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_tekken6-alisa-ingame.jpg]] |
− | + | |[[image:hair_tekken6-alisa-wires.png]] | |
− | | [[ | + | |
|- | |- | ||
+ | |colspan="2"|Alisa Bosconovitch from Tekken 6, on PS3. Images by [http://www.namcobandaigames.com/ Namco Bandai Games] | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_varga-long.jpg]] |
− | + | |[[image:hair_varga-afro.jpg]] | |
− | | [[ | + | |
|- | |- | ||
+ | |colspan="2"|Varga from Dominance War II, [http://www.paultosca.com/varga_hair.html in-depth tutorial]. Images by [http://www.paultosca.com/ Paul Tosca]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_squirrely-jones-pandicarus-beauty.jpg]] |
− | + | |[[image:hair_squirrely-jones-pandicarus-tex.jpg]] | |
− | | [[ | + | |
|- | |- | ||
+ | |colspan="2"|Pandicarus from Dominance War III, fur technique explained [[attachment:squirrelyjones_fur.pdf|in this tutorial PDF (2.6MB)]] and [http://www.polycount.com/forum/showthread.php?p=800117#post800117 here in the Polycount thread]. Images by [http://www.squirrelyjones.com Mike 'Squirrely Jones' Voeller]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_sotc-ingame.jpg]] |
− | + | |[[image:hair_sotc-wires.jpg]] | |
− | | [[ | + | |
|- | |- | ||
+ | |colspan="2"|Hair from "Shadow of the Colossus" using the "fins & shells" technique, on PS2. Images from the "making of" article, in [http://game.watch.impress.co.jp/docs/20051207/3dwa.htm Japanese], and [[attachment:making_of_sotc.pdf|English]] (PDF). Images by [http://www.scei.co.jp/index_e.html Sony Computer Entertainment, Inc.]. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:jfalconer_furball2.jpg]] |
− | + | |[[image:jfalconer_fur_texture.gif]] | |
− | | [[ | + | |[[image:jfalconer_fur_examples.jpg]] |
− | + | ||
− | + | ||
|- | |- | ||
+ | |colspan="3"|Breakdowns of the "fins & shells" technique [http://forums.cgsociety.org/showthread.php?t=297002 explained in this CGTalk thread]. Images by Jason Falconer. | ||
|} | |} | ||
+ | <br clear="all"/> | ||
− | {| border="1 | + | {|border="1" |
− | | [[ | + | |[[image:hair_uncharted2-drake-wires.jpg]] |
|- | |- | ||
− | | [[ | + | |[[image:hair_uncharted2-drake.jpg]] |
|- | |- | ||
+ | |Drake from "Uncharted 2: Among Thieves", on PS3. Maya wireframe (top), in-game screenshots (bottom). Images by [http://www.rd3d.com/ Rich Diamant]. | ||
|- | |- | ||
− | | [[ | + | |[[image:hair_uncharted2-chloe-wires.jpg]] |
|- | |- | ||
− | | [[ | + | |[[image:hair_uncharted2-chloe.jpg]] |
|- | |- | ||
+ | |colspan="2"|Chloe from "Uncharted 2: Among Thieves", on PS3. Maya wireframe (top), in-game screenshots (bottom). Images by [http://www.rd3d.com/ Rich Diamant]. | ||
|} | |} | ||
Line 98: | Line 103: | ||
* [http://udn.epicgames.com/Three/CreatingHairUsingAlpha.html Creating Hair Using Alpha (Gears of War 2)] by Kevin Lanning. [http://www.maxforums.org/threads/artiste_character_modeling_creating_hair_kevin_lanning/0001.aspx Explanation here]. | * [http://udn.epicgames.com/Three/CreatingHairUsingAlpha.html Creating Hair Using Alpha (Gears of War 2)] by Kevin Lanning. [http://www.maxforums.org/threads/artiste_character_modeling_creating_hair_kevin_lanning/0001.aspx Explanation here]. | ||
* [http://www.paultosca.com/varga_hair.html Varga Hair Tutorial] by [http://www.paultosca.com/ Paul Tosca] | * [http://www.paultosca.com/varga_hair.html Varga Hair Tutorial] by [http://www.paultosca.com/ Paul Tosca] | ||
− | * Pandicarus from Dominance War III, fur technique explained by [http://www.squirrelyjones.com Mike 'Squirrely Jones' Voeller]: [[attachment:squirrelyjones_fur.pdf|tutorial PDF (2.6MB)]] | + | * [http://www.polycount.com/forum/showthread.php?p=800117#post800117 Pandicarus from Dominance War III] Polycount forum thread, fur technique explained by [http://www.squirrelyjones.com Mike 'Squirrely Jones' Voeller]: [[attachment:squirrelyjones_fur.pdf|tutorial PDF (2.6MB)]]. |
* [http://www.polycount.com/forum/showthread.php?t=85471 Using Pre-Rendered Fur Tiles for Texturing, with Maya Fur & Photoshop] from the Polycount forum | * [http://www.polycount.com/forum/showthread.php?t=85471 Using Pre-Rendered Fur Tiles for Texturing, with Maya Fur & Photoshop] from the Polycount forum | ||
* [http://gameartisans.org/forums/showthread.php?t=14953 best videogame hair] thread from GameArtisans | * [http://gameartisans.org/forums/showthread.php?t=14953 best videogame hair] thread from GameArtisans |
Revision as of 19:21, 29 October 2014
Hair for in-game rendering can be a tough beast to master. Alpha blending is usually required to get soft feathery edges, but can cause sorting problems. Lighting can also be difficult, so hair is usually rendered using an emissive shader (without any lighting at all). If the hair is being lit, options include bent vertex normals, normal mapping, and anisotropic mapping.
The Harpy and Elite Mount characters from Allods Online. Images by Astrum Nival. |
The hair setup for Dominic Santiago in Gears of War 2, on PC/Xbox360. More pics here, words here]. Images by Epic Games. |
Yuna from Final Fantasy X, on PS2. Images by Square Enix. |
Hair from Final Fantasy 13, on PS3. Images by Square Enix | Screengrab from the PS3 running at 720p. The hair may be using screen-space stipple. Images by Square Enix. |
Alisa Bosconovitch from Tekken 6, on PS3. Images by Namco Bandai Games |
Varga from Dominance War II, in-depth tutorial. Images by Paul Tosca. |
Pandicarus from Dominance War III, fur technique explained in this tutorial PDF (2.6MB) and here in the Polycount thread. Images by Mike 'Squirrely Jones' Voeller. |
Hair from "Shadow of the Colossus" using the "fins & shells" technique, on PS2. Images from the "making of" article, in Japanese, and English (PDF). Images by Sony Computer Entertainment, Inc.. |
Breakdowns of the "fins & shells" technique explained in this CGTalk thread. Images by Jason Falconer. |
Drake from "Uncharted 2: Among Thieves", on PS3. Maya wireframe (top), in-game screenshots (bottom). Images by Rich Diamant. | |
Chloe from "Uncharted 2: Among Thieves", on PS3. Maya wireframe (top), in-game screenshots (bottom). Images by Rich Diamant. |
Hair Technique Links
- Hair Authoring Tools and Techniques Round Up Polycount forum thread
- UDK - Translucent Hair Sorting
- UDK - Anisotropic Lighting
- Shader FX - Fur Shader Youtube video. Shader FX also has a hair shader with anisotropic lighting.
- Best method to create lowpoly hairs? Polycount forum thread
- Low Poly Hair with Gimp and 3ds Max ($) by 'ultramedia'
- Step-by-Step Example of Hair Creation Process in 3ds Max by Athey 'd4m4pma' Moravitz
- Creating Hair Using Alpha (Gears of War 2) by Kevin Lanning. Explanation here.
- Varga Hair Tutorial by Paul Tosca
- Pandicarus from Dominance War III Polycount forum thread, fur technique explained by Mike 'Squirrely Jones' Voeller: tutorial PDF (2.6MB).
- Using Pre-Rendered Fur Tiles for Texturing, with Maya Fur & Photoshop from the Polycount forum
- best videogame hair thread from GameArtisans
- Uncharted 2: Among Thieves art work thread from ZBrushCentral
- Hair Styling: A Teenager’s Dream, An Artist’s Nightmare (3MB PDF) - Bioware's Dragon Age presentation from GDC 2007
- "Shadow of the Colossus" article (PDF, English translation) - Explanation about the "fins & shells" technique.
- ZBrush Tutorial: Bird of Prey
- Tutorial on using curves for long hair by Scythe