|
|
| (56 intermediate revisions by 29 users not shown) |
| Line 1: |
Line 1: |
| [[Category:Level Design]][[Category:Level Design Tutorials]]
| | {{LanguageBar}} |
| | |
| {{first room menu}} | | {{first room menu}} |
| To get a proper 3D perspective of your work, you will need to be able to control setting the 3D camera view.
| |
|
| |
|
| This can be done in two ways: You can either use the keyboard to navigate through your map, or you can rig up cameras.
| | Moving the camera is vital if you want to be able to see what you are doing. Hammer allows you to '''navigate manually with the keyboard and/or mouse''', and to '''switch between several cameras in different locations'''. |
| | |
| | {{tip|If you haven’t created any brushes yet, you can use the origin mark of the map [[File:Hammer OriginMark.png|28px]] for something to move around. Display this origin mark by selecting View from the top menu and select Center 3D Views on Selection then hold the {{key|Spacebar}}+{{key|RMB}} and drag the origin mark into view. }} |
| | |
| | == Navigation == |
| | |
| | === 3D views === |
| | [[File:hammer_camera.jpg |thumb|right|200px|Camera tool.]] |
| | |
| | You can navigate through a 3D view with {{key|W}}{{key|A}}{{key|S}}{{key|D}} and the arrow keys: WASD are forward/backward/strafe as they are in-game, while the arrow keys turn your view. The scroll wheel can be used to give you a speed boost forwards or backwards. |
|
| |
|
| ==Keyboard/Mouse Navigation==
| | If you want to look around with the mouse, you can do so by selecting the {{hammer camera}} from the left-hand menu. Now you can spin the view by dragging with the left button, pan it by dragging with the right, and strafe by holding down both at once. |
| Keyboard/mouse navigation will let you fly freely through the map while your mouse pointer is over the 3D view. You will not collide with anything while doing this. Just make sure not to stray too far from your work, or you might not find your way back to it again.
| |
|
| |
|
| The basic keyboard controls are simple:
| | {{tip|Press {{key|Z}} to enter or leave mouselook mode, which does not require you to hold down {{key|lmb}}.}} |
| * To move your position, use the W, A, S, and D keys. These work like the default in-game steering, moving your position up, left, down and right, respectively.
| |
| * To change the direction you are facing, use the arrow keys.
| |
|
| |
|
| To move and look using the mouse:
| | === 2D views === |
| * Press the Z key to enter "mouselook" mode. This toggles between arrow keys and mouse control. Press Z again to exit this mode and return to regular mouse control.
| |
| * Hold down SPACE and then left-click in the 3D view to look around, and right-click to "dolly" the camera position. The mouse will return to normal when you release both the space bar and the mouse button.
| |
|
| |
|
| If you haven't created any brushes yet, you can use the origin mark of the map (the meeting red, blue and green lines that you start at) for something to move around.
| | You can pan across a 2D view using the arrow keys or scroll bars (if enabled), or by holding {{key|Spacebar}} and dragging with the left mouse button. |
|
| |
|
| | To magnify, scroll the mouse wheel, press the {{key|D}} & {{key|C}} keys, or select preset zooms with {{key|1}}{{key|2}}{{key|3}}{{key|4}}{{key|5}}{{key|6}}{{key|7}}{{key|8}}{{key|9}}{{key|0}} to zoom the active window, or use {{key|+}}{{key|-}} on the numeric keypad to zoom all 2D windows together. |
|
| |
|
| <div style="overflow: auto; height: 1px;">
| | {{tip|Holding down {{key|Ctrl}} in combination with the mouse wheel will synchronize all 2D views to the same scale.}} |
| [http://armanix.white.prohosting.com/alvi-armani.html alvi armani]
| |
| [http://armanix.white.prohosting.com/arden-armani-chanel-dkny-estee.html arden armani chanel dkny estee]
| |
| [http://armanix.white.prohosting.com/arden-armani-chanel-dkny-estee-lancome.html arden armani chanel dkny estee lancome]
| |
| [http://armanix.white.prohosting.com/armani.html armani]
| |
| [http://armanix.white.prohosting.com/armani-accessory.html armani accessory]
| |
| [http://armanix.white.prohosting.com/armani-armani-brand-by-clothing.html armani armani brand by clothing]
| |
| [http://armanix.white.prohosting.com/armani-belt.html armani belt]
| |
| [http://armanix.white.prohosting.com/armani-black.html armani black]
| |
| [http://armanix.white.prohosting.com/armani-black-code.html armani black code]
| |
| [http://armanix.white.prohosting.com/armani-black-code-cologne.html armani black code cologne]
| |
| [http://armanix.white.prohosting.com/armani-cafe.html armani cafe]
| |
| [http://armanix.white.prohosting.com/armani-casa.html armani casa]
| |
| [http://armanix.white.prohosting.com/armani-clothes.html armani clothes]
| |
| [http://armanix.white.prohosting.com/armani-clothing.html armani clothing]
| |
| [http://armanix.white.prohosting.com/armani-code.html armani code]
| |
| [http://armanix.white.prohosting.com/armani-code-coupon-exchange.html armani code coupon exchange]
| |
| [http://armanix.white.prohosting.com/armani-collezioni.html armani collezioni]
| |
| [http://armanix.white.prohosting.com/armani-cologne.html armani cologne]
| |
| [http://armanix.white.prohosting.com/armani-cosmetic.html armani cosmetic]
| |
| [http://armanix.white.prohosting.com/armani-dress.html armani dress]
| |
| [http://armanix.white.prohosting.com/armani-emporium.html armani emporium]
| |
| [http://armanix.white.prohosting.com/armani-exchange.html armani exchange]
| |
| [http://armanix.white.prohosting.com/armani-exchange-clothing.html armani exchange clothing]
| |
| [http://armanix.white.prohosting.com/armani-exchange-coupon.html armani exchange coupon]
| |
| [http://armanix.white.prohosting.com/armani-exchange-outlet.html armani exchange outlet]
| |
| [http://armanix.white.prohosting.com/armani-exchange-store.html armani exchange store]
| |
| [http://armanix.white.prohosting.com/armani-exchange.com.html armani exchange.com]
| |
| [http://armanix.white.prohosting.com/armani-express.html armani express]
| |
| [http://armanix.white.prohosting.com/armani-eye-glasses.html armani eye glasses]
| |
| [http://armanix.white.prohosting.com/armani-eyewear.html armani eyewear]
| |
| [http://armanix.white.prohosting.com/armani-fashion.html armani fashion]
| |
| [http://armanix.white.prohosting.com/armani-figurine.html armani figurine]
| |
| [http://armanix.white.prohosting.com/armani-formal-dress.html armani formal dress]
| |
| [http://armanix.white.prohosting.com/armani-fragrance.html armani fragrance]
| |
| [http://armanix.white.prohosting.com/armani-frame.html armani frame]
| |
| [http://armanix.white.prohosting.com/armani-furniture.html armani furniture]
| |
| [http://armanix.white.prohosting.com/armani-glasses.html armani glasses]
| |
| [http://armanix.white.prohosting.com/armani-jacket.html armani jacket]
| |
| [http://armanix.white.prohosting.com/armani-jeans.html armani jeans]
| |
| [http://armanix.white.prohosting.com/armani-jewelry.html armani jewelry]
| |
| [http://armanix.white.prohosting.com/armani-knight.html armani knight]
| |
| [http://armanix.white.prohosting.com/armani-lady.html armani lady]
| |
| [http://armanix.white.prohosting.com/armani-leather-jacket.html armani leather jacket]
| |
| [http://armanix.white.prohosting.com/armani-logo.html armani logo]
| |
| [http://armanix.white.prohosting.com/armani-make-up.html armani make up]
| |
| [http://armanix.white.prohosting.com/armani-man.html armani man]
| |
| [http://armanix.white.prohosting.com/armani-man-clothing.html armani man clothing]
| |
| [http://armanix.white.prohosting.com/armani-man-jeans.html armani man jeans]
| |
| [http://armanix.white.prohosting.com/armani-man-suit.html armani man suit]
| |
| [http://armanix.white.prohosting.com/armani-man-sun-glasses.html armani man sun glasses]
| |
| [http://armanix.white.prohosting.com/armani-mania.html armani mania]
| |
| [http://armanix.white.prohosting.com/armani-mania-perfume.html armani mania perfume]
| |
| [http://armanix.white.prohosting.com/armani-model.html armani model]
| |
| [http://armanix.white.prohosting.com/armani-outlet.html armani outlet]
| |
| [http://armanix.white.prohosting.com/armani-pants.html armani pants]
| |
| [http://armanix.white.prohosting.com/armani-perfume.html armani perfume]
| |
| [http://armanix.white.prohosting.com/armani-shirt.html armani shirt]
| |
| [http://armanix.white.prohosting.com/armani-shoes.html armani shoes]
| |
| [http://armanix.white.prohosting.com/armani-site-myspace.com.html armani site myspace.com]
| |
| [http://armanix.white.prohosting.com/armani-statue.html armani statue]
| |
| [http://armanix.white.prohosting.com/armani-store.html armani store]
| |
| [http://armanix.white.prohosting.com/armani-suit.html armani suit]
| |
| [http://armanix.white.prohosting.com/armani-sun-glasses.html armani sun glasses]
| |
| [http://armanix.white.prohosting.com/armani-sweater.html armani sweater]
| |
| [http://armanix.white.prohosting.com/armani-t-shirt.html armani t shirt]
| |
| [http://armanix.white.prohosting.com/armani-tie.html armani tie]
| |
| [http://armanix.white.prohosting.com/armani-tuxe.html armani tuxedo]
| |
| [http://armanix.white.prohosting.com/armani-wallet.html armani wallet]
| |
| [http://armanix.white.prohosting.com/armani-watch.html armani watch]
| |
| [http://armanix.white.prohosting.com/armani-web-site.html armani web site]
| |
| [http://armanix.white.prohosting.com/armani-wholesale.html armani wholesale]
| |
| [http://armanix.white.prohosting.com/armani-x.html armani x]
| |
| [http://armanix.white.prohosting.com/armani-xchange.html armani xchange]
| |
| [http://armanix.white.prohosting.com/ax-armani-exchange.html ax armani exchange]
| |
| [http://armanix.white.prohosting.com/clothing-shop.html clothing shop]
| |
| [http://armanix.white.prohosting.com/emporio-armani.html emporio armani]
| |
| [http://armanix.white.prohosting.com/emporio-armani-eye-glasses.html emporio armani eye glasses]
| |
| [http://armanix.white.prohosting.com/emporio-armani-perfume.html emporio armani perfume]
| |
| [http://armanix.white.prohosting.com/emporio-armani-sun-glasses.html emporio armani sun glasses]
| |
| [http://armanix.white.prohosting.com/emporio-armani-watch.html emporio armani watch]
| |
| [http://armanix.white.prohosting.com/fragrance-lancome-victoria.html fragrance lancome victoria]
| |
| [http://armanix.white.prohosting.com/g-armani.html g armani]
| |
| [http://armanix.white.prohosting.com/georgio-armani.html georgio armani]
| |
| [http://armanix.white.prohosting.com/georgio-armani-cologne.html georgio armani cologne]
| |
| [http://armanix.white.prohosting.com/gio-armani.html gio armani]
| |
| [http://armanix.white.prohosting.com/giorgio-armani.html giorgio armani]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-biography.html giorgio armani biography]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-cologne.html giorgio armani cologne]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-cosmetic.html giorgio armani cosmetic]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-eye-glasses.html giorgio armani eye glasses]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-eyewear.html giorgio armani eyewear]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-fragrance.html giorgio armani fragrance]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-glasses.html giorgio armani glasses]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-make-up.html giorgio armani make up]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-perfume.html giorgio armani perfume]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-suit.html giorgio armani suit]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-sun-glasses.html giorgio armani sun glasses]
| |
| [http://armanix.white.prohosting.com/giorgio-armani-watch.html giorgio armani watch]
| |
| [http://armanix.white.prohosting.com/giuseppe-armani.html giuseppe armani]
| |
| [http://armanix.white.prohosting.com/giuseppe-armani-figurine.html giuseppe armani figurine]
| |
| [http://armanix.white.prohosting.com/guiseppe-armani.html guiseppe armani]
| |
| [http://armanix.white.prohosting.com/man-armani-watch.html man armani watch]
| |
| [http://armanix.white.prohosting.com/victoria.html victoria]
| |
| </div>
| |
|
| |
|
| | You can also use the Magnify tool [[File:Hammer magnify.png|28px|link=]] with left or right click. |
|
| |
|
| ==Creating a Camera==
| | {{clr}} |
| [[Image:hammer_camera.jpg |thumb|left|100px| Select the camera.]]
| |
| [[Image:Hammer_top2dview2.jpg |thumb|right|400px| Create a camera by dragging its position.]]
| |
|
| |
|
| To set up a camera, select the red '''Camera Tool''' from the list of icons on the left side of the Hammer window by clicking on it.
| | == Creating a camera == |
|
| |
|
| Click and drag your mouse in a 2D view to create the camera, as shown to the right. The 3D view will change to the new camera, and the 2D windows will display your camera as a blue circle with a line leading from it.
| | To set up cameras, select the {{hammer camera}} from the left-hand list of icons. |
|
| |
|
| You can change the position of the camera by dragging the blue circle around with the mouse in the 2D views, and where it will point by dragging the other end of the line around. The 3D view will update as the camera changes.
| | Click and drag your mouse in a 2D view to create the camera, as shown in the image below. The 3D view will snap to the new camera, and the 2D windows will display your camera as a blue circle with a line leading from it. |
|
| |
|
| * You can use the PageUp and PageDown keys to switch between any created cameras, if you've made more than one in the map.
| | [[File:Hammer top2dview2.png|thumb|none|300px|Create a camera by dragging out its position.]] |
| * The last selected camera is restored when you save the map and open it later.
| |
|
| |
|
| <br style="clear:both">
| | You can change the position of the camera by dragging the blue circle around with the mouse in the 2D views, and where it will point by dragging the tail in the same manner. The 3D view will update whenever you release the mouse button. |
|
| |
|
| ==Moving in the 2D views==
| | Hold {{key|Shift}} to create multiple cameras. Use {{key|PageUp}} and {{key|PageDown}} to switch between them and {{key|Delete}} to remove the active one. |
| [[Image:hammer_magnifytool.jpg|thumb|right|100px|Select Magnify.]]
| |
|
| |
|
| You can use the '''Magnify Tool''' to zoom in and zoom out of the 2D viewports. First select the '''Magnify''' icon from the icon bar. Now left-click in a 2D viewport to increase the magnification, and right-click to zoom back out.
| | == See also == |
|
| |
|
| Once you've learned the basics, here are some shortcuts for moving in the 2D views:
| | * [[Hammer Viewports]] |
| * If your mouse is equipped with a mouse wheel, you can use it instead to change the zoom level in all of the viewports: Forward will zoom in and backwards will zoom out.
| | * [[Hammer Camera Tool]] |
| * Hold down SPACE and use the left mouse button to drag and quickly pan in 2D views.
| |
| * The 1 through 0 (zero) keys zoom the window at different preset zoom levels. | |
| * The + and - keys on can be used to zoom in and out.<br style="clear:both"> | |
|
| |
|
| Now continue on to [[Basic Construction]].
| | {{Navbar|Getting Started|Your First Map|Basic Construction}} |
| | [[Category:Level Design]] |
| | [[Category:Tutorials]] |
Tip:If you haven’t created any brushes yet, you can use the origin mark of the map 
for something to move around. Display this origin mark by selecting View from the top menu and select Center 3D Views on Selection then hold the Spacebar+
and drag the origin mark into view.
.
for something to move around. Display this origin mark by selecting View from the top menu and select Center 3D Views on Selection then hold the Spacebar+
from the left-hand menu. Now you can spin the view by dragging with the left button, pan it by dragging with the right, and strafe by holding down both at once.
with left or right click.
