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.9)

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.9)

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 Jan 23, 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 Jan 23, 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.9)

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 Jan 23, 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.9)

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 Jan 23, 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.8 | Models Version 6.9)

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 Jan 23, 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 Jan 23, 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 Jan 23, 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 Jan 23, 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 Jan 23, 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 Jan 23, 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 Jan 23, 2020)

Deploy model on target

This tutorial shows how to export an EB GUIDE model from EB GUIDE Studio and how to deploy and run the model on an Android device. Learn how to bring a model created in EB GUIDE from your PC to your Android device and see it run on this target environment.

Watch the tutorial

Download supporting files

(Models EB GUIDE Version 6.9)

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

Prerequisites

Prerequisites:

  • The Android target framework installed
  • The SDK installation file sdk_android_14_armv7.exe usually comes along with the download files for your EB GUIDE Studio installation.

Watch the tutorial

Download EB GUIDE Studio

(Models EB GUIDE Version 6.9)