Parallax Map - Revision history

EricChadwick: /* How To Create */ Shader FX and UDK sites are gone.

2020-06-17T15:27:22Z

‎How To Create: Shader FX and UDK sites are gone.

EricChadwick: /* Methods */

2017-02-13T20:06:19Z

‎Methods

EricChadwick at 20:05, 13 February 2017

2017-02-13T20:05:40Z

EricChadwick: /* Methods */

2017-02-13T20:03:31Z

‎Methods

EricChadwick: /* Methods */

2017-02-13T20:02:56Z

‎Methods

EricChadwick: removing class="wikitable"

2015-11-06T13:22:27Z

removing class="wikitable"

Noors: /* How To Create */

2014-12-01T13:01:23Z

‎How To Create

Noors: /* Uses */

2014-12-01T13:00:01Z

‎Uses

Noors: /* Uses */

2014-11-30T13:31:37Z

‎Uses

Caustic at 13:56, 10 October 2014

2014-10-10T13:56:23Z

@@ Line 84: / Line 84: @@
 # Setup the projection for the low-poly model as usual.
 # In the NormalsMap element in the render to texture dialog activate the checkbox "render height map to alpha channel".
 ----
 [[Category:Texturing]] [[Category:TextureTypes]] [[Category:Bump map]]

← Older revision		Revision as of 20:06, 13 February 2017
Line 29:		Line 29:


−	[http://www.brunoevangelista.com/projects/\|Detailed Surfaces Viewer] by Bruno Evangelista is a demo application that shows multiple methods:	+	[http://www.brunoevangelista.com/projects/ Detailed Surfaces Viewer] by Bruno Evangelista is a demo application that shows multiple methods:

	# Displacement Mapping		# Displacement Mapping

← Older revision		Revision as of 20:05, 13 February 2017
Line 26:		Line 26:
	If anyone is looking for a good rendering cost/visual effect tradeoff, look at iterative parallax, it is probably your best bet. Newer versions of parallax occlusion and cone mapping provide the best visual fidelity. And for the cheapest, parallax mapping is a couple extra instructions and a texture channel, almost negligible nowadays.		If anyone is looking for a good rendering cost/visual effect tradeoff, look at iterative parallax, it is probably your best bet. Newer versions of parallax occlusion and cone mapping provide the best visual fidelity. And for the cheapest, parallax mapping is a couple extra instructions and a texture channel, almost negligible nowadays.

−	The ~~[[#UsageExamples\|~~staircases in Mass Effect]] probably have a specific parallax shader written for them; a generic parallax mapping solution would probably not give as believable an effect.	+	The staircases in Mass Effect (see below) probably have a specific parallax shader written for them; a generic parallax mapping solution would probably not give as believable an effect.

@@ Line 29: / Line 29: @@
-[[http://www.brunoevangelista.com/projects/|Detailed Surfaces Viewer]] by Bruno Evangelista is a demo application that shows multiple methods:
+[http://www.brunoevangelista.com/projects/|Detailed Surfaces Viewer] by Bruno Evangelista is a demo application that shows multiple methods:
-. Displacement Mapping
+# Displacement Mapping
-. Normal Mapping
+# Normal Mapping
-. Offset Parallax Mapping
+# Offset Parallax Mapping
-. Relief Mapping
+# Relief Mapping
-. Parallax Occlusion Mapping
+# Parallax Occlusion Mapping
-. Cone Step Mapping
+# Cone Step Mapping
-. Multi-Layer Cone Step Mapping
+# Multi-Layer Cone Step Mapping
-. Sphere Tracing (Per-Pixel Displacement Mapping with Distance Functions)
+# Sphere Tracing (Per-Pixel Displacement Mapping with Distance Functions)
 == Uses ==

@@ Line 29: / Line 29: @@
 [[http://www.brunoevangelista.com/projects/|Detailed Surfaces Viewer]] by Bruno Evangelista is a demo application that shows multiple methods:
@@ Line 40: / Line 39: @@
 . Multi-Layer Cone Step Mapping
 . Sphere Tracing (Per-Pixel Displacement Mapping with Distance Functions)
 == Uses ==

@@ Line 54: / Line 54: @@
 Mass Effect uses parallax in an interesting way, to create stairs as a parallax indentation on what is basically just a flat plane.
-{| class="wikitable"
+{| border="1"
 |[[image:masseffect_20070301_screen005.jpg|thumb|400px|none]]
 |[[image:oblivion_parallax_06B.jpg|thumb|400px|none]]

@@ Line 69: / Line 69: @@
 == How To Create ==
-=== [[CrazyBump]] ===
+=== CrazyBump ===
 Using [http://www.crazybump.com CrazyBump] to generate a parallax map from a normal map:

@@ Line 54: / Line 54: @@
 Mass Effect uses parallax in an interesting way, to create stairs as a parallax indentation on what is basically just a flat plane.
-{| class "wikitable"
+{| class="wikitable"
-| [[image:masseffect_20070301_screen005.jpg]]
+|[[image:masseffect_20070301_screen005.jpg|thumb|400px|none]]
 |-
-| A parallax-mapped staircase in Mass Effect.<br><span style="font-size: smaller">Image by [http://www.bioware.com/ BioWare]</span>
+|A parallax-mapped staircase in Mass Effect.<br><span style="font-size: smaller">Image by [http://www.bioware.com/ BioWare]</span>
-|}
+|Parallax-mapped walls in The Elder Scrolls IV: Oblivion.<br><span style="font-size: smaller">Image by [http://www.bethsoft.com/ Bethesda Softworks]</span>
-−
-{| class "wikitable"
-| [[attachment:crysis_parallax_occlusion_mapping.jpg|Media:ParallaxMap/attachments/crysis_parallax_occlusion_mapping.jpg|attachment:crysis_parallax_occlusion_mapping.jpg|width="600"}}
 |-
-| Parallax occlusion mapping in Crysis<br><span style="font-size: smaller">Image by [http://www.crytek.com/ Crytek]</span>
+|[[image:crysis_parallax_occlusion_mapping.jpg|thumb|400px|none]]
 |}

← Older revision		Revision as of 13:56, 10 October 2014
Line 1:		Line 1:
−	~~__NOTOC__~~	+	= Parallax Map =
−	<!-- #~~REDIRECT~~ [[~~ParallaxMap~~]] -->	+	Parallax mapping is a technique for real-time approximation of displacement mapping, sometimes called "virtual displacement mapping." Each pixel's texture coordinates are adjusted at render-time to create an illusion of depth as the viewer's eye moves across a scene.
		+
		+	The virtue of parallax mapping is efficiency. It is the cheapest real-time technique for displacement mapping. The drawback is image quality. Parallax mapping doesn't look as nice as more expensive techniques such as "parallax occlusion mapping" and "relief mapping", see [[#Methods\|Methods]] below. Those techniques are similar to parallax mapping, but provide better image quality at a cost of additional texture lookups.
		+
		+	Parallax mapping uses a grayscale heightmap. Exactly where it goes will depend on your specific game engine, but it's pretty common to put it in the alpha channel of the normal map. Check the documentation for your engine to make sure.
		+
		+	See the Polycount thread [http://www.polycount.com/forum/showthread.php?t=53229 The ultimate be-all end-all Parallax mapping thread].
		+
		+	<span id="Methods"></span>
		+
		+	== Methods ==
		+	There are more than a half-dozen versions of parallax mapping:
		+
		+	* Offset, and offset with limiting (both are your basic parallax)
		+	* Parallax occlusion
		+	* Relief
		+	* Cone step
		+	* Steep parallax
		+	* Pyramidal displacement
		+	* Iterative parallax
		+	* etc.
		+
		+	All except offset and iterative use more advanced rendering calls, only now becoming feasible on current-gen hardware.
		+
		+	If anyone is looking for a good rendering cost/visual effect tradeoff, look at iterative parallax, it is probably your best bet. Newer versions of parallax occlusion and cone mapping provide the best visual fidelity. And for the cheapest, parallax mapping is a couple extra instructions and a texture channel, almost negligible nowadays.
		+
		+	The [[#UsageExamples\|staircases in Mass Effect]] probably have a specific parallax shader written for them; a generic parallax mapping solution would probably not give as believable an effect.
		+
		+
		+	<pre><nowiki>#!wiki dotted
		+	[[http://www.brunoevangelista.com/projects/\|Detailed Surfaces Viewer]] by Bruno Evangelista is a demo application that shows multiple methods:
		+
		+	1. Displacement Mapping
		+	1. Normal Mapping
		+	1. Offset Parallax Mapping
		+	1. Relief Mapping
		+	1. Parallax Occlusion Mapping
		+	1. Cone Step Mapping
		+	1. Multi-Layer Cone Step Mapping
		+	1. Sphere Tracing (Per-Pixel Displacement Mapping with Distance Functions)
		+	</nowiki></pre>
		+
		+
		+	<span id="Uses"></span>
		+
		+	== Uses ==
		+	As a rule, parallax mapping looks good on walls and floors. Any mesh with a relatively large surface viewed from non-oblique angles could be a decent candidate for parallax mapping. Parallax works well for smooth curves, like rocks and carvings. It's not good for steep edges, because of the distortion.
		+
		+	In your heightmap, try to avoid sharp/steep edges and tall high-frequency details. Those can cause texture-stretching and rendering artifacts.
		+
		+	Use sparingly on any surface that is not relatively large. Be especially careful where the edges of a mesh are visible. Parallax mapping doesn't extend past the visible edges of a mesh. That can look weird. You may want to augment your parallax map with actual geometry at visible edges. (eg. bricks on the corner of a building might use actual geometry while the other bricks can be created by parallax mapping.)
		+
		+	Mass Effect uses parallax in an interesting way, to create stairs as a parallax indentation on what is basically just a flat plane.
		+
		+	<<Anchor([[UsageExamples]])>>
		+	{\| border="1" cellpadding="2" cellspacing="0"
		+	\| [[attachment:masseffect_20070301_screen005.jpg\|Media:ParallaxMap/attachments/masseffect_20070301_screen005.jpg\|attachment:masseffect_20070301_screen005.jpg\|width="600"}}
		+	\|-
		+	\| A parallax-mapped staircase in Mass Effect.<<BR>><span style="font-size: smaller">Image by [http://www.bioware.com/ BioWare]</span>
		+	\|}
		+
		+	{\| border="1" cellpadding="2" cellspacing="0"
		+	\| [[attachment:crysis_parallax_occlusion_mapping.jpg\|Media:ParallaxMap/attachments/crysis_parallax_occlusion_mapping.jpg\|attachment:crysis_parallax_occlusion_mapping.jpg\|width="600"}}
		+	\|-
		+	\| Parallax occlusion mapping in Crysis<<BR>><span style="font-size: smaller">Image by [http://www.crytek.com/ Crytek]</span>
		+	\|}
		+
		+	<<Anchor([[HowToCreate]])>>
		+
		+	== How To Create ==
		+	=== [[CrazyBump]] ===
		+	Using [http://www.crazybump.com CrazyBump] to generate a parallax map from a normal map:
		+
		+	# If necessary, grab the CrazyBump demo from www.crazybump.com
		+	# Make sure that CrazyBump's axis orientation preferences are set correctly for your normal map.
		+	# Open your normal map in CrazyBump.
		+	# Make sure that "parallax displacement" is turned on in CrazyBump's preview window.
		+	# Select the "displacement" tab from CrazyBump's user interface.
		+	# Adjust the "displacement map" sliders until your model has the desired appearance.
		+	# If you notice shimmering artifacts, try increasing the "soften" slider.
		+	# You're all done! Save the displacement map, and use it for parallax in your game engine.
		+	# If your engine expects height in the alpha channel of the normal map, CrazyBump has a toggle for that on the preferences page. Just turn on the setting, open your normal map, and re-save it.
		+
		+	CrazyBump can also generate a parallax map from a photograph.
		+
		+	=== 3ds Max ===
		+	Use 3ds Max ''Render To Texture'' to bake from high-poly geometry.
		+
		+	# Setup the projection for the low-poly model as usual.
		+	# In the NormalsMap element in the render to texture dialog activate the checkbox "render height map to alpha channel".
		+
		+	=== Shader FX ===
		+	[http://www.lumonix.net/shaderfx.html Shader FX] supports relief mapping [http://www.lumonix.net/Media/ShaderFX_ReliefMappingDemo.html real-time in the 3ds Max viewport].
		+
		+	=== Unreal Development Kit ===
		+	[http://aaronjclifford.com/images/tutorials/prallaxBakingDemonstration.jpg Parallax Baking Demonstration]
		+
		+	----
		+	[[Category:Texturing]] [[Category:TextureTypes]] [[Category:Bump map]]