## Stickman
In this tutorial we are going to explore the animated character __Stickman3D__ and we will see how we can personalized it to our needs. At the end of the tutorial,
we are going to use a Stickman3D in SceneMaker.
<h2>Stickman’s logic control<a id="Stickman’s logic control"></a></h2>
<p>Stickman’s logic control is carried out by Control Panel, which is implemented in StickmanStageController.java class</p>
<img src="../images/tutorials/stickman/ControlPanel.png" />
<p>At first we choose character (Stickman),which we want to control.</p>
<img src="../images/tutorials/stickman/ChooseStickman.png" />
<p>Then we can make manipulations on stickman. For example ,if we choose __Color->Head__ and color red from __ColorPicker__ and __Emotion->Angry3__ as a result we will get
"Figure 1". And with __Emotion->Smile__ we will get "Figure 2"</p>
<div class="image123">
<div style="float:left;">
<figure style="display: inline-block; border: 1px dotted gray; margin: 20px;">
<img src="../images/tutorials/stickman/StickmanHeadRed_Angry3.png" />
<figcaption style="text-align: center; border: 1px dotted blue;">Figure 1</figcaption>
</figure>
</div>
<div style="float:left;">
<figure style="display: inline-block; border: 1px dotted gray; margin: 20px;">
<img src="../images/tutorials/stickman/EmotionHeadSmile.png" />
<figcaption style="text-align: center; border: 1px dotted blue;">Figure 2</figcaption>
</figure>
</div>
</div>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<p>(For a more detailed explanation of each emotion, you can check our guidance tutorial <a href="tut_simulation3D.html">Emotion Expression in Stickman</a> )</p>
<h2>SceneMaker and Stickman3D<a id="SceneMaker and Stickman3D"></a></h2>
SceneMaker comes by default with an animated character called __Stickman__. This animated character is inspired by the stickmans drawn by Sarah Johnson [www.sarah-johnson.com](www.sarah-johnson.com) in the
Valentine music video from Kina Grannis shot by Ross Ching in 2012.
<p>We can change Stickman with Stickman3D</p>
1. Create a new project in VSM
2. Right click on the project. This opens the <b>project editor</b>.
3. Select Devices and StickmanExecutor. Add Name "<b>stickman</b>" and click "<b>Add Device</b>"
<img src="../images/tutorials/stickman/projectEditor1.PNG" />
4. Select stickman and add the following attributes
<img src="../images/tutorials/stickman/projectEditor2.PNG" />
<ul>
<li> __smhost__: The address on which the __Visual SceneMaker__ comunicates with the __Stickman__ via TCP/IP. You should leave this as it is.</li>
<li> __smport__: The port on which the __Visual SceneMaker__ comunicates with the __Stickman__ via TCP/IP. You should leave this as it is.</li>
<li>__showstickmanname__: If this is true, then shothe names of each character will be shown in the stage. The default value is false</li>
<li>__stickman__: if this is Pinocchio, then we have 3D version of Stickman </li>
<li>__fullscreen__: If this is true, then the stickmans will be shown in __fullscreen__. The default value is false. </li>
</ul>
<h2>Videos of Stickman3D</h2>
1) With VSM it is possible to control Stickman3D.In this video is shown VSM commands short list, which we can use for controlling Stickman3D.
<br/>
<video width="600" controls>
<source src="../../video/Strickman3DCommands.mp4" type="video/mp4">
</video>
<br/>
2) With VSM it is possible to parallel execution of the commands. In the next video are shown commands: <b>StartBreathing</b>,
<b>StartBlinking</b>, <b>Smile</b>, <b>Clap</b> and <b>Nod2</b> parallel execution.
<br/>
<video width="600" controls>
<source src="../../video/parallelExecutionOfCommands.mp4" type="video/mp4">
</video>
<br/>
3) Like StickmanFX Stickman3D has the function TTS(TextToSpeech) too, which is executed in VSM. You can see more information in that link
<a href="tut_stickman.html">Tts Stickman tutorial </a>.
<br/>
<video width="600" controls>
<source src="../../video/TalkingStickman3D.mp4" type="video/mp4">
</video>
<br/>
Right now everything is set! so just press play and have fun!
<br/><br/><br/>
<ul>
<li><a href="tut_Stickman3D_Modification.html">Next: Stickman3D modication </a> </li>
<li><a href="tut_3D_Ritation.html">Next: Stickman3D rotation </a> </li>
</ul>
Back to Tutorials Index...