{"id":8843,"date":"2014-08-13T05:04:21","date_gmt":"2014-08-12T19:04:21","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=8843"},"modified":"2014-08-13T05:04:21","modified_gmt":"2014-08-12T19:04:21","slug":"htmljavascript-song-lyric-lines-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-song-lyric-lines-game-tutorial\/","title":{"rendered":"HTML\/Javascript Song Lyric Lines Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/songlyriclines_chalkboard.html\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Song Lyric Lines Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/SongLyricLines.jpg\" title=\"HTML\/Javascript Song Lyric Lines Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Song Lyric Lines Game Tutorial<\/p><\/div>\n<p>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, or as for today&#8217;s tutorial, the story of a song, from those sentence meanings &#8230; or at least give it a go &#8230; so, here, with today&#8217;s tutorial, we piece together some song lyric snippets from sentences or phrases (broken into three) where we&#8217;ve called on some website song lyric favourites at this <a target=_blank title='Favourite Song Lyrics' href='http:\/\/robinhawke.wordpress.com\/category\/three-sentence-stories\/'>link<\/a> and  <a target=_blank title='Favourite Song Lyrics' href='http:\/\/www.reddit.com\/r\/Music\/comments\/zipth\/what_are_your_favorite_wittycleverfunny_lyrics\/'>link<\/a> &#8230; thanks.  Today&#8217;s game asks you to fill in the song lyric&#8217;s missing start, middle, or end parts, in order to complete those song lyric snippets (correctly, hopefully?! &#8230; but not always easy), and we&#8217;ll call the game <i>&#8220;The Song Lyric Lines DotDotDot Game&#8221;<\/i> (too snappy for you?!) &#8230; and you score points for each correct song lyric snippet you form (we may not have thought of all song lyric snippets you may construct, and if this happens avail yourself of the <a target=_blank title='Complaints Department' href='http:\/\/www.rjmprogramming.com.au\/Contact_Us.html'>Complaints Department<\/a>).  It uses English song lyrics, and we invite you to play with another player, and add your own, maybe while they aren&#8217;t looking?!  (Hint: Try the middle Dot).<\/p>\n<p>A couple of today&#8217;s data source inspiration are from  this <a target=_blank title='Favourite Song Lyrics' href='http:\/\/www.reddit.com\/r\/Music\/comments\/1dweyy\/what_is_the_greatest_single_line_of_lyrics_you\/'>link<\/a> and this <a target=_blank title='Favourite Song Lyrics' href='http:\/\/www.reddit.com\/r\/Music\/comments\/zipth\/what_are_your_favorite_wittycleverfunny_lyrics\/'>link<\/a> &#8230; so, again, thanks a lot.<\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/songlyriclines_chalkboard.html\" title=\"Song Lyric Snippet Game\">game<\/a> uses HTML and Javascript programming languages.<\/p>\n<p>Hopefully you can figure the rules when you click the picture above for a <a target=_blank title=\"live run\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/songlyriclines_chalkboard.html\">live run<\/a>.<\/p>\n<p>Anyway, see how you go with this ESL song lyrics game that makes use of a (HTML canvas element) chalkboard!<\/p>\n<p>Here is a link to some downloadable HTML (with Javascript) programming code you could rename to <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/songlyriclines_chalkboard.html_GETME\" title=\"songlyriclines_chalkboard.html\">songlyriclines_chalkboard.html<\/a><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#8843' onclick='var dv=document.getElementById(\"d8843\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=ESL\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d8843' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-song-lyric-lines-game-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,13,15,37],"tags":[396,477,576,652,721,997,1319],"class_list":["post-8843","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-esl","tag-games-2","tag-html","tag-javascript","tag-lyrics","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/8843"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=8843"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/8843\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=8843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=8843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=8843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}