Difference between revisions of "LFS Editor/User Interface"

From LFS Manual
Jump to navigationJump to search
(Created page with "== Interface controls == === Sliders === * While dragging a slider bar, you can click the right mouse button to cancel the drag (restore original value) * Right click on a s...")
 
(→‎Pan: up/down)
 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Infobox LFS Editor}}
 +
 +
This page describes the '''user interface of the [[LFS Editor]]''' - how to resize text and clickable buttons and how to control the editor view.
 +
 
== Interface controls ==
 
== Interface controls ==
 +
 +
=== Buttons ===
 +
 +
* Hover over a button to see its description in the bottom part of the screen.
  
 
=== Sliders ===
 
=== Sliders ===
  
−
* While dragging a slider bar, you can click the right mouse button to cancel the drag (restore original value)
+
* While dragging a slider bar, you can click the {{key press|RMB}} to cancel the drag (restore original value)
−
* Right click on a slider bar to type in an exact value
+
* Click the {{key press|RMB}} on a slider bar to type in an exact value
−
* {{key press|Ctrl|RMB}} on a slider bar to COPY its value
+
* {{key press|Ctrl|RMB}} on a slider bar to copy its value
−
* {{key press|Shift|RMB}} on a slider bar to PASTE a copied value
+
* {{key press|Shift|RMB}} on a slider bar to paste a copied value
 +
 
 +
== Interface settings ==
 +
 
 +
{{see also|../Options#Editor|Options - Editor}}
 +
 
 +
=== Text and button sizes ===
 +
 
 +
The sizes of the interface buttons can be adjusted by using the yellow buttons at the bottom right.
 +
 
 +
==== Blob ====
 +
 
 +
* {{old button|blob|#ffff00}}{{old button|−|#ffff00}}{{old button|+|#ffff00}} - adjust the size of the point selection buttons
 +
 
 +
[[Image:LFS Editor - blob size adjustment.gif]]
 +
 
 +
==== Text ====
 +
 
 +
* {{old button|text|#ffff00}}{{old button|−|#ffff00}}{{old button|+|#ffff00}} - adjust the font size of all editor text
 +
 
 +
[[Image:LFS Editor - text size adjustment.gif]]
 +
 
 +
=== Show/hide bottom right buttons ===
 +
 
 +
Sometimes, the bottom right buttons can get in the way of other interface controls or the vehicle model. You can temporarily hide the buttons by clicking the {{old button|−}} button in the bottom right corner. The toggle button will change to {{old button|+}}, which will make the buttons appear again.
 +
 
 +
[[Image:LFS Editor - hide or show bottom right buttons.gif]]
  
 
== View controls ==
 
== View controls ==
Line 13: Line 47:
  
 
[[Image:LFS Editor view controls.jpg|Buttons for view controls located in the bottom right corner of the editor]]
 
[[Image:LFS Editor view controls.jpg|Buttons for view controls located in the bottom right corner of the editor]]
 +
 +
=== Viewports ===
 +
 +
You can switch between different views by clicking the green buttons or by pressing the respective keys on your keyboard. For example, pressing {{key press|F}} will switch to the front 2D view.
 +
 +
{| class="wikitable"
 +
|-
 +
| {{old button|P|#00ff00}} || perspective 3D view
 +
|-
 +
| {{old button|f|#00ff00}} || front 2D view
 +
|-
 +
| {{old button|b|#00ff00}} || back 2D view
 +
|-
 +
| {{old button|r|#00ff00}} || right 2D view
 +
|-
 +
| {{old button|l|#00ff00}} || left 2D view
 +
|-
 +
| {{old button|t|#00ff00}} || top 2D view
 +
|-
 +
| {{old button|u|#00ff00}} || underside 2D view
 +
|-
 +
|}
  
 
=== View navigation ===
 
=== View navigation ===
 +
 +
{{tip|small=yes|You can change the behaviour of the view movement in [[../Options#Editor|Options - Editor]].}}
  
 
==== Pan ====
 
==== Pan ====
  
 
Panning moves the view up, down, left and right. Hold {{key press|LMB|}} to move the view around a point.
 
Panning moves the view up, down, left and right. Hold {{key press|LMB|}} to move the view around a point.
 +
 +
You can also use the arrow keys. Press {{key press|UP}} / {{key press|DOWN}} to pan the view forwards/backwards, or {{key press|LEFT}} / {{key press|RIGHT}} to pan the view left/right. You can also move the view up/down by using {{key press|ctrl|up}} / {{key press|ctrl|down}}.
  
 
==== Look around ====
 
==== Look around ====
Line 24: Line 84:
 
Hold {{key press|RMB|}} to look around from the current viewpoint.
 
Hold {{key press|RMB|}} to look around from the current viewpoint.
  
−
==== Zoom in/out ====
+
==== Move in/out ====
  
 
Moves the camera forwards and backwards. Use the {{key press|MMB|}} to move in/out of a point.
 
Moves the camera forwards and backwards. Use the {{key press|MMB|}} to move in/out of a point.
 +
 +
Double clicking {{key press|LMB}} will move the view in to a point by a step.
  
 
==== Orbit ====
 
==== Orbit ====
  
 
Rotate the view around the point of interest. Hold {{key press|LMB|RMB|}} or {{key press|MMB}} to rotate around a point.
 
Rotate the view around the point of interest. Hold {{key press|LMB|RMB|}} or {{key press|MMB}} to rotate around a point.
 +
 +
==== Rotate ====
 +
 +
In 2D views, you can rotate the view by using the following keys:
 +
 +
* rotate 1 degree - {{Key press|CTRL}} + {{Key press|UP}} / {{Key press|DOWN}} / {{Key press|LEFT}} / {{Key press|RIGHT}}
 +
* rotate 5 degrees - {{Key press|SHIFT}} +{{Key press|UP}} / {{Key press|DOWN}} / {{Key press|LEFT}} / {{Key press|RIGHT}}
 +
* rotate 30 degrees - {{Key press|CTRL|SHIFT}} + {{Key press|UP}} / {{Key press|DOWN}} / {{Key press|LEFT}} / {{Key press|RIGHT}}
 +
 +
When a 2D view is selected, two extra buttons appear below the viewport selection buttons. Example for right view:
 +
 +
* {{old button|h : 90.00}} - adjust the pitch of the 2D view (up/down)
 +
* {{old button|p : 0.00}} - adjust the heading of the 2D view (left/right)
 +
 +
=== Field of view (zoom) ===
 +
 +
You can adjust the field of view of the 3D view by pressing the {{old button|●|#ffffa1}} next to the viewport buttons and entering a value in degrees.
 +
 +
This setting can also be found in Options - Editor as {{button|Editor FOV}}.
  
 
=== Sun position ===
 
=== Sun position ===
Line 38: Line 119:
 
Pressing {{key press|Ctrl|LMB}} and dragging the mouse up or down will change the time of day.
 
Pressing {{key press|Ctrl|LMB}} and dragging the mouse up or down will change the time of day.
  
−
=== Viewports ===
+
=== Grid ===
 +
 
 +
The grid is a visual aid representing the units of measurement within the editor. It consists of minor and a major grid lines. The minor grid lines are blue, while the major lines are turquoise.
 +
 
 +
To help figure out where the front of the car should be facing, one of the major grid lines has an arrow pointing in the forward direction.
  
−
You can switch between different views by clicking the green buttons, or by pressing the respective keys on your keyboard. For example, pressing {{key press|F}} will switch to the front view.
+
You can adjust the scale of the grid by pressing one of these buttons:
  
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
−
| {{old button|P|#00ff00}} || perspective view
+
| {{old button|0.1m|#a1a1ff}} || minor grid represents 0.1 m, major grid represents 1 m
−
|-
 
−
| {{old button|f|#00ff00}} || front view
 
−
|-
 
−
| {{old button|b|#00ff00}} || back view
 
−
|-
 
−
| {{old button|r|#00ff00}} || right view
 
 
|-
 
|-
−
| {{old button|l|#00ff00}} || left view
+
| {{old button|1m|#a1a1ff}} || minor grid represents 1 m, major grid represents 10 m
 
|-
 
|-
−
| {{old button|t|#00ff00}} || top view
+
| {{old button|10m|#a1a1ff}} || minor grid represents 10 m, major grid represents 100 m
 
|-
 
|-
−
| {{old button|u|#00ff00}} || underside view
+
| {{old button|-|#a1a1ff}} || grid is hidden
−
|-
 
−
| {{old button|●|#ffffa1}} || adjust field of view (zoom)
 
 
|-
 
|-
 
|}
 
|}
 +
 +
[[Category:LFS Editor|{{SUBPAGENAME}}]]
 +
[[Category:User interface]]

Latest revision as of 05:54, 19 July 2024

LFS Editor
Vehicle Mods

This page describes the user interface of the LFS Editor - how to resize text and clickable buttons and how to control the editor view.

Interface controls

Buttons

  • Hover over a button to see its description in the bottom part of the screen.

Sliders

  • While dragging a slider bar, you can click the RMB to cancel the drag (restore original value)
  • Click the RMB on a slider bar to type in an exact value
  • Ctrl + RMB on a slider bar to copy its value
  • ⇧ Shift + RMB on a slider bar to paste a copied value

Interface settings

Text and button sizes

The sizes of the interface buttons can be adjusted by using the yellow buttons at the bottom right.

Blob

  • blob−+ - adjust the size of the point selection buttons

LFS Editor - blob size adjustment.gif

Text

  • text−+ - adjust the font size of all editor text

LFS Editor - text size adjustment.gif

Show/hide bottom right buttons

Sometimes, the bottom right buttons can get in the way of other interface controls or the vehicle model. You can temporarily hide the buttons by clicking the − button in the bottom right corner. The toggle button will change to +, which will make the buttons appear again.

LFS Editor - hide or show bottom right buttons.gif

View controls

Buttons for view controls are located in the bottom right corner of the editor.

Buttons for view controls located in the bottom right corner of the editor

Viewports

You can switch between different views by clicking the green buttons or by pressing the respective keys on your keyboard. For example, pressing F will switch to the front 2D view.

P perspective 3D view
f front 2D view
b back 2D view
r right 2D view
l left 2D view
t top 2D view
u underside 2D view

View navigation

Bulbgraph.png You can change the behaviour of the view movement in Options - Editor.

Pan

Panning moves the view up, down, left and right. Hold LMB to move the view around a point.

You can also use the arrow keys. Press ↑ / ↓ to pan the view forwards/backwards, or ← / → to pan the view left/right. You can also move the view up/down by using Ctrl + ↑ / Ctrl + ↓.

Look around

Hold RMB to look around from the current viewpoint.

Move in/out

Moves the camera forwards and backwards. Use the MMB to move in/out of a point.

Double clicking LMB will move the view in to a point by a step.

Orbit

Rotate the view around the point of interest. Hold LMB + RMB or MMB to rotate around a point.

Rotate

In 2D views, you can rotate the view by using the following keys:

  • rotate 1 degree - Ctrl + ↑ / ↓ / ← / →
  • rotate 5 degrees - ⇧ Shift +↑ / ↓ / ← / →
  • rotate 30 degrees - Ctrl + ⇧ Shift + ↑ / ↓ / ← / →

When a 2D view is selected, two extra buttons appear below the viewport selection buttons. Example for right view:

  • h : 90.00 - adjust the pitch of the 2D view (up/down)
  • p : 0.00 - adjust the heading of the 2D view (left/right)

Field of view (zoom)

You can adjust the field of view of the 3D view by pressing the ● next to the viewport buttons and entering a value in degrees.

This setting can also be found in Options - Editor as Editor FOV.

Sun position

Pressing Ctrl + LMB and dragging the mouse to the left or right will change the sun position.

Pressing Ctrl + LMB and dragging the mouse up or down will change the time of day.

Grid

The grid is a visual aid representing the units of measurement within the editor. It consists of minor and a major grid lines. The minor grid lines are blue, while the major lines are turquoise.

To help figure out where the front of the car should be facing, one of the major grid lines has an arrow pointing in the forward direction.

You can adjust the scale of the grid by pressing one of these buttons:

0.1m minor grid represents 0.1 m, major grid represents 1 m
1m minor grid represents 1 m, major grid represents 10 m
10m minor grid represents 10 m, major grid represents 100 m
- grid is hidden
Retrieved from "https://en.lfsmanual.net/index.php?title=LFS_Editor/User_Interface&oldid=10172"