SourceShaderEditor/Ref controls: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (links)
m ({{LMB}} -> {{key|LMB}}, {{RMB}} -> {{key|RMB}} and {{MW}} -> {{key|MMB}})
 
(One intermediate revision by one other user not shown)
Line 2: Line 2:


Use {{key|F3}} to toggle visibility on the [[:Category:SourceShaderEditor|editor]] root panel, {{key|F1}} will toggle the size between half- and fullscreen and {{key|F2}} allows you to change whether the input is directed towards the editor or the game in halfscreen mode.
Use {{key|F3}} to toggle visibility on the [[:Category:SourceShaderEditor|editor]] root panel, {{key|F1}} will toggle the size between half- and fullscreen and {{key|F2}} allows you to change whether the input is directed towards the editor or the game in halfscreen mode.
== Tabs ==
* Hold down {{key|Shift}} or {{key|Ctrl}} while creating a new graph through the 'New' dialog to open it in a new tab.
* Hold down {{key|Shift}} or {{key|Ctrl}} while loading a file to open it in a new tab.
* Hold down {{key|Shift}} or {{key|Ctrl}} while using the tab '+' to create a new post processing graph in the new tab.
* Double click with {{key|LMB}} left mouse button on the tab bar to open a new tab.


== View controls ==
== View controls ==
* Click and drag with the {{RMB}} to pan the view.
* Click and drag with the {{key|RMB}} right mouse button to pan the view.
* {{MW}} to change the zoom level.
* {{key|MMB}} scroll mouse wheel to change the zoom level.
* Use the button '''View reset''' (bottom left corner) to center the view on all [[SourceShaderEditor/Ref_vocabulary#Node|nodes]].
* Use the button '''View reset''' (bottom left corner) to center the view on all [[SourceShaderEditor/Ref_vocabulary#Node|nodes]].


== Context menu ==
== Context menu ==
Use the {{RMB}} somewhere on the [[SourceShaderEditor/Ref_vocabulary#Canvas|canvas]] to open the context menu.
Use the {{key|RMB}} right mouse button somewhere on the [[SourceShaderEditor/Ref_vocabulary#Canvas|canvas]] to open the context menu.
* Spawn a new node by selecting the desired operation in the ''New node'' submenu.
* Spawn a new node by selecting the desired operation in the ''New node'' submenu.
* Copy, cut and delete will perform the respective operation on all currently selected nodes.
* Copy, cut and delete will perform the respective operation on all currently selected nodes.
* Paste will duplicate any copied nodes at the cursor position.
* Paste will duplicate any copied nodes at the cursor position.
* Disconnect will remove all [[[[SourceShaderEditor/Ref_vocabulary#Bridge|bridges]] from the currently selected nodes.
* Disconnect will remove all [[SourceShaderEditor/Ref_vocabulary#Bridge|bridges]] from the currently selected nodes.
* Properties will open a node-specific options dialog.
* Properties will open a node-specific options dialog.


== Node interaction ==
== Node interaction ==
* Select a node with the {{LMB}}.
* Select a node with the {{key|LMB}} left mouse button.
* Click and drag with the {{LMB}} over the canvas to select nodes with a selection box.
* Click and drag with the {{key|LMB}} left mouse button over the canvas to select nodes with a selection box.
* When selecting nodes, use {{key|Shift}} to add nodes to the current selection or {{key|Ctrl}} to toggle the selection status on the respective nodes.
* When selecting nodes, use {{key|Shift}} to add nodes to the current selection or {{key|Ctrl}} to toggle the selection status on the respective nodes.
* Press {{key|Del}} to delete all selected nodes.
* Press {{key|Del}} to delete all selected nodes.
* Click and drag with the {{LMB}} on a node to drag the current selection. When pointing on the boundaries of a container node, this operation will allow you to change the size of the container.
* Click and drag with the {{key|LMB}} left mouse button on a node to drag the current selection. When pointing on the boundaries of a container node, this operation will allow you to change the size of the container.
* Doubleclick a node with the {{LMB}} to open its properties dialog.
* Doubleclick a node with the {{key|LMB}} left mouse button to open its properties dialog.
* Click and drag with the {{LMB}} on a jack to create a new bridge. Let go of the button while pointing on the destination jack to finalize the operation.
* Click and drag with the {{key|LMB}} left mouse button on a jack to create a new bridge. Let go of the button while pointing on the destination jack to finalize the operation.
* Use the {{RMB}} on a jack to destroy all of its bridges.
* Use the {{key|RMB}} right mouse button on a jack to destroy all of its bridges.


== Preview controls ==
== Preview controls ==
* Click and drag with the {{LMB}} to rotate the view.
* Click and drag with the {{key|LMB}} left mouse button to rotate the view.
* Click and drag with the {{MMB}} to pan the view.
* Click and drag with the {{key|MMB}} middle mouse button to pan the view.
* {{MW}} to zoom in and out.
* {{key|MMB}} scroll mouse wheel to zoom in and out.
* Click and drag with the {{RMB}} to rotate the light around the view axes. {{note|only visible if the shader supports lighting!}}
* Click and drag with the {{key|RMB}} right mouse button to rotate the light around the view axes. {{note|only visible if the shader supports lighting!}}
 
== Code editor ==
* {{key|Ctrl}} + {{key|A}} to select everything.
* {{key|Ctrl}} + {{key|C}} to copy code (copies a CR/LF compatible string to your clipboard).
* {{key|Ctrl}} + {{key|V}} to paste code.
* {{key|Ctrl}} + {{key|X}} to cut code. You can cut a whole line & following linefeed if you use this without having text selected.
* {{key|Shift}} + {{key|Left}} or {{key|Right}} or {{key|Up}} or {{key|Down}} to select code with the keyboard.
* {{key|Ctrl}} + {{key|Left}} or {{key|Right}} to move the cursor by the next word.
* {{key|Home}} or {{key|End}} to jump to the beginning or end of the current line respectively.
* {{key|Ctrl}} + {{key|Home}} or {{key|End}} to jump to the beginning or end of the whole text respectively.
* {{key|Ctrl}} + {{key|MMB}} scroll mouse wheel or {{key|+}} or {{key|-}} or {{key|0}} to change the text size.
* {{key|Ctrl}} + {{key|Z}} to undo the prior change.
* {{key|Ctrl}} + {{key|Shift}} + {{key|Z}} to redo the prior change.
* {{key|Ctrl}} + {{key|Space}} to open the autocomplete dialog.
* {{key|LMB}} left mouse button on a ''selected'' entry in the autocomplete dialog or {{key|Enter}} to apply the selected string to your code.


[[Category:SourceShaderEditor]]
[[Category:SourceShaderEditor]]

Latest revision as of 00:25, 22 April 2021


Use F3 to toggle visibility on the editor root panel, F1 will toggle the size between half- and fullscreen and F2 allows you to change whether the input is directed towards the editor or the game in halfscreen mode.

Tabs

  • Hold down Shift or Ctrl while creating a new graph through the 'New' dialog to open it in a new tab.
  • Hold down Shift or Ctrl while loading a file to open it in a new tab.
  • Hold down Shift or Ctrl while using the tab '+' to create a new post processing graph in the new tab.
  • Double click with LMB left mouse button on the tab bar to open a new tab.

View controls

  • Click and drag with the RMB right mouse button to pan the view.
  • MMB scroll mouse wheel to change the zoom level.
  • Use the button View reset (bottom left corner) to center the view on all nodes.

Context menu

Use the RMB right mouse button somewhere on the canvas to open the context menu.

  • Spawn a new node by selecting the desired operation in the New node submenu.
  • Copy, cut and delete will perform the respective operation on all currently selected nodes.
  • Paste will duplicate any copied nodes at the cursor position.
  • Disconnect will remove all bridges from the currently selected nodes.
  • Properties will open a node-specific options dialog.

Node interaction

  • Select a node with the LMB left mouse button.
  • Click and drag with the LMB left mouse button over the canvas to select nodes with a selection box.
  • When selecting nodes, use Shift to add nodes to the current selection or Ctrl to toggle the selection status on the respective nodes.
  • Press Del to delete all selected nodes.
  • Click and drag with the LMB left mouse button on a node to drag the current selection. When pointing on the boundaries of a container node, this operation will allow you to change the size of the container.
  • Doubleclick a node with the LMB left mouse button to open its properties dialog.
  • Click and drag with the LMB left mouse button on a jack to create a new bridge. Let go of the button while pointing on the destination jack to finalize the operation.
  • Use the RMB right mouse button on a jack to destroy all of its bridges.

Preview controls

  • Click and drag with the LMB left mouse button to rotate the view.
  • Click and drag with the MMB middle mouse button to pan the view.
  • MMB scroll mouse wheel to zoom in and out.
  • Click and drag with the RMB right mouse button to rotate the light around the view axes.
    Note.pngNote:only visible if the shader supports lighting!

Code editor

  • Ctrl + A to select everything.
  • Ctrl + C to copy code (copies a CR/LF compatible string to your clipboard).
  • Ctrl + V to paste code.
  • Ctrl + X to cut code. You can cut a whole line & following linefeed if you use this without having text selected.
  • Shift + or or or to select code with the keyboard.
  • Ctrl + or to move the cursor by the next word.
  • Home or End to jump to the beginning or end of the current line respectively.
  • Ctrl + Home or End to jump to the beginning or end of the whole text respectively.
  • Ctrl + MMB scroll mouse wheel or + or - or 0 to change the text size.
  • Ctrl + Z to undo the prior change.
  • Ctrl + Shift + Z to redo the prior change.
  • Ctrl + Space to open the autocomplete dialog.
  • LMB left mouse button on a selected entry in the autocomplete dialog or Enter to apply the selected string to your code.