[WIP Tutorial] Material Editing (Image heavy!) - 07/07/14 09:04 PM
Part 0: Material UI Short Overview
You can open the material editor by clicking on the blue sphere icon in the editor toolbar; it should look like this:
1. This pane displays a list of placeable nodes/operations; each node has a different function that we'll explain later. You can place any of them in the graph by dragging them to the "Node Graph" panel.
2. The numbers in the top left corner are performance counters for Vertex Shader instructions, Pixel Shader instructions, Vertex Shader texture samplers, Pixel Shader texture samplers and Shader constants. Green = good, Yellow = a bit performance intensive, Orange = even more performance intensive, Red = performance hog!
3. This is the node graph area where you'll work with the nodes in the material.
Clicking on a node highlights it and displays the properties of the node in the Node Properties pane; allows you to drag it anywhere in the scene.
Right clicking drags the whole scene instead of a node.
To connect two ports (the gray dots in the nodes), simply click on a port and start dragging the mouse to another port.
Each node can have multiple inputs (ports on the right side of the node), and outputs (ports on the left side).
One input port can only have on output connected to it, but one output can feed multiple inputs.
4. Here you can view and edit the properties of the node you've selected.
5. This is the preview pane that'll show you a preview (duh) of what the material you've created looks like.
You can open the material editor by clicking on the blue sphere icon in the editor toolbar; it should look like this:
1. This pane displays a list of placeable nodes/operations; each node has a different function that we'll explain later. You can place any of them in the graph by dragging them to the "Node Graph" panel.
2. The numbers in the top left corner are performance counters for Vertex Shader instructions, Pixel Shader instructions, Vertex Shader texture samplers, Pixel Shader texture samplers and Shader constants. Green = good, Yellow = a bit performance intensive, Orange = even more performance intensive, Red = performance hog!
3. This is the node graph area where you'll work with the nodes in the material.
Clicking on a node highlights it and displays the properties of the node in the Node Properties pane; allows you to drag it anywhere in the scene.
Right clicking drags the whole scene instead of a node.
To connect two ports (the gray dots in the nodes), simply click on a port and start dragging the mouse to another port.
Each node can have multiple inputs (ports on the right side of the node), and outputs (ports on the left side).
One input port can only have on output connected to it, but one output can feed multiple inputs.
4. Here you can view and edit the properties of the node you've selected.
5. This is the preview pane that'll show you a preview (duh) of what the material you've created looks like.