OnlineLearning Makers Fair - Stencyl
-
Upload
helmut-doll -
Category
Technology
-
view
732 -
download
5
description
Transcript of OnlineLearning Makers Fair - Stencyl
![Page 1: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/1.jpg)
eLearning Maker Faire: Create Cool eLearning Take-Aways
Q&G Question and Game
Helmut Doll [email protected]
![Page 2: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/3.jpg)
Sprites for animation and scenes
![Page 4: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/4.jpg)
Step 2: Animate actor
• Dashboard > Actor Types > Player • ‘Left’ • ‘Click here to add a frame’
![Page 5: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/5.jpg)
Step 2 b
![Page 6: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/6.jpg)
Step 3: Add the question
![Page 7: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/8.jpg)
Step 5: Disable ‘gravity’ for the buttons
![Page 9: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/9.jpg)
Step 6: Feedback for answers
![Page 10: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/10.jpg)
Step 7: Add web link to feedback
![Page 11: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/11.jpg)
Step 8: Publish
• Flash • Mac application • Windows application • iOS app • Android app
![Page 12: OnlineLearning Makers Fair - Stencyl](https://reader034.fdocuments.in/reader034/viewer/2022052507/5591bec31a28ab955c8b465f/html5/thumbnails/12.jpg)
Resources
• http://opengameart.org • http://johnegraham2.com/web-
technology/html-5-canvas-tag-sprite-animation-demo/ (link not active any more)