SlideShare a Scribd company logo
How To Make
Your Flash Quiz
Interactive
Adding Buttons
Next
Create Your Quiz
• Using all the tools that you have experimented with create
your quiz
o Use motion and shape tweens to make it appealing
o Make each question a new scene
o Create your “yeah” and “argh” scenes for right and wrong answers
• Once you have created all your scenes and you have all your
questions
o Name your scenes so they have meaning
o Create a button that your viewer can click to select the correct question
• You can create one button then drag new buttons from the library
• Now we need to stop your multimedia so we can read the
questions and give time to click the correct answer button
o Add a stop()
o Move your stop() to the end frame
• Now we need to click a button and it take you to the “yeah”
or “argh” scene
o Make your button interactive
• For problems see the troubleshooting section
Name Your Scene
Open the Scene
Panel
This panel opens. To rename
your scene double click the
current name
Creating Your Buttons
Make your
button(s) using
a shape
Create a layer
for your button.
Right click your shape and
choose Convert to Symbol.
Then name your symbol and
select a Button behaviourNext
Another Method For Buttons
• To create an interactive button with different states
1) Select New
Symbol… from
the Insert menu
2) Give your
Button a Name
3) Draw your
button. You should
use different layers
for text and shapes
4) Add Keyframes for each
state, changing the colour
for your shape and/or your
text, for each state
Next
Using Your Button
• The button
you have
just made
will now be
in the library
• You just
need to
drag the
button onto
your stage
to use.
• Don't forget
a new layer
first!
Add A Stop()
• You now need to add some
code in ActionScript to stop
your scene playing over and
over, or even moving onto
the next scene.
1) Add a new layer
and call it Stop
2) Open your
Actions panel
3) Click the plus
icon and choose
stop
4) Or, choose Global Functions,
Timeline Control then click stop Next
Moving Your Stop()
• Your ActionScript will probably be at the start of your
scene, if it is, drag the icon to the last frame
o You don’t want your scene stopping before it starts!
Catch the
ActionScript icon
and drag to the last
frame
Making Your Button
Interactive
• Making your button
interactive is simple and
involves more
ActionScript
1) Select your button
2) Click the plus and
choose Global Functions,
Media Clip Control and
click on
Next
Making Your Button
Interactive
3) A drop-down choice will appear, choose release
4) Click between the curly
brackets
5) Click the plus sign again and
this time choose Global
Functions, Timeline Control,
gotoAndPlay
Next
Making Your Button
Interactive
• Now you need to type just a small bit of the code to
tell the button where it is to go and play…
6) Your code now looks
like this
7) Click between the
brackets and type…
“name of your scene”, 1
This is the name of your
scene in “”
This is the frame number you would like your
scene to start from
Troubleshooting
• You click the correct answer but it doesn’t go to the
correct scene.
o Have you written your scene name in “” e.g. gotoAndPlay(“question1”,1)?
o Try renaming your scene to lowercase and no spaces
• Your scene won’t play
o Have you moved your stop () to the last frame?
• Flash won’t let you add your ActionScript, the code
is disabled
o Have you converted your image/text to a button?

More Related Content

What's hot

Microsoft Office PowerPoint 2007 - Lesson 4
Microsoft Office PowerPoint 2007 - Lesson 4Microsoft Office PowerPoint 2007 - Lesson 4
Microsoft Office PowerPoint 2007 - Lesson 4
Samantha TerBeest
 
How to Andy Warhol Your Face
How to Andy Warhol Your FaceHow to Andy Warhol Your Face
How to Andy Warhol Your FaceDeclanTyldsley
 
OVMS Jeopardy Game
OVMS Jeopardy GameOVMS Jeopardy Game
OVMS Jeopardy GameEJAdery1
 
Mac OS Lion Tips and Tricks
Mac OS Lion Tips and TricksMac OS Lion Tips and Tricks
Mac OS Lion Tips and Tricks
Mike Glennon
 
Basics of gimp
Basics of gimpBasics of gimp
Basics of gimp
Virgilio Galemba
 
Proe quick start
Proe quick startProe quick start
Proe quick start
baskarram
 
Start developing projects with Scratch Programming
Start developing projects with Scratch ProgrammingStart developing projects with Scratch Programming
Start developing projects with Scratch Programming
PrakritiDhang
 
Menggunakan Radial blur
Menggunakan Radial blurMenggunakan Radial blur
Menggunakan Radial blurasyarifaisal
 
Welcome to power point
Welcome to power pointWelcome to power point
Welcome to power point
KVinodKumarAchary
 
GIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam AmponganGIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam Ampongan
AedamIsidoreAmpongan
 
Maze tutorial
Maze tutorialMaze tutorial
Maze tutorial
JWhiteley
 
Adobe illustrator how to guide
Adobe illustrator how to guideAdobe illustrator how to guide
Adobe illustrator how to guide
CoombeMedia1
 
Adobe premier elements
Adobe premier elementsAdobe premier elements
Adobe premier elements
baggyster
 
Print screen manual wonder words 4
Print screen manual wonder words 4Print screen manual wonder words 4
Print screen manual wonder words 4
Tavo Dominguez
 
Pencil animation tutorials
Pencil animation tutorialsPencil animation tutorials
Pencil animation tutorialsnataliasmile
 

What's hot (18)

Microsoft Office PowerPoint 2007 - Lesson 4
Microsoft Office PowerPoint 2007 - Lesson 4Microsoft Office PowerPoint 2007 - Lesson 4
Microsoft Office PowerPoint 2007 - Lesson 4
 
Botones
BotonesBotones
Botones
 
Owl Clock
Owl ClockOwl Clock
Owl Clock
 
How to Andy Warhol Your Face
How to Andy Warhol Your FaceHow to Andy Warhol Your Face
How to Andy Warhol Your Face
 
OVMS Jeopardy Game
OVMS Jeopardy GameOVMS Jeopardy Game
OVMS Jeopardy Game
 
Mac OS Lion Tips and Tricks
Mac OS Lion Tips and TricksMac OS Lion Tips and Tricks
Mac OS Lion Tips and Tricks
 
Basics of gimp
Basics of gimpBasics of gimp
Basics of gimp
 
Proe quick start
Proe quick startProe quick start
Proe quick start
 
Start developing projects with Scratch Programming
Start developing projects with Scratch ProgrammingStart developing projects with Scratch Programming
Start developing projects with Scratch Programming
 
Menggunakan Radial blur
Menggunakan Radial blurMenggunakan Radial blur
Menggunakan Radial blur
 
Welcome to power point
Welcome to power pointWelcome to power point
Welcome to power point
 
GIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam AmponganGIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam Ampongan
 
Maze tutorial
Maze tutorialMaze tutorial
Maze tutorial
 
Adobe illustrator how to guide
Adobe illustrator how to guideAdobe illustrator how to guide
Adobe illustrator how to guide
 
Adobe premier elements
Adobe premier elementsAdobe premier elements
Adobe premier elements
 
Algorithm
AlgorithmAlgorithm
Algorithm
 
Print screen manual wonder words 4
Print screen manual wonder words 4Print screen manual wonder words 4
Print screen manual wonder words 4
 
Pencil animation tutorials
Pencil animation tutorialsPencil animation tutorials
Pencil animation tutorials
 

Viewers also liked

Simple interactive quiz
Simple interactive quizSimple interactive quiz
Simple interactive quiz
Fazzlijan Mohamed Adnan Khan
 
Interactive Quiz Using Pptx
Interactive Quiz Using PptxInteractive Quiz Using Pptx
Interactive Quiz Using Pptx
Brian Mary
 
Flash card interactive quiz - final
Flash card   interactive quiz - finalFlash card   interactive quiz - final
Flash card interactive quiz - final
Jeanalyn Estrellado
 
Science interactive quiz
Science interactive quizScience interactive quiz
Science interactive quiz
Kc Reyna
 
Quiz show
Quiz showQuiz show
Quiz show
clindberg55
 
Quiz,interactive quiz,illustrated quiz
Quiz,interactive quiz,illustrated quizQuiz,interactive quiz,illustrated quiz
Quiz,interactive quiz,illustrated quiz
Shafeeque Pm
 
Multiple Choice Quiz Template
Multiple Choice Quiz TemplateMultiple Choice Quiz Template
Multiple Choice Quiz TemplateKarine César
 
Xino 2014 Quiz - Tech Exult Finals
Xino 2014 Quiz - Tech Exult FinalsXino 2014 Quiz - Tech Exult Finals
Xino 2014 Quiz - Tech Exult Finals
Dhruv Khurana
 
Tech quiz prelims 2015
Tech quiz prelims 2015Tech quiz prelims 2015
Tech quiz prelims 2015
Pranshu Agarwal
 

Viewers also liked (9)

Simple interactive quiz
Simple interactive quizSimple interactive quiz
Simple interactive quiz
 
Interactive Quiz Using Pptx
Interactive Quiz Using PptxInteractive Quiz Using Pptx
Interactive Quiz Using Pptx
 
Flash card interactive quiz - final
Flash card   interactive quiz - finalFlash card   interactive quiz - final
Flash card interactive quiz - final
 
Science interactive quiz
Science interactive quizScience interactive quiz
Science interactive quiz
 
Quiz show
Quiz showQuiz show
Quiz show
 
Quiz,interactive quiz,illustrated quiz
Quiz,interactive quiz,illustrated quizQuiz,interactive quiz,illustrated quiz
Quiz,interactive quiz,illustrated quiz
 
Multiple Choice Quiz Template
Multiple Choice Quiz TemplateMultiple Choice Quiz Template
Multiple Choice Quiz Template
 
Xino 2014 Quiz - Tech Exult Finals
Xino 2014 Quiz - Tech Exult FinalsXino 2014 Quiz - Tech Exult Finals
Xino 2014 Quiz - Tech Exult Finals
 
Tech quiz prelims 2015
Tech quiz prelims 2015Tech quiz prelims 2015
Tech quiz prelims 2015
 

Similar to How_to_make_ your_ quiz_interactive

How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5Boy Jeorge
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash Tutorial
Su Yuen Chin
 
Scratch Introduction
Scratch IntroductionScratch Introduction
Scratch Introduction
GirijaSuthoju
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
momayabhavana
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01bhavanalm
 
Introduction to Scratch Programming
Introduction to Scratch ProgrammingIntroduction to Scratch Programming
Introduction to Scratch Programming
StorytimeSteph
 
Xmastcamcribboard
XmastcamcribboardXmastcamcribboard
Xmastcamcribboard
doglupo
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial BookletGraveney School
 
How to use power point
How to use power pointHow to use power point
How to use power point
eVidhya
 
8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers
Remon Mia
 
Introduction to Scratch.ppt
Introduction to Scratch.pptIntroduction to Scratch.ppt
Introduction to Scratch.ppt
SMARTCLASS4
 
How to Use Jing for More Effective Communication Using Screencasting?
How to Use Jing for More Effective Communication Using Screencasting?How to Use Jing for More Effective Communication Using Screencasting?
How to Use Jing for More Effective Communication Using Screencasting?
mikelmindsetmaster
 
Ppt exercise
Ppt exercisePpt exercise
Ppt exercise
kaz naqvi
 
Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)
IzzuwanIsmail
 

Similar to How_to_make_ your_ quiz_interactive (20)

How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5How to create a simple image gallery in flash cs5
How to create a simple image gallery in flash cs5
 
Flash
FlashFlash
Flash
 
Apps in a Flash HCI
Apps in a Flash HCIApps in a Flash HCI
Apps in a Flash HCI
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash Tutorial
 
Scratch Introduction
Scratch IntroductionScratch Introduction
Scratch Introduction
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Introduction to Scratch Programming
Introduction to Scratch ProgrammingIntroduction to Scratch Programming
Introduction to Scratch Programming
 
Xmastcamcribboard
XmastcamcribboardXmastcamcribboard
Xmastcamcribboard
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
 
How do i
How do iHow do i
How do i
 
How to use power point
How to use power pointHow to use power point
How to use power point
 
8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers
 
Introduction to Scratch.ppt
Introduction to Scratch.pptIntroduction to Scratch.ppt
Introduction to Scratch.ppt
 
How to Use Jing for More Effective Communication Using Screencasting?
How to Use Jing for More Effective Communication Using Screencasting?How to Use Jing for More Effective Communication Using Screencasting?
How to Use Jing for More Effective Communication Using Screencasting?
 
Tutorial De Promodel
Tutorial De PromodelTutorial De Promodel
Tutorial De Promodel
 
Button
ButtonButton
Button
 
Button
ButtonButton
Button
 
Ppt exercise
Ppt exercisePpt exercise
Ppt exercise
 
Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)Basic After Effect & Animation GIF (J&T Express)
Basic After Effect & Animation GIF (J&T Express)
 

How_to_make_ your_ quiz_interactive

  • 1. How To Make Your Flash Quiz Interactive Adding Buttons Next
  • 2. Create Your Quiz • Using all the tools that you have experimented with create your quiz o Use motion and shape tweens to make it appealing o Make each question a new scene o Create your “yeah” and “argh” scenes for right and wrong answers • Once you have created all your scenes and you have all your questions o Name your scenes so they have meaning o Create a button that your viewer can click to select the correct question • You can create one button then drag new buttons from the library • Now we need to stop your multimedia so we can read the questions and give time to click the correct answer button o Add a stop() o Move your stop() to the end frame • Now we need to click a button and it take you to the “yeah” or “argh” scene o Make your button interactive • For problems see the troubleshooting section
  • 3. Name Your Scene Open the Scene Panel This panel opens. To rename your scene double click the current name
  • 4. Creating Your Buttons Make your button(s) using a shape Create a layer for your button. Right click your shape and choose Convert to Symbol. Then name your symbol and select a Button behaviourNext
  • 5. Another Method For Buttons • To create an interactive button with different states 1) Select New Symbol… from the Insert menu 2) Give your Button a Name 3) Draw your button. You should use different layers for text and shapes 4) Add Keyframes for each state, changing the colour for your shape and/or your text, for each state Next
  • 6. Using Your Button • The button you have just made will now be in the library • You just need to drag the button onto your stage to use. • Don't forget a new layer first!
  • 7. Add A Stop() • You now need to add some code in ActionScript to stop your scene playing over and over, or even moving onto the next scene. 1) Add a new layer and call it Stop 2) Open your Actions panel 3) Click the plus icon and choose stop 4) Or, choose Global Functions, Timeline Control then click stop Next
  • 8. Moving Your Stop() • Your ActionScript will probably be at the start of your scene, if it is, drag the icon to the last frame o You don’t want your scene stopping before it starts! Catch the ActionScript icon and drag to the last frame
  • 9. Making Your Button Interactive • Making your button interactive is simple and involves more ActionScript 1) Select your button 2) Click the plus and choose Global Functions, Media Clip Control and click on Next
  • 10. Making Your Button Interactive 3) A drop-down choice will appear, choose release 4) Click between the curly brackets 5) Click the plus sign again and this time choose Global Functions, Timeline Control, gotoAndPlay Next
  • 11. Making Your Button Interactive • Now you need to type just a small bit of the code to tell the button where it is to go and play… 6) Your code now looks like this 7) Click between the brackets and type… “name of your scene”, 1 This is the name of your scene in “” This is the frame number you would like your scene to start from
  • 12. Troubleshooting • You click the correct answer but it doesn’t go to the correct scene. o Have you written your scene name in “” e.g. gotoAndPlay(“question1”,1)? o Try renaming your scene to lowercase and no spaces • Your scene won’t play o Have you moved your stop () to the last frame? • Flash won’t let you add your ActionScript, the code is disabled o Have you converted your image/text to a button?