<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qquickanimator.cpp -->
<title>UniformAnimator QML Type | Qt Quick 5.12.6</title>
<link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
<script type="text/javascript">
document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
// loading style sheet breaks anchors that were jumped to before
// so force jumping to anchor again
setTimeout(function() {
var anchor = location.hash;
// need to jump to different anchor first (e.g. none)
location.hash = "#";
setTimeout(function() {
location.hash = anchor;
}, 0);
}, 0);
</script>
</head>
<body>
<div class="header" id="qtdocheader">
<div class="main">
<div class="main-rounded">
<div class="navigationbar">
<table><tr>
<td >Qt 5.12</td><td ><a href="qtquick-index.html">Qt Quick</a></td><td ><a href="qtquick-qmlmodule.html">QML Types</a></td><td >UniformAnimator QML Type</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtquick-index.html">Qt 5.12.6 Reference Documentation</a></td>
</tr></table>
</div>
</div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#properties">Properties</a></li>
<li class="level1"><a href="#details">Detailed Description</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">UniformAnimator QML Type</h1>
<span class="subtitle"></span>
<!-- $$$UniformAnimator-brief -->
<p>The <a href="qml-qtquick-uniformanimator.html">UniformAnimator</a> type animates a uniform of a <a href="qml-qtquick-shadereffect.html">ShaderEffect</a>. <a href="#details">More...</a></p>
<!-- @@@UniformAnimator -->
<div class="table"><table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> import QtQuick 2.12</td></tr><tr><td class="memItemLeft rightAlign topAlign"> Since:</td><td class="memItemRight bottomAlign"> Qt 5.2</td></tr><tr><td class="memItemLeft rightAlign topAlign"> Inherits:</td><td class="memItemRight bottomAlign"> <p><a href="qml-qtquick-animator.html">Animator</a></p>
</td></tr></table></div><ul>
<li><a href="qml-qtquick-uniformanimator-members.html">List of all members, including inherited members</a></li>
</ul>
<a name="properties"></a>
<h2 id="properties">Properties</h2>
<ul>
<li class="fn"><b><b><a href="qml-qtquick-uniformanimator.html#uniform-prop">uniform</a></b></b> : string</li>
</ul>
<!-- $$$UniformAnimator-description -->
<a name="details"></a>
<h2 id="details">Detailed Description</h2>
<p><a href="qml-qtquick-animator.html">Animator</a> types are different from normal Animation types. When using an Animator, the animation can be run in the render thread and the property value will jump to the end when the animation is complete.</p>
<p>The value of the QML property defining the uniform is updated after the animation has finished.</p>
<p>The following snippet shows how to use a <a href="qml-qtquick-uniformanimator.html">UniformAnimator</a> together with a <a href="qml-qtquick-shadereffect.html">ShaderEffect</a> item.</p>
<pre class="qml">
ShaderEffect {
id: shader
width: 50
height: 50
property variant t;
UniformAnimator {
target: shader
uniform: "t"
from: 0
to: 1
duration: 1000
running: true
}
fragmentShader:
"
uniform lowp float t;
varying highp vec2 qt_TexCoord0;
void main() {
lowp float c = qt_TexCoord0.y;
gl_FragColor = vec4(0, 0, c * t, 1);
}
"
}
</pre>
<p>It is also possible to use the <code>on</code> keyword to tie the <a href="qml-qtquick-uniformanimator.html">UniformAnimator</a> directly to a uniform of a <a href="qml-qtquick-shadereffect.html">ShaderEffect</a> instance.</p>
<pre class="qml">
ShaderEffect {
width: 50
height: 50
property variant t;
UniformAnimator on t {
from: 0
to: 1
duration: 1000
}
fragmentShader:
"
uniform lowp float t;
varying highp vec2 qt_TexCoord0;
void main() {
lowp float c = qt_TexCoord0.y;
gl_FragColor = vec4(c * t, 0, 0, 1);
}
"
}
</pre>
<p><b>See also </b><a href="qml-qtquick-shadereffect.html">ShaderEffect</a> and <a href="qml-qtquick-shadereffectsource.html">ShaderEffectSource</a>.</p>
<!-- @@@UniformAnimator -->
<h2>Property Documentation</h2>
<!-- $$$uniform -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="uniform-prop">
<td class="tblQmlPropNode"><p>
<a name="uniform-prop"></a><span class="name">uniform</span> : <span class="type">string</span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the name of the uniform to animate.</p>
<p>The value of the uniform must correspond to both a property on the target <a href="qml-qtquick-shadereffect.html">ShaderEffect</a> and must be a uniform of type <code>float</code> in the fragment or vertex shader.</p>
</div></div><!-- @@@uniform -->
<br/>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2019 The Qt Company Ltd.
Documentation contributions included herein are the copyrights of
their respective owners.<br/> The documentation provided herein is licensed under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a> as published by the Free Software Foundation.<br/> Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. </p>
</div>
</body>
</html>
distrib
>
Mageia
>
7
>
i586
>
media
>
core-updates
>
by-pkgid
>
6e2327ca1c896c6d674ae53117299f21
>
files
>
1196
