Transcript
Page 1: OnlineLearning Makers Fair - Stencyl

eLearning Maker Faire: Create Cool eLearning Take-Aways

Q&G Question and Game

Helmut Doll [email protected]

Page 2: OnlineLearning Makers Fair - Stencyl

Step 1

1. Import Game > the file QuestionGame.stencyl* from the folder

2. ‘Test Scene’ *Slightly modified from platformer.stencyl on Stencyl’s web site

Page 3: OnlineLearning Makers Fair - Stencyl

Sprites for animation and scenes

Page 4: OnlineLearning Makers Fair - Stencyl

Step 2: Animate actor

• Dashboard > Actor Types > Player • ‘Left’ • ‘Click here to add a frame’

Page 5: OnlineLearning Makers Fair - Stencyl

Step 2 b

Page 6: OnlineLearning Makers Fair - Stencyl

Step 3: Add the question

Page 7: OnlineLearning Makers Fair - Stencyl

Step 4: Add the answer ‘buttons’

• After adding the actors ‘True label’ and ‘False label’ please test. What happens?

Page 8: OnlineLearning Makers Fair - Stencyl

Step 5: Disable ‘gravity’ for the buttons

Page 9: OnlineLearning Makers Fair - Stencyl

Step 6: Feedback for answers

Page 10: OnlineLearning Makers Fair - Stencyl

Step 7: Add web link to feedback

Page 11: OnlineLearning Makers Fair - Stencyl

Step 8: Publish

• Flash • Mac application • Windows application • iOS app • Android app

Page 12: OnlineLearning Makers Fair - Stencyl

Resources

• http://opengameart.org • http://johnegraham2.com/web-

technology/html-5-canvas-tag-sprite-animation-demo/ (link not active any more)


Top Related