Teaching Twine

I've used Twine in my teaching for a good few years and think it is a great into to some quite complex HTML and CSS! Twine is a basic story building game, where you give the player lots of choices (similar to a Choose Your Own Adventure Story). You can make the game with very little coding knowledge, or you can make it quite complex, adding it CSS stylesheets, HTML and even Javascript.

My Grade 6s create a game to benefit members of our community (two classes are working with Grade 5s on middle year transition, and one class are making games for Grade 8s about sleep, balance, mental health/depression and even homework). I've introduced students to HTML and CSS through different methods including some computer-less coding, Khan Academy, W3 Schools, a worksheet in their process journals and some QUIZIZZ and Kahoot quizzes! Now it is time to introduce them to Twine. 

I've built the following presentation to help them to go through each step. It also has a video tutorial and also let's them play a game made by one of my Grade 6 students last year.:

Before they dive in to playing about with Twine, I am going to get them to do two things. Firstly, in groups, they will do a paper version of Twine! I'll use cut out screenshots to guide them. Once they've made their game, students will move from table to table, and will have a chance to 'play the game'.

Lastly, just to check for understanding, I will have them follow an IORAD tutorial. I only learnt about IORAD yesterday, when listening to Cult of Pedagogy. This tool basically allows you to record video tutorials, the exact same way you would record a screen recording. Then you are able to add in interactive features, where the student clicks/types a long! So cool!

Check out my Twine - IORAD tutorial here.

EDIT - ADDING IN SOME PHOTOS FROM THEIR PAPER GAME CREATIONS!