﻿<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
	<id>https://wiki.blender.jp/index.php?action=history&amp;feed=atom&amp;title=%E5%88%A9%E7%94%A8%E8%80%85%3ASculptorjim%2FNodes%2FCommon_Controls</id>
	<title>利用者:Sculptorjim/Nodes/Common Controls - 版の履歴</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.blender.jp/index.php?action=history&amp;feed=atom&amp;title=%E5%88%A9%E7%94%A8%E8%80%85%3ASculptorjim%2FNodes%2FCommon_Controls"/>
	<link rel="alternate" type="text/html" href="https://wiki.blender.jp/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:Sculptorjim/Nodes/Common_Controls&amp;action=history"/>
	<updated>2026-07-31T19:09:02Z</updated>
	<subtitle>このウィキのこのページに関する変更履歴</subtitle>
	<generator>MediaWiki 1.31.0</generator>
	<entry>
		<id>https://wiki.blender.jp/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:Sculptorjim/Nodes/Common_Controls&amp;diff=145341&amp;oldid=prev</id>
		<title>Yamyam: 1版 をインポートしました</title>
		<link rel="alternate" type="text/html" href="https://wiki.blender.jp/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:Sculptorjim/Nodes/Common_Controls&amp;diff=145341&amp;oldid=prev"/>
		<updated>2018-06-28T21:06:07Z</updated>

		<summary type="html">&lt;p&gt;1版 をインポートしました&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ja&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;← 古い版&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;2018年6月28日 (木) 21:06時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-notice&quot; lang=&quot;ja&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(相違点なし)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>Yamyam</name></author>
		
	</entry>
	<entry>
		<id>https://wiki.blender.jp/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:Sculptorjim/Nodes/Common_Controls&amp;diff=145340&amp;oldid=prev</id>
		<title>wiki&gt;Sculptorjim: Created page with &quot;{{Page/Header||}}  {{review|}}  = Node Controls =  This page explains the widgets to control a node.  Nodes main controls ...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.blender.jp/index.php?title=%E5%88%A9%E7%94%A8%E8%80%85:Sculptorjim/Nodes/Common_Controls&amp;diff=145340&amp;oldid=prev"/>
		<updated>2013-12-03T14:13:09Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;{{Page/Header||}}  {{review|}}  = Node Controls =  This page explains the widgets to control a node.  &lt;a href=&quot;/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:Doc26-ref-nodes-controls.png&quot; title=&quot;ファイル:Doc26-ref-nodes-controls.png&quot;&gt;thumb|right|300px|Nodes main controls&lt;/a&gt; ...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{Page/Header||}}&lt;br /&gt;
&lt;br /&gt;
{{review|}}&lt;br /&gt;
&lt;br /&gt;
= Node Controls =&lt;br /&gt;
&lt;br /&gt;
This page explains the widgets to control a node.&lt;br /&gt;
&lt;br /&gt;
[[File:Doc26-ref-nodes-controls.png|thumb|right|300px|Nodes main controls]]&lt;br /&gt;
&lt;br /&gt;
; '''Titlebar'''&lt;br /&gt;
:This contains the node's name, along with several different collapse buttons.&lt;br /&gt;
&lt;br /&gt;
; '''Input sockets'''&lt;br /&gt;
:The left side of a node has input sockets:&lt;br /&gt;
* ''blue sockets'' accept vectors.&lt;br /&gt;
* ''yellow sockets'' accept colors.&lt;br /&gt;
* ''gray sockets'' accept single values (like alpha).&lt;br /&gt;
&lt;br /&gt;
; '''Output sockets'''&lt;br /&gt;
:The right side of a node has output sockets:&lt;br /&gt;
* ''blue sockets'' produce vectors.&lt;br /&gt;
* ''yellow sockets'' produce colors.&lt;br /&gt;
* ''gray sockets'' produce single values (like alpha).&lt;br /&gt;
&lt;br /&gt;
; '''Image preview'''&lt;br /&gt;
:Inside the node there's an area to show the image preview being output by the node or the curves that control the node behavior (for example in a RGB node).&lt;br /&gt;
&lt;br /&gt;
; '''Buttons and menus'''&lt;br /&gt;
:Below the image preview there are buttons and menus to control the node behavior.&lt;br /&gt;
&lt;br /&gt;
; '''Threads'''&lt;br /&gt;
:A curved line shows a connection from an output socket to an input socket.  The socket types must match.&lt;br /&gt;
Connections associated with the active node are highlighted for better visibility.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Collapsing toggles ==&lt;br /&gt;
At the top of a node there are up to 4 visual controls for the node (''Top of a Node''). Clicking these controls influences how much information the node shows.&lt;br /&gt;
&lt;br /&gt;
; '''Node toggle''' ([[File:Manual-Using Nodes-Arrow default.png]] [[File:Manual-Using Nodes-Arrow collapsed.png]])&lt;br /&gt;
:The arrow on the left collapses/uncollapses the node.&lt;br /&gt;
&lt;br /&gt;
; '''Preview image toggle'''&lt;br /&gt;
:The sphere button on the far right of the titlebar hides/unhides the preview image.&lt;br /&gt;
{|&lt;br /&gt;
 |valign=top|[[File:Doc26-ref-nodes-controls-collapse.png|frame|none|Full display]]&lt;br /&gt;
 |valign=top|[[File:Doc26-ref-nodes-controls-collapse2.png|frame|none|Preview hidden]]&lt;br /&gt;
 |valign=top|[[File:Doc26-ref-nodes-controls-collapse3.png|frame|none|Node collapsed]]&lt;br /&gt;
 |}&lt;br /&gt;
&lt;br /&gt;
== Sizing the node ==&lt;br /&gt;
&lt;br /&gt;
Fine Sizing of an individual node can also be accomplished somewhat by clicking {{Shortcut|lmb}} and dragging on the left or right edge of the node.&lt;br /&gt;
&lt;br /&gt;
== Sockets ==&lt;br /&gt;
&lt;br /&gt;
[[File:Doc26-ref-nodes-controls-sockets.png|frame|right|Node Sockets.]]&lt;br /&gt;
&lt;br /&gt;
Each Node in your node window will have &amp;quot;sockets&amp;quot; (often also referred to as &amp;quot;connectors&amp;quot;) which are small colored circles to which input data and output data can be linked (''Node Sockets'').&lt;br /&gt;
&lt;br /&gt;
The sockets on the left side of a node describe ''inputs,'' while the sockets on the right side are ''outputs.''&lt;br /&gt;
&lt;br /&gt;
For your convenience, nodes are ''color-coded'' according to the type of information they expect to send or receive.  There are three colors:&lt;br /&gt;
;[[File:Manual-Using Nodes-Socket yellow.png]] Yellow sockets&lt;br /&gt;
:Indicates that '''color''' information needs to be input or will be output from the node.&lt;br /&gt;
&lt;br /&gt;
;[[File:Manual-Using Nodes-Socket gray.png]] Gray sockets&lt;br /&gt;
:Indicates values ('''numeric''') information. It can either be a single numerical value or a so-called &amp;quot;value map.&amp;quot; (You can think of a value map as a grayscale-map where the different amount of bright/dark reflects the value for each point.) If a single value is used as an input for a &amp;quot;value map&amp;quot; socket, all points of the map are set to this same value.&lt;br /&gt;
:Common use: Alpha maps and value options for a node.&lt;br /&gt;
&lt;br /&gt;
;[[File:Manual-Using Nodes-Socket blue.png]] Blue/Purple sockets&lt;br /&gt;
:Indicates '''vector/coordinate/normal''' information.&lt;br /&gt;
&lt;br /&gt;
Between nodes, yellow must be linked to yellow, gray to gray, blue to blue, unless you use a ''converter,'' which we'll cover later on.&lt;br /&gt;
&lt;br /&gt;
Next to the color in the node you will see the name of that socket. Though not always the case, you can think of the name of the socket as what the information is ''intended'' to be.  But this is not necessarily what it ''has'' to be.  For example, I can add a link from a gray socket titled {{Literal|Alpha}} to the material node's gray {{Literal|Reflection}} socket and still get a result, the key thing being that it's a &amp;quot;gray to gray&amp;quot; connection.&lt;br /&gt;
&lt;br /&gt;
There are exceptions where you can mix yellow (i.e. a color image) and gray (''e.g.'' grayscale) without converters. Blender normally places a converter if needed, so feel free to experiment with them. You can use the &amp;quot;Viewer&amp;quot; output nodes, as explained in the later sections, to see if/how it works.&lt;br /&gt;
&lt;br /&gt;
== Curves ==&lt;br /&gt;
Some nodes have a curve area that translates an input value to an output value. You can modify this curve shape by clicking on a control point and moving it, or adding a control point. Some examples are shown below:&lt;br /&gt;
&lt;br /&gt;
[[File:Doc26-ref-nodes-controls-curves.png|thumb|500px|center|Modifying a curve node.]]&lt;br /&gt;
&lt;br /&gt;
Every curve starts out as a straight line with a slope of 1. The curve starts out with two tiny black control points at each end of the line. Clicking {{Shortcut|lmb}} on a control point selects it and it turns white.&lt;br /&gt;
&lt;br /&gt;
Changing the curve affects how the output is generated. The input, X, usually proceeds linearly (at regular intervals) across the '''bottom''' axis. Go up until you hit the curve, and then over to the '''right''' to determine the Y output for that corresponding X. So, for the second example, as X goes from 0 to 1.0 across the bottom, Y varies from 0.0 to 0.5. In the third, as X goes from 0.0 to 1.0 across the bottom, Y stays constant at 0.5. So, in the picture above, these curves have the following effect on time: '''A''' don't affect, '''B''' slow down, '''C''' stop, '''D''' accelerate, and '''E''' reverse time.&lt;br /&gt;
&lt;br /&gt;
The &amp;quot;Curves&amp;quot; widget is a built-in feature in Blender's UI, and can be used anywhere, provided the curve data itself is being delivered to this widget. Currently it is used in the Node Editor and in the UV Window.&lt;br /&gt;
&lt;br /&gt;
This widget will map an input value horizontally and return the new value as indicated by the height of the curve.&lt;br /&gt;
&lt;br /&gt;
''Note:'' The fact that one of the points on the curve is &amp;quot;white&amp;quot; in each of these screenshots is ''not'' significant; it just means that it happened to be the point most-recently selected by your author when preparing this tutorial.  What matters here is the shape of ''the curve,'' not the position (nor the color) of the control points that were used to define it.&lt;br /&gt;
&lt;br /&gt;
=== RGB Curves ===&lt;br /&gt;
Multiple curves can be edited in a single widget. The typical use, RGB curves, has &amp;quot;Combined&amp;quot; result or &amp;quot;Color&amp;quot; (&amp;quot;C&amp;quot;) as the first curve, and provides curves for the individual R, G, and B components. All four curves are active together; the &amp;quot;C&amp;quot; curve gets evaluated first.&lt;br /&gt;
&lt;br /&gt;
=== Selecting curve points ===&lt;br /&gt;
*{{Shortcut|lmb}} always selects 1 point and deselects the rest.&lt;br /&gt;
*Hold {{Shortcut|Shift}} while clicking to extend the selection or select fewer points.&lt;br /&gt;
&lt;br /&gt;
=== Editing curves ===&lt;br /&gt;
*{{Shortcut|lmb}} click&amp;amp;drag on a point will move points.&lt;br /&gt;
*A {{Shortcut|lmb}} click on a curve will add a new point.&lt;br /&gt;
*Dragging a point exactly on top of another will merge them.&lt;br /&gt;
*Holding {{Shortcut|Shift}} while dragging snaps to grid units.&lt;br /&gt;
*{{Shortcut|ctrl|lmb}} adds a point.&lt;br /&gt;
*Use the {{Literal|X}} icon to remove selected points.&lt;br /&gt;
{{clr}}&lt;br /&gt;
&lt;br /&gt;
=== Editing the view ===&lt;br /&gt;
The default view is locked to a 0.0-1.0 area. If clipping is set, which is the default, you cannot zoom out or drag the view. Disable clipping with the icon resembling a #.&lt;br /&gt;
*{{Shortcut|lmb}} click&amp;amp;drag outside of curve moves the view&lt;br /&gt;
*Use the + and - icons to zoom in or out.&lt;br /&gt;
&lt;br /&gt;
=== Special tools ===&lt;br /&gt;
The wrench icon gives a menu with choices to reset a view, to define interpolation of points, or to reset the curve.&lt;/div&gt;</summary>
		<author><name>wiki&gt;Sculptorjim</name></author>
		
	</entry>
</feed>