HTML/Javascript Three Sentence Story Game Tutorial

HTML/Javascript Three Sentence Story Game Tutorial

HTML/Javascript Three Sentence Story Game Tutorial

The easiest English games to design are those that involve discrete words, because then dictionaries and thesauruses can be used. Learning English (for students whose first language is not English (ESL)) is obviously more useful when the student can piece together sentences, and then go on to form stories from those sentence meanings … or at least give it a go … so, here, with today’s tutorial, we piece together stories from sentences (three) where we’ve called on some creative genius with writers at this link … thanks. Today’s game asks you to fill in the story’s missing start, middle, or end sentences, in order to complete those stories (correctly, hopefully?! … but not always easy), and we’ll call the game “The Three Sentence Story DotDotDot Game” (too snappy for you?!) … and you score points for each correct story you form (we may not have thought of all sentences you may construct, and if this happens avail yourself of the Complaints Department). It uses English sentences, and we invite you to play with another player, and add your own, maybe while they aren’t looking?! (Hint: Try the middle Dot).

Today’s data source inspiration is from this link by Robin Hawke… so, again, thanks a lot.

This game uses HTML and Javascript programming languages.

Hopefully you can figure the rules when you click the picture above for a live run.

Anyway, see how you go with this ESL story game that makes use of a (HTML canvas element) chalkboard!

Here is a link to some downloadable HTML (with Javascript) programming code you could rename to threesentence_chalkboard.html

If this was interesting you may be interested in this too.

This entry was posted in eLearning, ESL, Games, Tutorials and tagged , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>