Tutorial:HeightMapWithPOVRay(RogerN) - Revision history

Flozi: Flozi moved page Height Map Tutorial to Tutorial:HeightMapWithPOVRay(RogerN)

2014-10-18T21:53:53Z

Flozi moved page Height Map Tutorial to Tutorial:HeightMapWithPOVRay(RogerN)

← Older revision	Revision as of 22:53, 18 October 2014
(No difference)

Flozi: Category:Tutorial

2014-10-18T21:52:04Z

Category:Tutorial

← Older revision		Revision as of 22:52, 18 October 2014
Line 144:		Line 144:
	In the 3D screenshot note that weÃ¢â‚¬â„¢ve added some turbulence (settings were tweaked to get good results) and blurred the results a bit.		In the 3D screenshot note that weÃ¢â‚¬â„¢ve added some turbulence (settings were tweaked to get good results) and blurred the results a bit.

			[[Category:Tutorial]]
	[[Category:Map making]]		[[Category:Map making]]

Flozi: 1cat

2013-03-21T08:34:58Z

1cat

← Older revision		Revision as of 09:34, 21 March 2013
Line 145:		Line 145:

	[[Category:Map making]]		[[Category:Map making]]
	~~[[Category:Guides]]~~

Knorke: Category:Guides

2011-02-18T09:19:52Z

Category:Guides

← Older revision		Revision as of 10:19, 18 February 2011
Line 145:		Line 145:

	[[Category:Map making]]		[[Category:Map making]]
			[[Category:Guides]]

Aegis at 17:56, 31 August 2009

2009-08-31T17:56:27Z

← Older revision		Revision as of 18:56, 31 August 2009
Line 1:		Line 1:
			[[Engine_Development\|Development]] < [[Map_development\|Map Development]] < {{FULLPAGENAME}}


	==Overview==		==Overview==

RogerN: Improving image layout

2007-04-19T01:07:13Z

Improving image layout

← Older revision		Revision as of 02:07, 19 April 2007
Line 17:		Line 17:
	==A Simple Hill==		==A Simple Hill==

			{\|
			\|- valign="top"
			\|
	In this first section of the tutorial weÃ¢â‚¬â„¢ll be creating a height map for a 4x4 Spring map. This means that our height map needs to be 257 x 257 pixels. So, start up GIMP and create a new image by clicking "File > New".		In this first section of the tutorial weÃ¢â‚¬â„¢ll be creating a height map for a 4x4 Spring map. This means that our height map needs to be 257 x 257 pixels. So, start up GIMP and create a new image by clicking "File > New".
			\|[[Image:RogerNTut1_CreateImage.png]]
			\|}

	~~[[Image:RogerNTut1_CreateImage.png]]~~		{\|
			\|- valign="top"
	~~To get our image ready for use, fill the entire image with black. Select black as your foreground color and then use the bucket fill tool to paint the whole thing black.~~		\|

	[[Image:RogerNTut1_BucketFill.png]]		[[Image:RogerNTut1_BucketFill.png]]
			\|To get our image ready for use, fill the entire image with black. Select black as your foreground color and then use the bucket fill tool to paint the whole thing black.
	~~Now we want to create a simple hill in~~ the ~~center of our map~~. ~~Begin by selecting white~~ as your foreground color~~. Next, we want to select~~ the ~~region which is going~~ to be the top ~~of our hill. Activate the lasso tool.~~		\|}
			<br>
			{\|
			\|- valign="top"
			\|
	[[Image:RogerNTut1_Lasso.png]]		[[Image:RogerNTut1_Lasso.png]]
			\|Now we want to create a simple hill in the center of our map. Begin by selecting white as your foreground color. Next, we want to select the region which is going to be the top of our hill. Activate the lasso tool.
			\|}
			<br>
			{\|
			\|- valign="top"
			\|
	Use the lasso tool to outline a region in the center of the height map. This will be the top of our hill. DonÃ¢â‚¬â„¢t make your selection too close to any of the sides because weÃ¢â‚¬â„¢ll need some space around the edges later (the slopes going up our hill need space).		Use the lasso tool to outline a region in the center of the height map. This will be the top of our hill. DonÃ¢â‚¬â„¢t make your selection too close to any of the sides because weÃ¢â‚¬â„¢ll need some space around the edges later (the slopes going up our hill need space).
			\|[[Image:RogerNTut1_SelectRegion.png]]
	[[Image:~~RogerNTut1_SelectedRegion~~.png]]		\|}
			<br>
			{\|
			\|- valign="top"
			\|
	Before we fill our selected region we want to ensure that our hill has gradual slopes (rather than a sheer face). Right-click the image and click "Select > Feather..." WeÃ¢â‚¬â„¢re going to use 30 pixels here to give a very gradual slope.		Before we fill our selected region we want to ensure that our hill has gradual slopes (rather than a sheer face). Right-click the image and click "Select > Feather..." WeÃ¢â‚¬â„¢re going to use 30 pixels here to give a very gradual slope.
			\|[[Image:RogerNTut1_Feather.png]]
	[[Image:RogerNTut1_Feather.png]]		\|}
			<br>
			{\|
			\|- valign="top"
			\|
	Now weÃ¢â‚¬â„¢re ready to draw the hill. Select white as your foreground color. Then right-click the image and click "Edit > Fill with FG color." Now we ought to have a hill in the center of our image with a nice gradient for the slopes.		Now weÃ¢â‚¬â„¢re ready to draw the hill. Select white as your foreground color. Then right-click the image and click "Edit > Fill with FG color." Now we ought to have a hill in the center of our image with a nice gradient for the slopes.
			\|[[Image:RogerNTut1_Feathered.png]]
	[[Image:RogerNTut1_Feathered.png]]		\|}

	Our relatively simple hill is complete for now, so save the image as a bitmap in the same folder as the tutorial files downloaded previously. Right-click the image and click "File > Save as..."		Our relatively simple hill is complete for now, so save the image as a bitmap in the same folder as the tutorial files downloaded previously. Right-click the image and click "File > Save as..."

RogerN: Inserting images

2007-04-19T00:59:08Z

Inserting images

← Older revision		Revision as of 01:59, 19 April 2007
Line 101:		Line 101:
	Now, using the lasso tool, select a roughly triangular region:		Now, using the lasso tool, select a roughly triangular region:

	~~(insert image~~: ~~triangle)~~		[[Image:RogerNTut1_Triangle.png]]

	Next we want to use the gradient tool to fill in our triangular region. First, select the gradient tool.		Next we want to use the gradient tool to fill in our triangular region. First, select the gradient tool.

	~~(insert image~~: ~~gradient)~~		[[Image:RogerNTut1_Gradient.png]]

	Ensure that the foreground color is set to white, and that the background color is set to black. With the gradient tool selected, ensure that the Shape is set to "Shaped (angular)."		Ensure that the foreground color is set to white, and that the background color is set to black. With the gradient tool selected, ensure that the Shape is set to "Shaped (angular)."

	~~(insert image~~: ~~gradient settings)~~		[[Image:RogerNTut1_GradientSettings.png]]

	Click anywhere inside the selected region and drag the mouse a short distance. When you release the mouse button, the gradient tool will fill our selection:		Click anywhere inside the selected region and drag the mouse a short distance. When you release the mouse button, the gradient tool will fill our selection:

	~~(insert image~~: ~~filled triangle)~~		[[Image:RogerNTut1_FilledTriangle.png]]

	By itself this would be a pretty poor (and lonely) mountain, even with turbulence and noise added. But by repeating the process several times (with different shades of gray) we can make a nice mountain range. Use GIMP layers set to Screen in order to overlay mountains effectively.		By itself this would be a pretty poor (and lonely) mountain, even with turbulence and noise added. But by repeating the process several times (with different shades of gray) we can make a nice mountain range. Use GIMP layers set to Screen in order to overlay mountains effectively.

	~~(insert image~~: ~~mount1)~~		[[Image:RogerNTut1_mount1.jpg]]
	~~(insert image~~: ~~mount2)~~
			[[Image:RogerNTut1_mount2.jpg]]

	In the 3D screenshot note that weÃ¢â‚¬â„¢ve added some turbulence (settings were tweaked to get good results) and blurred the results a bit.		In the 3D screenshot note that weÃ¢â‚¬â„¢ve added some turbulence (settings were tweaked to get good results) and blurred the results a bit.

	[[Category:Map making]]		[[Category:Map making]]

RogerN: Inserting images

2007-04-19T00:57:49Z

Inserting images

← Older revision		Revision as of 01:57, 19 April 2007
Line 71:		Line 71:
	Once again, we need to modify some settings near the top of the file. Locate the Spring settings near the top and modify them to match our current project. We need to set the name of our height map file, and the map size:		Once again, we need to modify some settings near the top of the file. Locate the Spring settings near the top and modify them to match our current project. We need to set the name of our height map file, and the map size:

	~~(insert image~~: ~~spring settings 2)~~		[[Image:RogerNTut1_SpringSettings2.png]]

	Immediately below the map size are settings for turbulence and noise. These settings control the style and amount of randomness or distortion that will be added to our height map. The default values ought to work fine. However, feel free to play around with the settings to get results that you like.		Immediately below the map size are settings for turbulence and noise. These settings control the style and amount of randomness or distortion that will be added to our height map. The default values ought to work fine. However, feel free to play around with the settings to get results that you like.
Line 77:		Line 77:
	One important task remains before rendering a new height map. We need to ensure that POV-Ray is set to use the correct resolution! Remember that our height map needs to be 257 x 257 pixels. Use the text box in the POV-Ray tool bar to specify the output resolution:		One important task remains before rendering a new height map. We need to ensure that POV-Ray is set to use the correct resolution! Remember that our height map needs to be 257 x 257 pixels. Use the text box in the POV-Ray tool bar to specify the output resolution:

	~~(insert image~~: ~~override res)~~		[[Image:RogerNTut1_OverrideRes.png]]

	When you click the Run button in the tool bar, you should see a new version of the height map for our simple hill. POV-Ray has taken our original height map as input and added some turbulence to the image:		When you click the Run button in the tool bar, you should see a new version of the height map for our simple hill. POV-Ray has taken our original height map as input and added some turbulence to the image:

	~~(insert image~~: ~~turbulence)~~		[[Image:RogerNTut1_Turbulence.jpg]]

	Note that POV-Ray has saved the new image as "RenderTurbulence.bmp", and has not overwritten our original height map. Also, after applying turbulence in this fashion it is sometimes necessary to apply a small Gaussian blur to smooth out the rough edges (using GIMP, choose "Filters > Blur > Gaussian Blur...", radius 2). If POV-Ray renders the height map in 3D with small holes in some areas then the height map ought to be smoothed / blurred.		Note that POV-Ray has saved the new image as "RenderTurbulence.bmp", and has not overwritten our original height map. Also, after applying turbulence in this fashion it is sometimes necessary to apply a small Gaussian blur to smooth out the rough edges (using GIMP, choose "Filters > Blur > Gaussian Blur...", radius 2). If POV-Ray renders the height map in 3D with small holes in some areas then the height map ought to be smoothed / blurred.
Line 89:		Line 89:
	The new height map looks something like this when rendered in 3D:		The new height map looks something like this when rendered in 3D:

	~~(insert image~~: ~~turbulence 3d)~~		[[Image:RogerNTut1_Turbulence3d.jpg]]

	Not bad! ItÃ¢â‚¬â„¢s definitely more realistic than our first attempt. At this point I recommend that you play around with the various turbulence / noise settings, to see how they affect the results. The default values use only turbulence; be sure to try increasing the NoiseAmplitude.		Not bad! ItÃ¢â‚¬â„¢s definitely more realistic than our first attempt. At this point I recommend that you play around with the various turbulence / noise settings, to see how they affect the results. The default values use only turbulence; be sure to try increasing the NoiseAmplitude.

RogerN: Inserting images

2007-04-19T00:56:40Z

Inserting images

← Older revision		Revision as of 01:56, 19 April 2007
Line 53:		Line 53:
	Change the height map file to match the name of the bitmap we saved in step 1. The next setting, ViewAngle, is fine at the default for now. The altitude settings need to match what weÃ¢â‚¬â„¢ll eventually use for the map compiler Ã¢â‚¬â€œ for now, choose 100 for the min and 500 for the max. Our Spring map size should be set to 4 x 4.		Change the height map file to match the name of the bitmap we saved in step 1. The next setting, ViewAngle, is fine at the default for now. The altitude settings need to match what weÃ¢â‚¬â„¢ll eventually use for the map compiler Ã¢â‚¬â€œ for now, choose 100 for the min and 500 for the max. Our Spring map size should be set to 4 x 4.

	~~(insert image~~: ~~spring settings 1)~~		[[Image:RogerNTut1_SpringSettings1.png]]

	WeÃ¢â‚¬â„¢re almost ready to render the 3D image. The last thing to do is pick the render resolution. Either use the drop-down box in the toolbar to select one of the common resolutions, or use the adjacent text box to type the resolution options directly:		WeÃ¢â‚¬â„¢re almost ready to render the 3D image. The last thing to do is pick the render resolution. Either use the drop-down box in the toolbar to select one of the common resolutions, or use the adjacent text box to type the resolution options directly:

	~~(insert image~~: ~~resolution)~~		[[Image:RogerNTut1_Resolution.png]]


	Now click the Run button on the tool bar. You ought to get a 3D picture of our simple hill.		Now click the Run button on the tool bar. You ought to get a 3D picture of our simple hill.

	~~(insert image~~: ~~simple hill 3d)~~		[[Image:RogerNTut1_SimpleHill3D.jpg]]


	==Making it realistic==		==Making it realistic==

RogerN: Inserting images

2007-04-19T00:55:48Z

Inserting images

← Older revision		Revision as of 01:55, 19 April 2007
Line 19:		Line 19:
	In this first section of the tutorial weÃ¢â‚¬â„¢ll be creating a height map for a 4x4 Spring map. This means that our height map needs to be 257 x 257 pixels. So, start up GIMP and create a new image by clicking "File > New".		In this first section of the tutorial weÃ¢â‚¬â„¢ll be creating a height map for a 4x4 Spring map. This means that our height map needs to be 257 x 257 pixels. So, start up GIMP and create a new image by clicking "File > New".

	~~(insert image~~: ~~CreateImage)~~		[[Image:RogerNTut1_CreateImage.png]]

	To get our image ready for use, fill the entire image with black. Select black as your foreground color and then use the bucket fill tool to paint the whole thing black.		To get our image ready for use, fill the entire image with black. Select black as your foreground color and then use the bucket fill tool to paint the whole thing black.

	~~(insert image~~: ~~BucketFill)~~		[[Image:RogerNTut1_BucketFill.png]]

	Now we want to create a simple hill in the center of our map. Begin by selecting white as your foreground color. Next, we want to select the region which is going to be the top of our hill. Activate the lasso tool.		Now we want to create a simple hill in the center of our map. Begin by selecting white as your foreground color. Next, we want to select the region which is going to be the top of our hill. Activate the lasso tool.

	~~(insert image~~: ~~Lasso Tool)~~		[[Image:RogerNTut1_Lasso.png]]

	Use the lasso tool to outline a region in the center of the height map. This will be the top of our hill. DonÃ¢â‚¬â„¢t make your selection too close to any of the sides because weÃ¢â‚¬â„¢ll need some space around the edges later (the slopes going up our hill need space).		Use the lasso tool to outline a region in the center of the height map. This will be the top of our hill. DonÃ¢â‚¬â„¢t make your selection too close to any of the sides because weÃ¢â‚¬â„¢ll need some space around the edges later (the slopes going up our hill need space).

	~~(insert image~~: ~~selected region)~~		[[Image:RogerNTut1_SelectedRegion.png]]

	Before we fill our selected region we want to ensure that our hill has gradual slopes (rather than a sheer face). Right-click the image and click "Select > Feather..." WeÃ¢â‚¬â„¢re going to use 30 pixels here to give a very gradual slope.		Before we fill our selected region we want to ensure that our hill has gradual slopes (rather than a sheer face). Right-click the image and click "Select > Feather..." WeÃ¢â‚¬â„¢re going to use 30 pixels here to give a very gradual slope.

	~~(insert image~~: ~~feather)~~		[[Image:RogerNTut1_Feather.png]]

	Now weÃ¢â‚¬â„¢re ready to draw the hill. Select white as your foreground color. Then right-click the image and click "Edit > Fill with FG color." Now we ought to have a hill in the center of our image with a nice gradient for the slopes.		Now weÃ¢â‚¬â„¢re ready to draw the hill. Select white as your foreground color. Then right-click the image and click "Edit > Fill with FG color." Now we ought to have a hill in the center of our image with a nice gradient for the slopes.

	~~(insert image~~: ~~feathered)~~		[[Image:RogerNTut1_Feathered.png]]

	Our relatively simple hill is complete for now, so save the image as a bitmap in the same folder as the tutorial files downloaded previously. Right-click the image and click "File > Save as..."		Our relatively simple hill is complete for now, so save the image as a bitmap in the same folder as the tutorial files downloaded previously. Right-click the image and click "File > Save as..."