<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qblendedclipanimator.cpp -->
<title>BlendedClipAnimator QML Type | Qt 3D 5.12.2</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="qt3d-index.html">Qt 3D</a></td><td ><a href="qt3d-qml.html">QML Types</a></td><td >BlendedClipAnimator QML Type</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qt3d-index.html">Qt 5.12.2 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">BlendedClipAnimator QML Type</h1>
<span class="subtitle"></span>
<!-- $$$BlendedClipAnimator-brief -->
<p><a href="qml-qt3d-animation-blendedclipanimator.html">BlendedClipAnimator</a> is a component providing animation playback capabilities of a tree of blend nodes. <a href="#details">More...</a></p>
<!-- @@@BlendedClipAnimator -->
<div class="table"><table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> import Qt3D.Animation 2.12</td></tr><tr><td class="memItemLeft rightAlign topAlign"> Since:</td><td class="memItemRight bottomAlign"> Qt 5.9</td></tr><tr><td class="memItemLeft rightAlign topAlign"> Instantiates:</td><td class="memItemRight bottomAlign"> <a href="qml-qt3d-animation-blendedclipanimator.html"><a href="qt3danimation-qblendedclipanimator.html">QBlendedClipAnimator</a></td></tr></table></div><ul>
<li><a href="qml-qt3d-animation-blendedclipanimator-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-qt3d-animation-blendedclipanimator.html#blendTree-prop">blendTree</a></b></b> : AbstractClipBlendNode</li>
</ul>
<!-- $$$BlendedClipAnimator-description -->
<a name="details"></a>
<h2 id="details">Detailed Description</h2>
<p>An instance of <a href="qml-qt3d-animation-blendedclipanimator.html">BlendedClipAnimator</a> can be aggregated by an Entity to add the ability to play back animation clips and to apply the calculated animation values to properties of QObjects.</p>
<p>Whereas a <a href="qml-qt3d-animation-clipanimator.html">ClipAnimator</a> gets its animation data from a single animation clip, <a href="qml-qt3d-animation-blendedclipanimator.html">BlendedClipAnimator</a> can blend together multiple clips. The animation data is obtained by evaluating a so called <i>blend tree</i>. A blend tree is a hierarchical tree structure where the leaf nodes are value nodes that encapsulate an animation clip (AbstractAnimationClip); and the internal nodes represent blending operations that operate on the nodes pointed to by their operand properties.</p>
<p>To associate a blend tree with a <a href="qml-qt3d-animation-blendedclipanimator.html">BlendedClipAnimator</a>, set the animator's <a href="qml-qt3d-animation-blendedclipanimator.html#blendTree-prop">blendTree</a> property to point at the root node of your blend tree:</p>
<pre class="cpp plain">
BlendedClipAnimator {
blendTree: AdditiveClipBlend {
....
}
}
</pre>
<p>A blend tree can be constructed from the following node types:</p>
<p><b>Note: </b>The blend node tree should only be edited when the animator is not running.</p><ul>
<li>Qt3D.Animation.ClipBlendValue</li>
<li>Qt3D.Animation.LerpClipBlend</li>
<li>Qt3D.Animation.<a href="qml-qt3d-animation-additiveclipblend.html">AdditiveClipBlend</a></li>
</ul>
<p>Additional node types will be added over time.</p>
<p>As an example consider the following blend tree:</p>
<pre class="cpp plain">
Clip0----
|
Lerp Node----
| |
Clip1---- Additive Node
|
Clip2----
</pre>
<p>This can be created and used as follows:</p>
<pre class="cpp plain">
BlendedClipAnimator {
blendTree: AdditiveClipBlend {
baseClip: LerpClipBlend {
startClip: ClipBlendValue {
clip: AnimationClipLoader { source: "walk.json" }
}
endClip: ClipBlendValue {
clip: AnimationClipLoader { source: "run.json" }
}
}
additiveClip: ClipBlendValue {
clip: AnimationClipLoader { source: "wave-arm.json" }
}
}
channelMapper: ChannelMapper {...}
running: true
}
</pre>
<p>By authoring a set of animation clips and blending between them dynamically at runtime with a blend tree, we open up a huge set of possible resulting animations. As some simple examples of the above blend tree, where alpha is the additive factor and beta is the lerp blend factor we can get a 2D continuum of possible animations:</p>
<pre class="cpp plain">
(alpha = 0, beta = 1) Running, No arm waving --- (alpha = 1, beta = 1) Running, Arm waving
| |
| |
| |
(alpha = 0, beta = 0) Walking, No arm waving --- (alpha = 0, beta = 1) Running, No arm waving
</pre>
<p>More complex blend trees offer even more flexibility for combining your animation clips. Note that the values used to control the blend tree (alpha and beta above) are simple properties on the blend nodes. This means, that these properties themselves can also be controlled by the animation framework.</p>
<!-- @@@BlendedClipAnimator -->
<h2>Property Documentation</h2>
<!-- $$$blendTree -->
<div class="qmlitem"><div class="qmlproto">
<div class="table"><table class="qmlname">
<tr valign="top" class="odd" id="blendTree-prop">
<td class="tblQmlPropNode"><p>
<a name="blendTree-prop"></a><span class="name">blendTree</span> : <span class="type"><a href="qml-qt3d-animation-abstractclipblendnode.html">AbstractClipBlendNode</a></span></p></td></tr>
</table></div>
</div><div class="qmldoc"><p>This property holds the root of the animation blend tree that will be evaluated before being interpolated by the animator.</p>
</div></div><!-- @@@blendTree -->
<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>
