EB GUIDE tutorials

These tutorials will help you understand how to use EB GUIDE. We update this page as we develop new resources, so check back often. If you’re new to EB GUIDE, we suggest you try the Getting Started page.

First steps

This video provides an overview of the new UI components in EB GUIDE Studio 6.

This tutorial shows the basic steps for starting a model in EB GUIDE Studio 6, including creating a new project, using states, transitions, views, widgets, events, and properties.

Watch the tutorial

Download supporting file

(Models EB GUIDE Version 6.10)

Basic modeling skills

This tutorial shows how to create a widget template based on a container, rectangle, and a label. Use templates to inherit or combine complex model elements and build a widget library.

Watch the tutorial

(Video EB GUIDE Version 6.2)

This tutorial shows you how to modify the widget properties of a template. Change the template you created in the demo project with EB GUIDE Scripts.

Prerequisites

Prerequisites:

  • Working with widget template – basic and its associated demo project. (You should already be familiar with creating widget templates.)

Watch the tutorial

Try it yourself

Compare your results

(Video EB GUIDE Version 6.2 | Models Version 6.10)

This tutorial guides you through the process of using EB GUIDE Script to model the behavior of a button. The button changes its size, when clicked. With EB GUIDE Script you can express property values, actions, or conditions and evaluate them during run-time.

Time required: 10 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

Dynamic state machines allow pop-ups during run-time, for instance, to display error messages that overlay the regular display. This tutorial guides you through the process of creating a dynamic state machine for volume control.

Time required: 20 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

This tutorial shows you how to model a reusable pop-up dialog box using a dynamic state machine. The pop-up dialog box is activated when clicking a button. The pop-up dialog box has different content, depending on which button is clicked. In this tutorial you learn how to use a haptic dynamic state machine, datapool items, and EB GUIDE Script.

Watch the tutorial

Try it yourself

Compare your results

(Video EB GUIDE Version 6.4.1 | Models Version 6.10)

This tutorial guides you through the process of creating a list of labeled rectangles with dynamic content by using the instantiator widget. An instantiator displays all list elements in a pre-defined layout. If the content of the list is modified, so is the appearance of the instantiator.

Time required: 10 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

This tutorial shows you how to model an animation that is played when a button is clicked. The animation also triggers a transition to the next screen.

Watch the tutorial

Try it yourself

Compare your results

(Video EB GUIDE Version 6.7.2 | Models Version 6.10)

Advanced modeling skills

This tutorial guides you through the process of modeling an animated progress bar using templates, containers, and animations.

Time required: 10 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

This tutorial shows you how to add multifont support to the font property of the label widget. This way you can define different fonts for different Unicode character ranges.

Watch the tutorial

Try it yourself

Compare your results

(Video EB GUIDE Version 6.10 | Models Version 6.10)

Using a script curve you can define your own curves for animations. This tutorial guides you through the process of creating your own custom curves for two animations.

Time required: 15 min

Read the tutorial

(Last updated on June 16, 2020)

View transition animation (VTA) is an animation that is done while moving from one view to another. This tutorial guides you through the process of creating different view transition animations.

Time required: 30 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

EB GUIDE offers the possibility to use 3D graphics in your EB GUIDE model. This tutorial guides you through the process of importing a 3D graphic and modifying the appearance of it using widget features.

Time required: 15 min

Read the tutorial

(Last updated on June 16, 2020)

Path gestures are shapes drawn with a finger on a touch screen or entered by some other input device. This tutorial guides you through the process of modeling a path gesture.

Time required: 10 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

This tutorial guides you through the process of animating an ellipse widget so that it continually moves across the screen when the simulation starts.

Time required: 5 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

EB GUIDE allows you to display text in the user’s preferred language. This tutorial guides you through modeling a label that changes to accommodate an English, French, and German user interface.

Time required: 10 min

Read the tutorial

Try it yourself

(Last updated on June 16, 2020)

Gamma expresses the relationship between color values and the perceived intensities on the screen. Gamma correction affects color reproduction as well as image color storage. In EB GUIDE Studio, you can perform the gamma correction for a display, an image, or a texture.

Time required: 15 min

Read the tutorial

(Last updated on June 16, 2020)

Deploy model on target

This tutorial shows how to install the two Android apps EB GUIDE Launcher and EB GUIDE Model Chooser on your Android target device in order to run an EB GUIDE 6 model.

Prerequisites

Prerequisites:

  • The Android target framework is installed.
  • The SDK installation file (included in the download files for EB GUIDE Studio) is available.

This tutorial shows how to export an EB GUIDE model from EB GUIDE Studio and how to deploy and run the model on the target device.

Prerequisites

Prerequisites:

  • The apps EB GUIDE Model Chooser and EB GUIDE Launcher are installed. For more information, watch the video How to enable EB GUIDE 6 on an Android device.

Watch the tutorial

Download supporting files

(Models EB GUIDE Version 6.10)