onlinelearning makers fair - stencyl

12
eLearning Maker Faire: Create Cool eLearning Take-Aways Q&G Question and Game Helmut Doll [email protected]

Upload: helmut-doll

Post on 30-Jun-2015

730 views

Category:

Technology


5 download

DESCRIPTION

Makers Fair activity using Stencyl

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)