Spiral Staircases - Revision history

Petike: updating article

2019-10-23T23:21:35Z

updating article

← Older revision		Revision as of 23:21, 23 October 2019
Line 1:		Line 1:
	{{Original_Reference\|bikerdude\|125}}		{{Original_Reference\|bikerdude\|125}}
	== The aim of this tutorial is to show a mapper 3 different ways to create a spiral staircase ==		The aim of this tutorial is to show a mapper 3 different ways to create a spiral staircase.

	==== A tutorial by R Soul ====		== A tutorial by R Soul ==

	You can also find the tutorial and information on it in [http://forums.thedarkmod.com/topic/19024-spiral-stairs-tutorial/ this thread].		You can also find the tutorial and information on it in [http://forums.thedarkmod.com/topic/19024-spiral-stairs-tutorial/ this thread].
Line 67:		Line 67:
	You may find the stair texture is very repetitive, almost like a hall of mirrors effect, because the same features (a knot in a plank, or a crack in stone) repeats for every step. Some manual texture adjustment may be necessary to make it less obvious.		You may find the stair texture is very repetitive, almost like a hall of mirrors effect, because the same features (a knot in a plank, or a crack in stone) repeats for every step. Some manual texture adjustment may be necessary to make it less obvious.

	==== A tutorial by AluminumHaste ====		== A tutorial by AluminumHaste ==

	I still prefer this method as it allows you to have perfectly aligned steps with no z fighting.		I still prefer this method as it allows you to have perfectly aligned steps with no z fighting.
Line 114:		Line 114:


	==== A tutorial by Sotha ====		== A tutorial by Sotha ==
	===== Step 1 =====		===== Step 1 =====
	choose sizes. Pay attention to the fact that the staircase must go down so that right handed swordman has an advantage defending the staircase (easy to make it go the wrong direction).		choose sizes. Pay attention to the fact that the staircase must go down so that right handed swordman has an advantage defending the staircase (easy to make it go the wrong direction).

Petike: /* A tutorial by R Soul */ adding a useful link

2018-11-21T20:03:36Z

A tutorial by R Soul: adding a useful link

← Older revision		Revision as of 20:03, 21 November 2018
Line 3:		Line 3:

	==== A tutorial by R Soul ====		==== A tutorial by R Soul ====

			You can also find the tutorial and information on it in [http://forums.thedarkmod.com/topic/19024-spiral-stairs-tutorial/ this thread].

	===== Step 1 =====		===== Step 1 =====
	Create a hollow cylinder to form the inside of the tower. That could be an empty cuboid with patches to make the curved walls, or a prism brush with many sides. If the outside of the tower should also be visible, you can use the technique in this video:		Create a hollow cylinder to form the inside of the tower. That could be an empty cuboid with patches to make the curved walls, or a prism brush with many sides. If the outside of the tower should also be visible, you can use the technique in this video:
Line 63:		Line 66:

	You may find the stair texture is very repetitive, almost like a hall of mirrors effect, because the same features (a knot in a plank, or a crack in stone) repeats for every step. Some manual texture adjustment may be necessary to make it less obvious.		You may find the stair texture is very repetitive, almost like a hall of mirrors effect, because the same features (a knot in a plank, or a crack in stone) repeats for every step. Some manual texture adjustment may be necessary to make it less obvious.


	==== A tutorial by AluminumHaste ====		==== A tutorial by AluminumHaste ====

Petike: adding category tag

2018-11-21T15:47:22Z

adding category tag

← Older revision		Revision as of 15:47, 21 November 2018
Line 143:		Line 143:
	[[Category:Editing]]		[[Category:Editing]]
	[[Category:Tutorial]]		[[Category:Tutorial]]
			[[Category:Mapping Tutorials]]

AluminumHaste at 19:32, 15 September 2017

2017-09-15T19:32:39Z

← Older revision		Revision as of 19:32, 15 September 2017
Line 65:		Line 65:


	==== A tutorial by ~~Aluminum Haste~~ ====		==== A tutorial by AluminumHaste ====

	I still prefer this method as it allows you to have perfectly aligned steps with no z fighting.		I still prefer this method as it allows you to have perfectly aligned steps with no z fighting.
Line 72:		Line 72:
	Draw out a 192x192 brush		Draw out a 192x192 brush

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-42510600-~~1501591998_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-42510600-1501591998.jpg

	===== Step 2 =====		===== Step 2 =====
	With the top down view active, go to Patch->Create Bevel		With the top down view active, go to Patch->Create Bevel

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-74360000-~~1501593840_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-74360000-1501593840.jpg

	===== Step 3 =====		===== Step 3 =====
	Delete the brush. Open Patch Inspector, set subdivisions to 8.		Delete the brush. Open Patch Inspector, set subdivisions to 8.

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-72811600-~~1501594232_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-72811600-1501594232.jpg

	===== Step 4 =====		===== Step 4 =====
	Copy the patch, shrink it down to 64x64 and invert it.		Copy the patch, shrink it down to 64x64 and invert it.

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-58152900-~~1501594313_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-58152900-1501594313.jpg

	===== Step 5 =====		===== Step 5 =====
	Draw out a brush from top to bottom, set grid size to 1 (1 on my keyboard). Switch to clipper tool and set clip points to align with the patch:		Draw out a brush from top to bottom, set grid size to 1 (1 on my keyboard). Switch to clipper tool and set clip points to align with the patch:

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-05281200-~~1501594401_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-05281200-1501594401.jpg

	===== Step 6 =====		===== Step 6 =====
	Do the same but clip from bottom to top, again setting the clipper point on the grid where the patch meets:		Do the same but clip from bottom to top, again setting the clipper point on the grid where the patch meets:

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-37833800-~~1501594454_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-37833800-1501594454.jpg

	===== Step 7 =====		===== Step 7 =====
	Continue clipping on grid points that match with the patch		Continue clipping on grid points that match with the patch

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-03096600-~~1501594508_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-03096600-1501594508.jpg

	===== Step 8 =====		===== Step 8 =====
	Rinse and repeat for each step until you get to the end of the patch curve:		Rinse and repeat for each step until you get to the end of the patch curve:

	http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-06407900-~~1501594855_thumb~~.jpg		http://forums.thedarkmod.com/uploads/monthly_08_2017/post-529-0-06407900-1501594855.jpg

	Since these are aligned to grid 1, I would convert them to func_static when moving them around, then revert to worldspawn just before dmapping, to avoid vertex drift (if that's still a thing)		Since these are aligned to grid 1, I would convert them to func_static when moving them around, then revert to worldspawn just before dmapping, to avoid vertex drift (if that's still a thing)

Bikerdude: /* Summary */

2017-08-02T15:03:00Z

Summary

Show changes

Bikerdude at 14:39, 2 August 2017

2017-08-02T14:39:04Z

Show changes

Frank: Fixed a broken button image link.

2010-02-21T16:28:04Z

Fixed a broken button image link.

← Older revision		Revision as of 16:28, 21 February 2010
Line 34:		Line 34:
	[[Image:invert.jpg]]		[[Image:invert.jpg]]

	By this point you should have one corner of your future tower done. To finish the rest all you need to do is select your bevel, copy it, paste it (ctrl-c to copy and ctrl-v to paste, get used to using this), and rotate it on the ~~http~~:~~//users.chartertn.net/greymatt/tutorial/z_rotate_key~~.jpg Z-axis like you did before. Do it 4 times and you should have the outer wall of your tower.		By this point you should have one corner of your future tower done. To finish the rest all you need to do is select your bevel, copy it, paste it (ctrl-c to copy and ctrl-v to paste, get used to using this), and rotate it on the [[Image:Z_rotate_key.jpg]] Z-axis like you did before. Do it 4 times and you should have the outer wall of your tower.

	http://users.chartertn.net/greymatt/tutorial/outer_wall.jpg		http://users.chartertn.net/greymatt/tutorial/outer_wall.jpg

Greebo: removed missing image tag

2008-08-19T08:35:09Z

removed missing image tag

← Older revision		Revision as of 08:35, 19 August 2008
Line 1:		Line 1:
	~~{{missing-image}}~~ {{Original_Reference\|Renzatic\|125}}		{{Original_Reference\|Renzatic\|125}}

	== Basic Room Geometry ==		== Basic Room Geometry ==

SneaksieDave: Added note to clarify that trimming is an optional step.

2008-08-18T20:45:52Z

Added note to clarify that trimming is an optional step.

← Older revision		Revision as of 20:45, 18 August 2008
Line 89:		Line 89:
	http://users.chartertn.net/greymatt/tutorial/cut3.jpg		http://users.chartertn.net/greymatt/tutorial/cut3.jpg

	...and there you have it. The first 8 steps of your stairway. We're not quite through yet, we've still got to trim off the edges that are sticking out beyond the wall to make it all nice and t-i-i-i-ight and purdy.		...and there you have it. The first 8 steps of your stairway. We're not quite through yet, we've still got to trim off the edges that are sticking out beyond the wall to make it all nice and t-i-i-i-ight and purdy. ['''Note:''' the trimming step is optional, depending on mapper preference. It can help things look more tidy, but requires extra steps and can add complexity to the resulting BSP. Regardless of preference, the map compiler will automatically trim away unseen, unneeded surfaces.]

	Now your old brush is now 8 new brushes, and you'll want to treat them as such. Select the first step and fire up the http://users.chartertn.net/greymatt/tutorial/cutting.jpg clipper yet again. Now it's time to trim the edges. Put your cutting points along the line that it meets the cylinder and cut off the bit that pokes into. Go to a smaller grid if you have to make it line up right, and doing a clip/flip if you're cutting the wrong section...and remember that undo is your friend if you screw up.		Now your old brush is now 8 new brushes, and you'll want to treat them as such. Select the first step and fire up the http://users.chartertn.net/greymatt/tutorial/cutting.jpg clipper yet again. Now it's time to trim the edges. Put your cutting points along the line that it meets the cylinder and cut off the bit that pokes into. Go to a smaller grid if you have to make it line up right, and doing a clip/flip if you're cutting the wrong section...and remember that undo is your friend if you screw up.

Crispy: uploaded first few images to wiki

2008-08-17T01:43:44Z

uploaded first few images to wiki

← Older revision		Revision as of 01:43, 17 August 2008
Line 2:		Line 2:

	== Basic Room Geometry ==		== Basic Room Geometry ==
	Okay, let's start out with the basics here. Choose the caulk texture (located in textures/textures/common from your media tab, more on this later) and make a brush that's 256x256x320 (4x4 big grids on the overhead map), and while selected hit the ~~http~~:~~//users.chartertn.net/greymatt/tutorial/button_hollow~~.jpg hollow button. The end results should look like this...		Okay, let's start out with the basics here. Choose the caulk texture (located in textures/textures/common from your media tab, more on this later) and make a brush that's 256x256x320 (4x4 big grids on the overhead map), and while selected hit the [[Image:Button_hollow.jpg]] hollow button. The end results should look like this...

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/hollowed_room~~.jpg		[[Image:Hollowed_room.jpg]]

	This will be the foundation of your tower. You want the solid brushes as your backing to prevent BSP holes, even though you can't walk through them the engine considers the patches you're gonna make as nonsolids.		This will be the foundation of your tower. You want the solid brushes as your backing to prevent BSP holes, even though you can't walk through them the engine considers the patches you're gonna make as nonsolids.
Line 10:		Line 10:
	Now we're getting to the fun part: Patches. make a brush that's 128x128x320 and fit it in the corner of your tower like wah:		Now we're getting to the fun part: Patches. make a brush that's 128x128x320 and fit it in the corner of your tower like wah:

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/corner_brush~~.jpg		[[Image:Corner_brush.jpg]]

	This will give you the basic outline of where your bevel is gonna be. So, while still keeping the brush selected, go to your patch menu and select Bevel.		This will give you the basic outline of where your bevel is gonna be. So, while still keeping the brush selected, go to your patch menu and select Bevel.

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/patch_menu~~.jpg		[[Image:Patch_menu.jpg]]

	The end result should look something like this...		The end result should look something like this...

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/bevel~~.jpg		[[Image:Bevel.jpg]]

	Wow, what a nice curve! Too bad it's facing the wrong way, huh? Guess we'll need to fix that....here's how you do it:		Wow, what a nice curve! Too bad it's facing the wrong way, huh? Guess we'll need to fix that....here's how you do it:

	Select your newly created bevel, and hit the ~~http~~:~~//users.chartertn.net/greymatt/tutorial/z_rotate_key~~.jpg Z axis rotation Key until you get it where you want it...		Select your newly created bevel, and hit the [[Image:Z_rotate_key.jpg]] Z axis rotation Key until you get it where you want it...

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/rotated_bevel~~.jpg		[[Image:Rotated_bevel.jpg]]

	You'll want the ends to line up with the edges of where your original brush was as well, overlapping is generally something you'll want to avoid so get in the habit of making sure everything is aligned properly. If you find that your bevel is a bit larger than what it should be, simply push the ends and resize it til it fits where you want it to go. It should meet up with the center like...		You'll want the ends to line up with the edges of where your original brush was as well, overlapping is generally something you'll want to avoid so get in the habit of making sure everything is aligned properly. If you find that your bevel is a bit larger than what it should be, simply push the ends and resize it til it fits where you want it to go. It should meet up with the center like...

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/aligned_bevel~~.jpg		[[Image:Aligned_bevel.jpg]]

	Now this'll be the moment that you notice that patches are all one sided...you can see the foundation wall through the mesh. This is an easy problem to fix, all you need to do is go to your patch menu, matrix, and select invert...like so...		Now this'll be the moment that you notice that patches are all one sided...you can see the foundation wall through the mesh. This is an easy problem to fix, all you need to do is go to your patch menu, matrix, and select invert...like so...

	~~http~~:~~//users.chartertn.net/greymatt/tutorial/~~invert.jpg		[[Image:invert.jpg]]

	By this point you should have one corner of your future tower done. To finish the rest all you need to do is select your bevel, copy it, paste it (ctrl-c to copy and ctrl-v to paste, get used to using this), and rotate it on the http://users.chartertn.net/greymatt/tutorial/z_rotate_key.jpg Z-axis like you did before. Do it 4 times and you should have the outer wall of your tower.		By this point you should have one corner of your future tower done. To finish the rest all you need to do is select your bevel, copy it, paste it (ctrl-c to copy and ctrl-v to paste, get used to using this), and rotate it on the http://users.chartertn.net/greymatt/tutorial/z_rotate_key.jpg Z-axis like you did before. Do it 4 times and you should have the outer wall of your tower.