# Tutorial Videos

# Tutorial Shorts

<span>In addition to our tutorial videos we offer a variety of short tutorial videos dedicated to a specific topic each. You can find the videos on our </span>[YouTube Channel](https://www.youtube.com/@CanderaCGIStudio/playlists "Short Tutorial Videos")<span> or as direct links below.</span>

1. [Creating a New Solution](https://youtu.be/0kfB08lDvJg?si=UpNIcG1Bbg72ZGFV)
2. [Scene Creation](https://youtu.be/jvRLYeo96Vg?si=p-AAj8pPwCNp468S)
3. [Text Buttons](https://youtu.be/rJOUBzD6x0A?si=1ZR9x6w7g-V6BSkw)
4. [Grid Layout](https://youtu.be/PmYZaGN7REM?si=T7e7CS0C_jIfKtkq)
5. [Behaviours](https://youtu.be/Htt_AXn8l5A?si=DXhrZ-ks72MpLNDg)
6. [Animation](https://youtu.be/xsyvDk2MvII?si=yukHY9xU6ujAyZSX)
7. [StateMachine](https://youtu.be/2ZZu-sT13tw?si=smH1NC_ui8ObgOuE)
8. [Transition Rule Editor](https://youtu.be/2ZZu-sT13tw?si=ZuuTUWouIL5mGJ-3)
9. [Language Table](https://youtu.be/4BgV_3zYD6Q?si=-alo3nx2Ddlhtndb)
10. [Render Targets](https://youtu.be/LPdlC1qBdCw?si=6_QrBYQ8gI9oUWBk)
11. [Custom Controls](https://youtu.be/c4qx4fD65AU?si=CRfWDeH_9DA--61Y)
12. [Mask Effect](https://youtu.be/l7J4UPsTzDY?si=H9LBsMepM6R5qmWo)

# CGI Studio Introduction

Introduction video for Candera CGI Studio.

<span style="color:rgb(230,126,35);">[CGI Studio Introduction Solution (Entreprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/CGIStudioIntroduction.zip)</span>

<span style="color:rgb(230,126,35);">[CGI Studio Introduction Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/CGIStudioIntroduction_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/Bz46ZIPAtwo?si=PXCMXndxAULBx1wK" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Toolbox Tutorial

This tutorial will show you what's inside the CGI Studio Toolbox. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[Toolbox Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/ToolBoxTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[Toolbox Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/ToolBoxTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/qlwkUXZEVOc?si=QeBvWFLgb9saCrqW" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Behaviors Tutorial

This tutorial will show you simple examples on how to use CGI Studio Behaviors. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[Behaviors Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/BehavioursTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[Behaviors Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/BehavioursTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/Xb7tZLUtyoA?si=0fhmWE5qP-U2IG2V" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# State Machine Tutorial

In this video, you will learn about the CGI Studio Statemachine and how to use them for Scene Transitions. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[StateMachine Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/StateMachineTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[StateMachine Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/StateMachineTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/BQ6TPsWzeOk?si=mOGOzrRNThkKAFdW" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Animation Tutorial

This tutorial will show you how to create animations in CGI Studio. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[Animation Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/AnimationTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[Animation Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/AnimationTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/3VvQAaH5Qws?si=QM3qvoa-f8EK_-3y" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Fusion Editor Tutorial

 A short introduction video showcasing our newly introduced Fusion Editor. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[Fusion Editor Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/FusionEditorTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[Fusion Editor Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/FusionEditorTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/-LXQB-y2YS4?si=7PgAgEc4TT46znq5" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Data Binding Tutorial

A quick tutorial video showing how data binding is working in our Community and Professional Editions.

<span style="color:rgb(230,126,35);">[DataBinding Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/DataBindingTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[DataBinding Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/DataBindingTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/7vYEpfNq85s?si=CR-WEIiHhobxArBA" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Quick Start Guide

The purpose of this video guide is to show how to quickly create a simple cluster solution from a Photoshop image into a functional Asset file using CGI Studio Scene Composer and test it in simulation using the CGI Player.  
It gives a quick overview of the usage of the latest Smart Importer, Controls, Behaviors, and the integrated State Machine.

For a more detailed step-by-step tutorial in written format, click<span style="color:rgb(230,126,35);"> [here](https://doc316en.candera.eu/books/getting-started/chapter/quick-start-guide)</span>.

<span style="color:rgb(230,126,35);">[QuickStart Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/QuickStartTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[QuickStart Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/QuickStartTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/CDSjsVZMoLA?si=-PN68lZ-8b06oOhF" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# Dashboard Tutorial

Creating your first solution, a digital dashboard with instruments. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[Dashboard Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/DashboardTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[Dashboard Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/DashboardTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/kp5kivfSYIc?si=6kq8dU5mQRYV8DkU" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# IVI Tutorial

This tutorial will show you how to create a touchable and interactive In-Vehicle-Infotainment (IVI). The exsmple solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[IVI Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/IVITutorial.zip)</span>

<span style="color:rgb(230,126,35);">[IVI Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/IVITutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/hAlk5HLWZEM?si=47GuolpG9Nmg2Fr2" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>

# White Goods Tutorial

This tutorial will teach you how to create a low-end hardware HMI for white goods, in this case a washing machine HMI. The example solution used in this tutorial video is available at the following location.

<span style="color:rgb(230,126,35);">[WhiteGoods Tutorial Solution (Enterprise Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/WhiteGoodsTutorial.zip)</span>

<span style="color:rgb(230,126,35);">[WhiteGoods Tutorial Solution (Community Edition)](https://www.candera.eu/documediaprovider/Tutorial_Solutions/WhiteGoodsTutorial_CE.zip)</span>

<iframe height="315" src="https://www.youtube.com/embed/lfI9UIPnxRQ?si=pqutg1Q5WzHAe2HZ" style="border:0;" title="YouTube video player" width="560"></iframe>

<p class="callout info">To watch the video in full-screen mode, please click on the YouTube link in the video.</p>