Difference between revisions of "LFS Editor/User Interface"

From LFS Manual
Jump to navigationJump to search
(→‎View controls: text and button sizes)
m
 
(25 intermediate revisions by the same user 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 ===
Line 8: Line 16:
 
* {{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
  
== View controls ==
+
== Interface settings ==
 +
 
 +
{{see also|../Options#Editor|Options - Editor}}
  
Buttons for view controls are located in the bottom right corner of the editor.
+
=== Text and button sizes ===
  
[[Image:LFS Editor view controls.jpg|Buttons for view controls located in the bottom right corner of the editor]]
+
The sizes of the interface buttons can be adjusted by using the yellow buttons at the bottom right.
  
=== View navigation ===
+
==== Blob ====
  
==== Pan ====
+
* {{old button|blob|#ffff00}}{{old button|−|#ffff00}}{{old button|+|#ffff00}} - adjust the size of the point selection buttons
  
Panning moves the view up, down, left and right. Hold {{key press|LMB|}} to move the view around a point.
+
[[Image:LFS Editor - blob size adjustment.gif]]
  
==== Look around ====
+
==== Text ====
  
Hold {{key press|RMB|}} to look around from the current viewpoint.
+
* {{old button|text|#ffff00}}{{old button|−|#ffff00}}{{old button|+|#ffff00}} - adjust the font size of all editor text
  
==== Zoom in/out ====
+
[[Image:LFS Editor - text size adjustment.gif]]
  
Moves the camera forwards and backwards. Use the {{key press|mouse wheel|}} to move in/out of a point.
+
=== Show/hide bottom right buttons ===
  
==== Orbit ====
+
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.
  
Rotate the view around the point of interest. Hold {{key press|LMB|RMB|}} or {{key press|MMB}} to rotate around a point.
+
[[Image:LFS Editor - hide or show bottom right buttons.gif]]
  
=== Sun position ===
+
== View controls ==
  
Pressing {{key press|Ctrl|LMB}} and dragging the mouse to the left or right will change the sun position.
+
Buttons for view controls are located in the bottom right corner of the editor.
  
Pressing {{key press|Ctrl|LMB}} and dragging the mouse up or down will change the time of day.
+
[[Image:LFS Editor view controls.jpg|Buttons for view controls located in the bottom right corner of the editor]]
  
 
=== Viewports ===
 
=== 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 view.
+
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"
 
{| class="wikitable"
 
|-
 
|-
| {{old button|P|#00ff00}} || perspective view
+
| {{old button|P|#00ff00}} || perspective 3D view
 
|-
 
|-
| {{old button|f|#00ff00}} || front view
+
| {{old button|f|#00ff00}} || front 2D view
 
|-
 
|-
| {{old button|b|#00ff00}} || back view
+
| {{old button|b|#00ff00}} || back 2D view
 
|-
 
|-
| {{old button|r|#00ff00}} || right view
+
| {{old button|r|#00ff00}} || right 2D view
 
|-
 
|-
| {{old button|l|#00ff00}} || left view
+
| {{old button|l|#00ff00}} || left 2D view
 
|-
 
|-
| {{old button|t|#00ff00}} || top view
+
| {{old button|t|#00ff00}} || top 2D view
 
|-
 
|-
| {{old button|u|#00ff00}} || underside view
+
| {{old button|u|#00ff00}} || underside 2D view
|-
 
| {{old button|●|#ffffa1}} || adjust field of view (zoom)
 
 
|-
 
|-
 
|}
 
|}
 +
 +
=== View navigation ===
 +
 +
{{tip|small=yes|You can change the behaviour of the view movement in [[../Options#Editor|Options - Editor]].}}
 +
 +
==== Pan ====
 +
 +
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.
 +
 +
==== Look around ====
 +
 +
Hold {{key press|RMB|}} to look around from the current viewpoint.
 +
 +
==== Move in/out ====
 +
 +
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 ====
 +
 +
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 ===
 +
 +
Pressing {{key press|Ctrl|LMB}} and dragging the mouse to the left or right will change the sun position.
 +
 +
Pressing {{key press|Ctrl|LMB}} and dragging the mouse up or down will change the time of day.
  
 
=== Grid ===
 
=== Grid ===
Line 82: Line 139:
 
|}
 
|}
  
=== Text and button sizes ===
+
[[Category:LFS Editor|{{SUBPAGENAME}}]]
 
+
[[Category:User interface]]
The sizes of the interface buttons can be adjusted by using these buttons:
 
 
 
* {{old button|text|#ffff00}}{{old button|−|#ffff00}}{{old button|+|#ffff00}} - adjust the font size of all texts within the editor
 
* {{old button|blob|#ffff00}}{{old button|−|#ffff00}}{{old button|+|#ffff00}} - adjust the size of the clickable square buttons ("blobs") - e.g. point buttons in the [[Modeller]]
 
 
 
{{Vehicle mods}}
 

Latest revision as of 21:41, 7 February 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.

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