{"id":29894,"date":"2017-04-29T03:01:25","date_gmt":"2017-04-28T17:01:25","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=29894"},"modified":"2017-04-29T08:43:15","modified_gmt":"2017-04-28T22:43:15","slug":"a-to-z-puzzle-game-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/a-to-z-puzzle-game-primer-tutorial\/","title":{"rendered":"A to Z Puzzle Game Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/a_to_z.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"A to Z Puzzle Game Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/a_to_z.jpg\" title=\"A to Z Puzzle Game Primer Tutorial\"   \/><\/a><p class=\"wp-caption-text\">A to Z Puzzle Game Primer Tutorial<\/p><\/div>\n<p>Today&#8217;s HTML and Javascript web application was inspired by Helene Hovanec&#8217;s excellent <a target=_blank href='https:\/\/www.google.com.au\/search?tbo=p&#038;tbm=bks&#038;q=isbn:0806958499' title='Science Puzzles for Young Einsteins'>Science Puzzles for Young Einsteins<\/a> (ISBN: 0-8069-3542-1).  If you are a regular reader of this blog, you may be familiar with the &#8220;drill&#8221; here.  We really like the puzzles this excellent book presents, and the challenge of turning that &#8220;hardcopy&#8221; into &#8220;soft(ware)copy&#8221;.<\/p>\n<p>Have you ever stepped back and wondered about how you learn?  Well, as long as you are not turned to face away from the edge of cliff <font size=1>&#8230; no blades of grass were harmed in the writing of this blog post &#8230;<\/font> we suggest you step backwards now <font size=1>&#8230; then do the hokey pokey, and turn around (because we are scared in the meantime you might have arrived at the cliff) &#8230;<\/font> to allow that we often prosper from a variety of presentation, even to talk about the same basic content, because we like variety <font size=1>&#8230; Italian style &#8230; is <a target=_blank title='Those were the days!' href='http:\/\/nostalgiacentral.com\/television\/tv-by-decade\/tv-shows-1970s\/variety-italian-style\/'>good<\/a><\/font>, and tend to learn more that way.  And that is where we like the number of different puzzle approaches presented in this book.<\/p>\n<p>So, what is the go with today&#8217;s puzzle game?   We want you to choose missing letters, each once only, within the range from A to Z that are apt for words related to a clue presented to the user.<\/p>\n<p>We&#8217;re going to base the code on the &#8220;bells and whistles&#8221; of the previous <a target=_blank title='Vertical Riddle Game PHP Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/vertical-riddle-game-php-tutorial'>Vertical Riddle Game PHP Tutorial<\/a>, as it has good features that will &#8220;flow on&#8221; into the functionality of our new puzzle game.<\/p>\n<p>So try the HTML and Javascript <a target=_blank title='a_to_z.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/a_to_z.html-GETME'>a_to_z.html<\/a>&#8216;s <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/a_to_z.html'>live run<\/a> (that supervises the PHP called <a target=_blank title='a_to_z.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/a_to_z.php_GETME'>a_to_z.php<\/a> to cater for large data sets) to get this into context.  To view the changes in <a target=_blank title='a_to_z.html' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/a_to_z.html-GETME'>this link<\/a> will give you a &#8220;skeg&#8221; at how we went about basing it on that other puzzle game.<\/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='#d29894' onclick='var dv=document.getElementById(\"d29894\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/puzzle\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d29894' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today&#8217;s HTML and Javascript web application was inspired by Helene Hovanec&#8217;s excellent Science Puzzles for Young Einsteins (ISBN: 0-8069-3542-1). If you are a regular reader of this blog, you may be familiar with the &#8220;drill&#8221; here. We really like the &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/a-to-z-puzzle-game-primer-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,37],"tags":[396,476,477,576,652,997,1010,1319,1452,1453],"class_list":["post-29894","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-tutorials","tag-esl","tag-game","tag-games-2","tag-html","tag-javascript","tag-programming","tag-puzzle","tag-tutorial","tag-word","tag-word-game"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/29894"}],"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=29894"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/29894\/revisions"}],"predecessor-version":[{"id":29908,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/29894\/revisions\/29908"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=29894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=29894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=29894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}