Virtual Reality Tour Sample Project

Hi friends!  I just went live with my first Captivate virtual reality project.  In a moment, I’ll be posting an article all about lessons learned tackling this 360 walkthrough.  I hope you enjoy it and (as always!) welcome constructive feedback.

Click the play button below to check it out:


The post Virtual Reality Tour Sample Project appeared first on eLearning.

Custom Digital Font – Part 4 – The Product

This is the fourth and final post in this series of a custom digital font. Feel free to review the other related posts on this if you have not already.

1. Part 1 – Microwave

2. Part 2 – Digital Signage

3. Part 3 – Making the Font

In this post, I am sharing the project file and some tips.

The Project File

Remember – this is actually a series of image states with a particular naming convention. What you will get is a Captivate File (v11.5.0.476) with basically four items.

1. Red number set with a decimal, hyphen, and colon. There is an image for both a number as well as a number with a decimal point for both ease and spacing of crafting numbers.

2. Red alphanumeric set. This contains all of the states from the red number set plus 26 additional letter states.

3. Green number set with decimal, hyphen, and colon.

4. Green alphanumeric set.

All sets also contain a blank space. This is the default – so it looks like nothing is on the screen. I placed a box on the stage underneath each of the character sets for ease in locating.

Things to Know

1. All states are named using the same convention.  char1, char2, charA, charB, etc

2. All special characters are named as follows.   charSpace, charColon, charHyphen, charDot

3. All numbers with decimal included are named as follows.   char1dot, char2dot, etc.

4. All states are exactly the same size.  72W x 100H

5. Remember – this is a 7 Segment font like you might see on a digital alarm clock. The Eight has all seven segments lit up. That means there are limitations to crafting letters.

Resizing Advice

Chances are good that you will want to use a size that is different than what is provided. Here is my advice to save time and trouble.

1. Open the font project in a separate tab.

2. Open a blank project in a separate tab.

3. Copy the character set of your choice from the font project.

4. Paste the set into the blank project.

5. Size the font to suit your project.

6. In the properties panel with options selected – click the little dropdown in the Transform section and select Apply to all items of this type (see pic).

7. Copy the character set

8. Paste the character set into your own project.

I do it this way so that any other items on your stage do not change or move in a way you do not want them to.

Object Naming Advice

When you actually place a character set into a project I would suggest a good naming system that can help you easily identify your object. Especially if you utilize more than one of them in a single project.

For example – With the Microwave (Part 1) – I used digit1, digit2, digit3, and digit4 to name each of the number positions in the clock.

In the digital signage (Part 2) – I had four rows with 9 character sets in each row. I named them simply a1 thru a9, b1 thru b9, c1 thru c9, and d1 thru d9.

This made it easy to find the character I needed changed.

Upcoming Project

I know the alphabet with seven segments does not look great. I was going to offer a 14 segment font but decided to bypass that and go straight to a full LED display font. Here is a sneak peek at that. It will be more full featured with upper and lower case alphabet and several additional symbols.

I will share this when it is ready. In the mean time I look forward to seeing and hearing about the projects that you have made with this digital font set.

Here is the project file. For those of you with an older version of Captivate – my apologies.

sevenSegFont – 640KB


The post Custom Digital Font – Part 4 – The Product appeared first on eLearning.

Custom Digital Font – Part 3 – Making the Font

In this post, I demonstrate a little bit about how I went about actually making the font.

This custom font is actually a set of images that are all imported to Captivate and used as states.
This will allow you to use the font in your own projects without the customer having to need the font installed on their computer in order to enjoy it.

All of the characters are sized the same way so that they can scale and still be aligned and spaced out easily.

Take a look at the video which is about 9 minutes and gives an overview of the creation process.

Feel free to ask any questions that you may have.

The post Custom Digital Font – Part 3 – Making the Font appeared first on eLearning.

Custom Digital Font – Part 1 – The Microwave

This is a 4-part series having to do with a custom digital font that I created and intend to give to you.

However – before I do that – I want to share some things. The first two will be projects that utilize the font in fun yet different ways.

  1. The STAGROWAVE 3000 microwave oven!
  2. Stay tuned for Project Number 2! (It is a Surprise)
  3. I will show you how I created the font.
  4. I will provide the font with some details on how to incorporate it into your own projects.

So – clearly – the first of these projects is the STAGROWAVE 3000! This microwave will make your neighbors jealous.

The STAGROWAVE 3000 comes with the following standard features.

  1. 12-key control pad with numbers 0-9 as well as both COOK and CANCEL buttons.
  2. A large, easy-to-read LED digital display. (Featuring the Digital Font)
  3. Clock that reads out in 24-hour military time when not cooking.
  4. Cook timer that can cook up to 99 minutes and 99 seconds. (UMM – Not recommended)
  5. Large interior that can accommodate your Thanksgiving turkey!

Try it out today!Play

The post Custom Digital Font – Part 1 – The Microwave appeared first on eLearning.

Building A Calculator – Part 1 – Introduction

Here is what I would consider a pretty ambitious project.

On the surface, this might seem like a pretty simple project but I found it to be a pretty good challenge.

For those of you who are interested, I will be putting together a multi-part series on how to craft the STAGCALC 3000

For starters – take a look at it and test it out. Obviously, I don’t have time to test every possible calculation so perhaps there is a bug or two – or thirty.
If you find one, please let me know.

Currently – as you’ll read in the working project – you do need to clear the display after each calculation that is done. No ability to perform one after the next in series. Also I have limited the small display to a range of -99999999 to 99999999. If you generate something larger or smaller than that you will get an error.

As we build this over the weeks to come – you can make something with your own flair.

I look forward to breaking this down and hearing your comments and questions along the way.


The post Building A Calculator – Part 1 – Introduction appeared first on eLearning.

Demo on ‘Windows 7 OS’ Simulation

This is Video of Demonstration of “Windows 7 OS simulation” developed in/using Captivate.

The main Simulation would be uploaded in Blog section. This video shows how to use the simulation.

Note: After seeing this, don’t forget to see (feel) REAL simulation uploaded in Blog section of this site.

The post Demo on ‘Windows 7 OS’ Simulation appeared first on eLearning.

Adding Timer(Time-Limit) to Captivate Quiz using JavaScript.


Although Captivate provides Widget to implement timer in Quiz(Test), following simple procedure, using JavaScript, could give you lot more freedom to program and control the Quiz. I regularly use this in the online Test of my Students.
Let me explain with example, steps required for the same.
In a Captivate project, Add following user variables:
Step 1:
User Variables:
cp_min, cp_sec, cp_time_out, time_left:
Create /add questions slides of your choice. I have added simple 5 slides in this Captivate project to explain this procedure.
Step 2:
As shown below, Insert similar Slide, just before 1st Quiz Slide.

Step 3:

“On Exit” Action of this Slide, add JavaScript as scripted below:

Explanation of the above Script: To explain it better, let me divide script in different parts :
Line 1 to 4: setting JavaScript variables and passing it’s value to Captivate. Here you can set time-limit of your choice. For Demo purpose, I have set just 2 minutes as Time-limit.
Line 7 to 23: it is the function which would be called every second by line number 24.
Inside the function: Line number 8 to 13: simple manipulation of seconds , minutes.
Line 15 to 18: checking if the time is Over. And if thime is over Resullt slide is called.

Timer(second_Passed() function) will continually check for Time elapsed. The moment time is up, JavaScript will force program execution to jump from the current question slide to the Result slide.
Note: The candidate who is giving that exam is not necessarily Failed, but marks would be counted for whatsoever correct answers he/she has given in the time-limit, and Result is displayed accordingly.

Step 4:

To inform Student, about this(sudden end of Exam due to time-out), Time-Out message need to be displayed.

In the Result Slide, following Advanced Actions is added to display “Timed-Out” Box, if time was over.


I hope this will be useful to many who want to add simple time-limit in the Quiz(online exam).

Note: Although everything is shown and working example in also hosted, I have purposely kept one ‘cache’ without explanation. And those who will do it, will come to know about that cache. Try solving that at least for some time… otherwise I will explain that Defiantly. But I strongly believe that first you must try practically.

Request to Expert: Defiantly, You may be knowing the ‘Cache’ and its solution, but please don’t explain and give solution in the immediate post. Let other do by them selves.

The post Adding Timer(Time-Limit) to Captivate Quiz using JavaScript. appeared first on eLearning.

Rock, Paper and Scissors !…

Hello Captivaters !…

After a year of “serious” work (see my previous message here), I wanted to take a funny short break…

And what’s better than a game to do it ?…

I had the idea of making a “Rock-Paper-Scissors” game while ago, so here was the time to make it !…

Nothing really complicated with advanced action…

First of all I created 3 variables :

– v_MyScore (For my score)

– v_YourScore (For the player score)

– v_MyChoice (For choosing randomly my action)

1./ On the first slide of the game (“PLAY”) :

I have 3 images/button for the player’s choice, each one leading to another slide, respectively leading to “ROCK”, “PAPER” and “SCISSORS” slides.

I also made a While action to display my randomly choice, using a multi-state object.

2./ On the 3 player’s choice slides (“ROCK”, “PAPER”, and “SCISSORS”) :

I have an image of the player’s choice,  a multi-state object to display my randomly choice (My_Hand), and another multi-state object to display the result (Win, Loose or Equal).

So I put an “on enter action” with :

– a Javascript action to choose randomly my action (1, 2 or 3) :

window.cpAPIInterface.setVariableValue(“v_MyChoice”, Math.floor(Math.random()*3+1));

– 3 conditional actions (one for each randomly choice) :

# If v_MyChoice is equal to 1

=> Modify the state of “My_Hand” to Rock

(Than apply the results => Win, Loose or Equal, using again a multi-state object with my “Dirlo character”, and increment by 1 v_MyScore or v_YourScore, or doing nothing, depending of the result…)

# If v_MyChoice is equal to 2

=> Modify the state of “My_Hand” to Paper

(Than apply the results => Win, Loose or Equal, using again a multi-state object with my “Dirlo character”, and increment by 1 v_MyScore or v_YourScore, or doing nothing, depending of the result…)

# If v_MyChoice is equal to 3

=> Modify the state of “My_Hand” to Scissors

(Than apply the results => Win, Loose or Equal, using again a multi-state object with my “Dirlo character”,, and increment by 1 v_MyScore or v_YourScore, or doing nothing, depending of the result…)

3./ I fixed the end of the game when a player arrived to 10 points, using 2 new slides (one for “Win”, and one for “Loose”)

For this I put 3 conditional actions on my “Continue button” :

# If v_MyScore is equal to 10

=> Go to “WIN” slide

# If v_YourScore is equal to 10

=> Go to “LOOSE” slide

# If v_MyScore is less than 10 AND v_YourScore is less than 10

=> Go to “PLAY” Slide

And that’s it !… I hope everything is clear as the game is in french !…

So can you beat me ???


As usual great thanks again to Lilybiri !… (See : ;

Have fun with Captivate !…

The post Rock, Paper and Scissors !… appeared first on eLearning.