{"id":8541,"date":"2014-07-21T05:11:00","date_gmt":"2014-07-20T19:11:00","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=8541"},"modified":"2014-07-21T05:11:00","modified_gmt":"2014-07-20T19:11:00","slug":"htmljavascript-sentence-adjective-clause-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-sentence-adjective-clause-game-tutorial\/","title":{"rendered":"HTML\/Javascript Sentence Adjective Clause 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\/adjectiveclause_chalkboard.html\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Sentence Adjective Clause Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/Adjective_Clause_Sentence.jpg\" title=\"HTML\/Javascript Sentence Adjective Clause Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Sentence Adjective Clause 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, so, here, with today&#8217;s tutorial, we piece together sentences where <a target=_blank title='Adjective clause link ... thanks' href='http:\/\/www.chompchomp.com\/terms\/adjectiveclause.htm'>adjective clauses or phrases<\/a> come into play in the makeup of the complete English sentence.  Today&#8217;s game asks you to fill in the game&#8217;s missing start, middle word, or end to your sentences, in order to complete those sentences (correctly, hopefully?!), and we&#8217;ll call the game <i>&#8220;The Adjective Clause DotDotDot Game&#8221;<\/i> (too snappy for you?!) &#8230; and you score points for each correct sentence you form (we may not have thought of all sentences 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 sentences, 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>Today&#8217;s data source inspiration is from  this <a target=_blank href='http:\/\/examples.yourdictionary.com\/example-adjective-clauses.html' title='Adjective clause ideas ... thanks'>link<\/a> &#8230; thanks a lot.<\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/adjectiveclause_chalkboard.html\" title=\"Adjective Clause Sentence 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\/adjectiveclause_chalkboard.html\">live run<\/a>.<\/p>\n<p>Anyway, see how you go with this ESL sentence game <a target=_blank title='... example of ...' href='http:\/\/www.chompchomp.com\/terms\/adjectiveclause.htm'>that<\/a> uses 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\/adjectiveclause_chalkboard.html_GETME\" title=\"adjectiveclause_chalkboard.html\">adjectiveclause_chalkboard.html<\/a> (please note that some of the utf-8 characters may be better seen with View-&gt;Page Source).<\/p>\n<p>Some utf-8 coding considerations came into play with the code above, and in this respect, take a look at:<\/p>\n<ul>\n<li><a target=_blank href='http:\/\/www.fileformat.info\/info\/charset\/UTF-8\/list.htm' title='Complete Character List for UTF-8'>Complete Character List for UTF-8<\/a> (is a good resource to know about)<\/li>\n<li>Have a look at meta tag in header that looks like &#8230; <code>&lt;meta charset=\"UTF-8\"&gt;<\/code><\/li>\n<li>Have a look at code line &#8230; <code>  context.strokeText(pseudo_sentence.replace(\"&amp;#248;\", \"\u00f8\"),gpx,gpy); <\/code><br \/>and <code>  context.strokeText(real_sentence.replace(\"&amp;#248;\", \"\u00f8\"),gpx,gpy); <\/code><\/li>\n<\/ul>\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='#8541' onclick='var dv=document.getElementById(\"d8541\"); 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='d8541' 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-sentence-adjective-clause-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":[184,396,576,577,652,997,1119,1319,1352,1452],"class_list":["post-8541","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-canvas","tag-esl","tag-html","tag-html-entities","tag-javascript","tag-programming","tag-sentence","tag-tutorial","tag-utf-8","tag-word"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/8541"}],"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=8541"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/8541\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=8541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=8541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=8541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}