How to Create Interactive Multiple-choice Quiz in Adobe Flash CS4

QuizCreator supplies an easy way to create interactive Flash quiz for users, Adobe Flash also lets users make interactive Flash quizzes too. This tutorial will guide you how to create interactive drop-down multiple-choice quiz. It is just a sample of the workflow you’ll use while authoring in Adobe Flash CS4. You can view the Flash quiz created by Adobe Flash below.

Step 1 – Create a new document
a. Choose File > New.
b. In the New Document dialog box, selcet Flash File (ActionScript 2.0) and then Click OK.

Step 2 – Document settings
Right-click on the stage, selcet Document Properties, then the Document Properties dialog box appears. It displays the current Stage size setting as 550 × 400 pixels, and the Background color swatch is set to white. You can change the size and color of the Stage as you want.

document properties How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

Step 3 – Import image to the stage
Choose File > Import > Import to Stage, and then select the image you want. You also could click Ctrl+R to import image.

Step 4 – Add the multiple choice question to the Stage
a. Select the Text tool (T).
b. In the Property inspector (Window > Properties), select Static Text type to specify the type of text field, and then input the question ” What was Michael’s first song to air on MTV? “. You also could set the font size, family and color of the text.

Step 5 – Add ComboBox component
a. Select Window > Components.

combobox How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

b. Double-click ComboBox in the Components panel.
c. Select the component on the Stage, and name the instance name as box in the properties panel.

name box How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

Step 6 – Add answer options
a. Select Window > Component Inspector. On the Component Inspector, click data, then the Value dialog box appears.

data How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

b. Click + to add answer options, and then replace the defaultValue as answer options, here the options are: thriller, billie jean, bad and the way you make me feel. After that, click OK.

c. On the Component Inspector, click labels, then the Value dialog box appears. Please following the same steps above to add the values by adding the + button.

Step 7 – Add submit button
a. Select Window > Common Libraries > Buttons, then the Libraries buttons dialog pop up.
b. Choose a button and drag it to stage.

button How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

c. Double-click the button, and then rename the button as Submit. You also could set the size of the button at the Propertites panel.

Step 8 – Insert a keyframe and delete the elements on the frame

Step 9 – At keyframe 2, insert a dynamic text box
a. Select the Text tool (T).
b. In the Property inspector (Window > Properties), select Dynamic Text type.
c. Draw a rectangular text box, this is the feedback area when quiz-takers choose the right or wrong answer.
d. Select the rectangular text box, and input jg to the Variable box at the Properties panel.

variable How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

Step 10 – At At keyframe 2, add Back button
Just following the same steps at step 8 to add button rename the button as Back.

Step 11 – Open the Action panel and add scripts
a. Add scripts to Back button.Click the Back button, input the following scripts:
on (release) {
gotoAndStop(1);
jg = “”; }

script How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

b. Add scripts to Submit button.Click the Submit button, input the following scripts:
on (press) {
if (box.getValue() == “billie jean”) {
jg = “Sorry, wrong answer! Please select again!”;
}
if (box.getValue() == “bad”) {
jg = ” Sorry, wrong answer! Please select again!”;
}
if (box.getValue() == “the way you make me feel”) {
jg = ” Sorry, wrong answer! Please select again!”;
}
if (box.getValue() == “thriller”) {
jg = “Congratulations! Triller is Michael’s first song to air on MTV”;
}
gotoAndStop(2);
}
c. Add scripts on frame 1. Click frame 1, input the following scritps:
stop();

Step 12 – After these steps, the question is created. You could follow these steps to create more multiple choice questions

If these steps are too complicate to you, you can choose Wondershare QuizCreator to help you, it is a good Flash quiz maker that helps everyone create multiple Flash quiz without programming skills.

share save 171 16 How to Create Interactive Multiple choice Quiz in Adobe Flash CS4

Tags: , , , , ,

11 Responses to “How to Create Interactive Multiple-choice Quiz in Adobe Flash CS4”

  1. How to Create Interactive Multiple-choice Quiz in Adobe Flash CS4…

    This tutorial will guide you how to create interactive drop-down multiple-choice quiz in Adobe Flash with step-by-step illustrations….

  2. [...] Make a Flash quiz with Scripts If you are good at Scripts, using Scripts to create Flash quizzes would be the most ideal way. This way of making quizzes is flexible, you can generate lots of different quiz in different style. Click to view how to create interactive multiple-choice Flash quiz in Adobe Flash CS4. [...]

  3. [...] you want to use Adobe Flash to create Flash quiz, please go to view how make Flash with Adobe Flash. If you liked this post, you might also find these interesting:No Related [...]

  4. KUSHA says:

    Hi,

    I would like to create an interacteve multiple-choice quiz in flash, however I would like to make it with the animation I have prepared on the stage in flash.

    I would like the animation to play all the time and the questions to not interrupt it. How can I do so?

    Please help :)
    xxx

  5. Robert says:

    Hello,

    I’m looking to create a flash fill in the blank quiz. I’ve looked at several other proprietary elearning sites. I’m not looking for anyones proprietary software that has a premade template. I’ve tried several and they dont work for me in the end. I need to create a fill-in-the-blank type of quiz that allows for input of multiple lines of text such as a poem or phrase. Im looking for the Actionscript code.

    Thanks

    Robert Munoz

  6. Alex says:

    Hi

    This does not work for action script 3 it only works in action script 2, have you got something similarthat works in action scirpt 3?

    Thanks Alex

  7. [...] types and add images, sounds, Flash movies and videos to enrich your test. Here is a tutorial about how to create interactive multiple-choice quiz in Adobe Flash CS4, just view the quiz made by Adobe Flash [...]

  8. Marcelo Cardoso says:

    Hey there i gotta do a game untill tomorow ( 05-01-2011) and your “toturial” is giving me an error . can u add me in MSN or in facebook so we can discuss this .

    this is the error

    Descryption : ” This type of quotation mark is not allowed in ActionScript. Please change it to a standard (straight) double quote. ”

    Source : ” if (box.getValue() == “nove”) { “

  9. Marcelo Cardoso says:

    ok i’ve already got my answer thanks anyway this was very helpfull . ;)

  10. I will be trying to make the experience more game-like and test users on their knowledge before providing them with the information held within the database. The information already is quite trivia-like so this change should be very beneficial to bringing the project up to another level. I will begin by seeking out various ways to receive input commands to make the database function as seamlessly as possible.
    [...] http://www.quiz-creator.com/blog/2009/07/how-to-create-interactive-multiple-choice-quiz-in-adobe-fla… [...]

  11. admin says:

    @Marcelo Cardoso. Well done! Good to hear that. And you may create your game with QuizCreator, so you may avoid many coding problems.

Leave a Reply