material-maker/doc/node_transform.html
2018-08-27 18:38:35 +02:00

269 lines
8.1 KiB
HTML

<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Transform node &mdash; Material Maker documentation</title>
<link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="next" title="Warp node" href="node_warp.html" />
<link rel="prev" title="Normal map node" href="node_normal_map.html" />
<script src="_static/js/modernizr.min.js"></script>
</head>
<body class="wy-body-for-nav">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div class="wy-side-nav-search">
<a href="index.html" class="icon icon-home"> Material Maker
</a>
<div role="search">
<form id="rtd-search-form" class="wy-form" action="search.html" method="get">
<input type="text" name="q" placeholder="Search docs" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
</div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="intro.html">Introduction</a></li>
<li class="toctree-l1"><a class="reference internal" href="user_interface.html">User interface</a></li>
<li class="toctree-l1 current"><a class="reference internal" href="nodes.html">Available nodes</a><ul class="current">
<li class="toctree-l2"><a class="reference internal" href="nodes_generators.html">Generator nodes</a></li>
<li class="toctree-l2 current"><a class="reference internal" href="nodes_filters.html">Filter nodes</a><ul class="current">
<li class="toctree-l3"><a class="reference internal" href="node_colorize.html">Colorize node</a></li>
<li class="toctree-l3"><a class="reference internal" href="node_blend.html">Blend node</a></li>
<li class="toctree-l3"><a class="reference internal" href="node_blur.html">Blur node</a></li>
<li class="toctree-l3"><a class="reference internal" href="node_combine.html">Combine node</a></li>
<li class="toctree-l3"><a class="reference internal" href="node_decompose.html">Decompose node</a></li>
<li class="toctree-l3"><a class="reference internal" href="node_emboss.html">Emboss node</a></li>
<li class="toctree-l3"><a class="reference internal" href="node_normal_map.html">Normal map node</a></li>
<li class="toctree-l3 current"><a class="current reference internal" href="#">Transform node</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#inputs">Inputs</a></li>
<li class="toctree-l4"><a class="reference internal" href="#outputs">Outputs</a></li>
<li class="toctree-l4"><a class="reference internal" href="#parameters">Parameters</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="node_warp.html">Warp node</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="index.html">Material Maker</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs">
<li><a href="index.html">Docs</a> &raquo;</li>
<li><a href="nodes.html">Available nodes</a> &raquo;</li>
<li><a href="nodes_filters.html">Filter nodes</a> &raquo;</li>
<li>Transform node</li>
<li class="wy-breadcrumbs-aside">
</li>
</ul>
<hr/>
</div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div itemprop="articleBody">
<div class="section" id="transform-node">
<h1>Transform node<a class="headerlink" href="#transform-node" title="Permalink to this headline"></a></h1>
<p>The transform node applies a scale operation, a rotation and a translation to the input image.</p>
<img alt="_images/node_transform.png" src="_images/node_transform.png" />
<div class="section" id="inputs">
<h2>Inputs<a class="headerlink" href="#inputs" title="Permalink to this headline"></a></h2>
<p>The transform node accepts a color image as input.</p>
<p>It also accepts a greyscale input image for each transform parameter. In that case,
instead of applying a uniform transform to the input image, the transform parameter
will, for each pixel, be multiplied by a value from -1 to 1 that depends linearly
on the corresponding greyscale input image (a black pixel will multiply the parameter
by -1, a white pixel will not change the parameter, a grey50 pixel will set it to 0).</p>
</div>
<div class="section" id="outputs">
<h2>Outputs<a class="headerlink" href="#outputs" title="Permalink to this headline"></a></h2>
<p>The transform node outputs the transformed image.</p>
<p>The input image is first rotated around its center, then the scale operation is applied and
finally the translation.</p>
<p>Using the scale operation to zoom on a detail of the input image is only recommended if the
input does not rely on resolution dependant nodes.</p>
</div>
<div class="section" id="parameters">
<h2>Parameters<a class="headerlink" href="#parameters" title="Permalink to this headline"></a></h2>
<p>The transform node has the following parameters:</p>
<ul class="simple">
<li><em>Translate X</em> and <em>Translate Y</em> define the translation.</li>
<li><em>Rotate</em> define the rotation expressed in degrees.</li>
<li><em>Scale X</em> and <em>Scale Y</em> define the scale operations along the X and Y axes.</li>
<li>If <em>Repeat</em> is checked, zooming out will repeat the image, otherwise it will be clamped.</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="node_warp.html" class="btn btn-neutral float-right" title="Warp node" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
<a href="node_normal_map.html" class="btn btn-neutral" title="Normal map node" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
</div>
<hr/>
<div role="contentinfo">
<p>
&copy; Copyright 2018, Rodz Labs.
</p>
</div>
Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT:'./',
VERSION:'',
LANGUAGE:'None',
COLLAPSE_INDEX:false,
FILE_SUFFIX:'.html',
HAS_SOURCE: true,
SOURCELINK_SUFFIX: '.txt'
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<script type="text/javascript" src="_static/js/theme.js"></script>
<script type="text/javascript">
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true);
});
</script>
</body>
</html>