HeroBlade panels tutorial

From HEWIKI
(Difference between revisions)
Jump to: navigation, search
m (1 revision)
(Examples)
 
(12 intermediate revisions by 5 users not shown)
Line 10: Line 10:
 
==== Tutorial: Docking HeroBlade panels ====
 
==== Tutorial: Docking HeroBlade panels ====
 
: ''Caveat: Panel locations and dockability are highly configurable, so if your computer has been used to run HeroBlade before, the panels may (initially) show up in a different location than as described in this tutorial. To proceed with the tutorial, simply find the panel wherever it currently is, and proceed from there.''
 
: ''Caveat: Panel locations and dockability are highly configurable, so if your computer has been used to run HeroBlade before, the panels may (initially) show up in a different location than as described in this tutorial. To proceed with the tutorial, simply find the panel wherever it currently is, and proceed from there.''
* For best results, before starting this tutorial, you may wish to ensure that all panels are initially turned off, by going to the [[Panels menu]], and unchecking anything that is checked.
+
* For best results, before starting this tutorial, you may wish to ensure that all panels are initially turned off, by going to the [[Settings Menu]] and selecting 'Close All Panels'.
* If you do not currently have the [[Organizer Panel]] open, open the [[Panels menu]] and select "Organizer."
+
* If you do not currently have the [[Area Organizer]] open, open the [[HeroBlade_panels#Editors|Editor Menu]] and select "Area Organizer."
 
+
* Note that at the top right of the Organizer Panel are an "X" close box, a picture of a pushpin, and a small arrow which opens a docking menu. Look at the pushpin. Its orientation will tell you the panel's current display configuration:
+
** Horizontal: Auto-Hide
+
** Vertical: Always visible (docked)
+
[[Image:Dock.jpg|center]]
+
* Click on the pushpin until it is horizontal.
+
** Move the mouse to the right side of the screen.
+
** Note how the panel disappears, and then reappears when you hover your mouse over the word "Organizer" at the far left.
+
** To make the panel "stick" in place, click the pin again so it is vertical.
+
  
 
* Next, go to the Panels menu and open the [[Area Panel]].
 
* Next, go to the Panels menu and open the [[Area Panel]].
** Ensure that the pushpin on the Area Panel is in the vertical position.
+
* Look at the bottom of the Area Panel, and you should see that there are now tabs for both the Area Organizer and Area panels, so you can click on a tab depending on which panel you wish to be visible.
* Look at the bottom of the Area Panel, and you should see that there are now tabs for both the Organizer and Area panels, so you can click on a tab depending on which panel you wish to be visible.
+
** Note:  If others have been using HeroBlade on this computer, the tabs may be in a different location, such as along the left or right sides of the screen, depending on how they configured it.
+
 
+
* In the Area Panel, click on the pushpin so it changes to "auto-hide" horizontal.
+
* Note how you have two tabs on the left now, for "Organizer" and "Area", and you can hover the mouse over either name to open that panel.
+
  
 
====Docking indicators====
 
====Docking indicators====
 
* Now, we'll see another way to configure the panels:
 
* Now, we'll see another way to configure the panels:
  
* Open the Area Panel, and ensure that the pushpin is in the vertical position.
+
* Open the Area Panel, and ensure that the arrow is pointing up indicating that it is docked.
 
* Click in the title bar of the Area Panel, and drag it '''diagonally '''down and to the right by about an inch.  The Panel should undock, and now be a free-floating window which can be placed anywhere, even outside of the HeroBlade window itself!
 
* Click in the title bar of the Area Panel, and drag it '''diagonally '''down and to the right by about an inch.  The Panel should undock, and now be a free-floating window which can be placed anywhere, even outside of the HeroBlade window itself!
** If the panel does not undock, check to make sure that the pushpin is in the vertical position.  "Auto-hide" Panels cannot be moved
+
* Now click in the title bar of the Area Panel again, and, ''without letting go of the mouse button'', drag the window around the HeroBlade screen. Note how '''Docking indicators''' appear at each edge of the screen, as well as in the center. Release the mouse button anywhere you like in the main viewport.
 
+
* Now click in the title bar of the Area Panel again, and, ''without letting go of the mouse button'', drag the window around the HeroBlade screen. Note how '''Docking indicators''' appear at each edge of the screen, as well as in the center, and note how an outline appears when you drag the panel over one of the indicators, to show where the Panel would dock. Release the mouse button anywhere you like in the main viewport.
+
** You may have also noted how when the panel was in "Free Floating" mode, that it no longer had a pushpin.  To get the pin back, you have to drag the Panel back on top of one of the docking indicators, so that it docks in an expected location.
+
 
** It is not necessary to drag the Panel back to the ''left'' side of the screen.  For example, try docking the panel to the right of the window, and the Area/Organizer tabs should now appear on the righthand side
 
** It is not necessary to drag the Panel back to the ''left'' side of the screen.  For example, try docking the panel to the right of the window, and the Area/Organizer tabs should now appear on the righthand side
 
[[Image:Docking2.png|center|400px]]
 
[[Image:Docking2.png|center|400px]]
Line 48: Line 31:
 
* To separate docked panels from each other when they are in the "tabbed" format, click on one of the tabs at the bottom.  For example, click on the "Assets" tab and, ''without letting go of the mouse'', drag it into the viewport.  The Assets panel should now detach from the other panels, and you can place it anywhere you want.
 
* To separate docked panels from each other when they are in the "tabbed" format, click on one of the tabs at the bottom.  For example, click on the "Assets" tab and, ''without letting go of the mouse'', drag it into the viewport.  The Assets panel should now detach from the other panels, and you can place it anywhere you want.
  
* For further customization, click on the arrow next to the pushpin on a panel's title bar. This will open a menu with three options: '''Floating''', '''Dockable''', '''Auto Hide''', and '''Dock To''', which has a further sub-menu offering Left, Right, Top, and Bottom. These options allow you to set the window to float, dock, or auto hide just as you did by clicking and dragging the title bar or clicking the push pin.
+
[[Image:Workstation-layout.png|right|thumb|800px|A typical two-monitor setup for working with HeroBlade.  One monitor contains the tool menus, and the other contains the viewport]]The above are all the main methods of docking panels.  Feel free to experiment with configuration, to find something that you are comfortable with.  A commonly used one in the HeroEngine office is to have all the frequently used panels open and docked together.  Another common technique is to have two monitors, so that the HeroBlade viewport is visible in one, and all of the panels can be dragged to the other monitor.  Sometimes it may be more efficient to have panels that can be kept open simultaneously, or to have different panels docked to different sides of the screen.  Mix and match, and use whatever works best for you.  :)
 
+
[[Image:Workstation-layout.png|right|thumb|800px|A typical two-monitor setup for working with HeroBlade.  One monitor contains the tool menus, and the other contains the viewport]]The above are all the main methods of docking panels.  Feel free to experiment with configuration, to find something that you are comfortable with.  A commonly used one in the Simutronics office is to have all the frequently used panels open and docked together.  Another common technique is to have two monitors, so that the HeroBlade viewport is visible in one, and all of the panels can be dragged to the other monitor.  Sometimes it may be more efficient to have panels that can be kept open simultaneously, or to have different panels docked to different sides of the screen.  Mix and match, and use whatever works best for you.  :)
+
 
+
==Examples==
+
===Example #1===
+
[[Image:Dockedpanels.png|400px|center|frame|An example of how seven panels might be docked together.  This is only an example, and not necessarily how you may wish to do it; however, for practice, you may wish to see if you could duplicate the above configuration. For more detailed help, highlight the blank area below:<br>&nbsp;<br><font color="white">There are multiple ways to do this, but one way is:  Close all panels.  Open the Assets Panel, and dock it to the left side of the screen.  Open the Environment Panel, and drag it over the Assets panel to get a docking indicator, then dock it to the bottom of the Assets panel.  Open and dock the Area Panel to the bottom of the Environment panel.  Dock the Organizer Panel to the left of the viewport, and it should now appear to the right of the Assets panel.  Dock the Physics panel to the bottom of the Organizer panel.  Dock the Animation Panel to the right side of the Physics Panel.  Dock the Terrain panel to the left of the viewport, and there you go!</font>]]
+
 
+
===Example #2===
+
[[Image:PanelsExample2.png|center|frame|600px|In this example, the Assets, Terrain, Properties, and Physics panels are tabbed in a panel on the far left.  The Area, Scene Analysis, and Environment panels are tabbed in the second panel.  The Errors, Organizer, Console, and Chat panels are in "hover" tabs on the lefthand side of the screen, where they are only open when the mouse is hovering over them.  This configuration might be useful for situations such as modifying terrain textures and dynamic details, where it is advantageous to have both the Terrain panel and Environment panel open at the same time, while other panels are out of the way.]]
+
  
 
==Next step==
 
==Next step==

Latest revision as of 16:43, 25 March 2015

He beginner.png

PanelConfiguration.png

This is a beginner-level tutorial that explains:

If you haven't yet, it is recommended to first work through the tutorial Getting started with HeroBlade.

Tutorial: Docking HeroBlade panels

Caveat: Panel locations and dockability are highly configurable, so if your computer has been used to run HeroBlade before, the panels may (initially) show up in a different location than as described in this tutorial. To proceed with the tutorial, simply find the panel wherever it currently is, and proceed from there.

Docking indicators

Docking2.png
A typical two-monitor setup for working with HeroBlade. One monitor contains the tool menus, and the other contains the viewport
The above are all the main methods of docking panels. Feel free to experiment with configuration, to find something that you are comfortable with. A commonly used one in the HeroEngine office is to have all the frequently used panels open and docked together. Another common technique is to have two monitors, so that the HeroBlade viewport is visible in one, and all of the panels can be dragged to the other monitor. Sometimes it may be more efficient to have panels that can be kept open simultaneously, or to have different panels docked to different sides of the screen. Mix and match, and use whatever works best for you.  :)

Next step

For your next step, you may wish to try the Building areas tutorial.

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox