{"id":29427,"date":"2017-04-08T03:01:20","date_gmt":"2017-04-07T17:01:20","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=29427"},"modified":"2017-04-28T18:42:35","modified_gmt":"2017-04-28T08:42:35","slug":"following-orders-game-php-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/following-orders-game-php-tutorial\/","title":{"rendered":"Following Orders Game PHP Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.htm\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Vertical Riddle Game PHP Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.jpg\" title=\"Following Orders Game PHP Tutorial\"   \/><\/a><p class=\"wp-caption-text\">Following Orders Game PHP Tutorial<\/p><\/div>\n<p>Today we have another new <a target=_blank title='ESL information from Wikipedia ... thanks' href='https:\/\/en.m.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> game feeding off the prototyping ideas we presented, last with <a title='Vertical Riddle Game PHP Tutorial' href='#vrgpt'>Vertical Riddle Game PHP Tutorial<\/a> that we want to call &#8216;Following Orders&#8217;.  In this game you get from one English word or &#8216;condensed&#8217; phrase to another via some orders and you have to get every step, in order, correct, following orders the web application gives you.  Get it wrong, and you lose points, otherwise after all the steps you score all of 5 points &#8230; pinball, eat your heart out!<\/p>\n<p>You&#8217;ve got fairly straightforward game rules today, so what was the inspiration for this game?  The same inspiration for this whole series of blog postings &#8230; <a target=_blank title='Science Puzzles for Young Einsteins by Helene Hovanec ISBN 0-8069-3542-1' href='https:\/\/books.google.com.au\/books?isbn=0806958499'>Science Puzzles for Young Einsteins<\/a> by Helene Hovanec ISBN 0-8069-3542-1 &#8216;inspiration&#8217; &#8230; thanks yet again.  We also want to thank <a target=-blank title='Useful link' href='https:\/\/www.morewords.com\/'>this excellent link<\/a> for their excellent &#8216;change a letter in a word&#8217; functionality, in particular, helping us piece together some clues of our own.<\/p>\n<p>Finally that behoves us (having just come from the stable) to present today&#8217;s HTML and Javascript going into this ESL game design above you could call <a target=_blank title='following_orders.htm' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.html--GETME'>following_orders.htm<\/a> for your perusal, or you can try with this <a target=_blank title='following_orders.htm' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.htm'>live run<\/a> link.  <a target=_blank title='following_orders.html' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.html--GETME'>These changes<\/a> got us from the &#8220;Vertical Riddle Game&#8221; latest version prototype to the &#8220;Following Orders Game&#8221; latest version with all the &#8216;bells and whistles&#8217; (helped out by the &#8220;doddle to make&#8221; <a target=_blank title='following_orders.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.php-GETME'>following_orders.php<\/a> large data set email helper based on <a target=_blank title='following_orders.php' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/following_orders.php-GETME'>the &#8216;Vertical Riddle Game&#8217; PHP<\/a>.<\/p>\n<hr>\n<p id='vrgpt'>Previous relevant <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> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.htm\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Vertical Riddle Game PHP Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.jpg\" title=\"Vertical Riddle Game PHP Tutorial\"   \/><\/a><p class=\"wp-caption-text\">Vertical Riddle Game PHP Tutorial<\/p><\/div>\n<p><font color=red size=3>Three<\/font> tutorials to fully flesh out a web application &#8230; Close Relatives Game &#8230; <font color=red size=3>walk<\/font><\/p>\n<p><font color=red size=4>Two<\/font> tutorials to fully flesh out a web application &#8230; Scientific Research Game &#8230; <font color=red size=4>chew gum<\/font><\/p>\n<p><font color=red size=5>One<\/font> tutorial to fold prototype <i>up<\/i> and <i>down<\/i> into the one operation to fully flesh out today&#8217;s web application &#8230; Vertical Riddle Game &#8230; <font color=red size=5>walk and chew gum<\/font><\/p>\n<p>We are here at <font color=red size=5>One<\/font> above jumping straight to a prototype <i>down<\/i> scenario where we know what to look for regarding &#8230;<\/p>\n<blockquote><p>\ninitialization of Javascript objects and OOP constructor thinking and random Javascript object choosing\n<\/p><\/blockquote>\n<p> &#8230; that is the basis of prototyping <i>up<\/i> for our recent series of Game web applications &#8230;<\/p>\n<ul>\n<li>\n<blockquote><p>\nThis results in <a target=_blank title='close_relatives.htm' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/close_relatives.html--GETME'>close_relatives.htm<\/a>&#8216;s <a target=_blank title='close_relatives.htm' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/close_relatives.htm' title='Click picture'>live run<\/a> (changed in <a target=_blank title='close_relatives.htm' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/close_relatives.html--GETME'>this way<\/a>), overseeing the optioinal PHP <a target=_blank title='close_relatives.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/close_relatives.php_GETME'>close_relatives.php<\/a> (to cater for those large user generated data set possibilities).\n<\/p><\/blockquote>\n<\/li>\n<li>\n<blockquote><p>\nThat leaves us with the (protyping <i>down<\/i>) HTML and Javascript and CSS going into this ESL game design above you could call <a target=_blank title='scientific_research.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/scientific_research.html--GETME'>scientific_research.htm<\/a> for your perusal, or you can try with this <a target=_blank title='scientific_research.htm' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/scientific_research.htm'>live run<\/a> link.  <a target=_blank title='scientific_research.html' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/scientific_research.html--GETME'>These changes<\/a> got us from the &#8220;Close Relatives Game&#8221; latest version prototype to the &#8220;Scientific Research Game&#8221; latest version with all the &#8216;bells and whistles&#8217; (helped out by the &#8220;doddle to make&#8221; <a target=_blank title='scientific_research.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/scientific_research.php-GETME'>scientific_research.php<\/a> large data set email helper based on <a target=_blank title='scientific_research.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/scientific_research.php-GETME'>the &#8216;Close Relatives Game&#8221; PHP<\/a>)\n<\/p><\/blockquote>\n<\/li>\n<li>Today we have an <a target=_blank title='ESL information from Wikipedia ... thanks' href='https:\/\/en.m.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> game called <a target=_blank title='vertical_riddle.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.html--GETME'>vertical_riddle.htm<\/a> for your perusal, or you can try with this <a target=_blank title='vertical_riddle.htm' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.htm'>live run<\/a> link.  <a target=_blank title='vertical_riddle.htm' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.html--GETME'>These changes<\/a> got us from the &#8220;Scientific Research Game&#8221; latest version prototype to the &#8220;Vertical Riddle Game&#8221; latest version with all the &#8216;bells and whistles&#8217; (helped out, again, by the &#8220;doddle to make&#8221; <a target=_blank title='vertical_riddle.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.php-GETME'>vertical_riddle.php<\/a> large data set email helper based on <a target=_blank title='scientific_research.php' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/vertical_riddle.php-GETME'>the &#8216;Scientific Research Game&#8221; PHP<\/a>)<\/li>\n<\/ul>\n<p> &#8230; all having in common the use of <a target=_blank title='Science Puzzles for Young Einsteins by Helene Hovanec ISBN 0-8069-3542-1' href='https:\/\/books.google.com.au\/books?isbn=0806958499'>Science Puzzles for Young Einsteins<\/a> by Helene Hovanec ISBN 0-8069-3542-1 &#8216;inspiration&#8217; &#8230; thanks.<\/p>\n<p>These prototyping ideas above would be not much better than &#8216;doing the hard yards&#8217; every time if they do not save time and effort, but the fact is <font color=red size=3>Three<\/font> above took many hours longer than <font color=red size=5>One<\/font> above, and <font color=red size=3>Three<\/font> involved a lot more angst, so we see this as a good result.  Guess a help here is a vision to a design, that the Helene Hovanec book provides us.<\/p>\n<p>The speeding up of prototyping compared to yesterday&#8217;s speeding up goes like &#8230;<\/p>\n<blockquote>\n<ul>\n<li><strike style='color;red;'>we assume from your &#8220;prototype&#8221; work of yesterday, with its small codeset, most likely, what the particular data issues you have with this web application &#8230; and, now, we want you to set that aside and &#8230;<\/strike><\/li>\n<li>take the latest version of the &#8220;<strike style='color;red;'>Close Relatives<\/strike> Scientific Research Game&#8221; project in <strike style='color;red;'><a target=_blank title='Close Relatives Game PHP Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/close-relatives-game-php-tutorial\/'>Close Relatives Game PHP Tutorial<\/a><\/strike> <a target=_blank title='Scientific Research Game PHP Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/scientific-research-game-php-tutorial\/'>Scientific Research Game PHP Tutorial<\/a>, with all its fancy &#8220;bells and whistles&#8221; and make a new version of the &#8220;<strike style='color;red;'>Scientific Research<\/strike> Vertical Riddle Game&#8221; as a copy &#8230;<\/li>\n<li>apply those global substitutions you are so familiar with from yesterday&#8217;s prototyping &#8230; then &#8230;<\/li>\n<li>incorporate back into the new &#8220;<strike style='color;red;'>Scientific Research<\/strike> Vertical Riddle Game&#8221; the <strike style='color;red;'>particulars of that<\/strike> initialization of Javascript objects and OOP constructor thinking and random Javascript object choosing <strike style='color;red;'>from its older version that you unit tested to satisfaction yesterday<\/strike> &#8230; voila &#8230; all that was left that was difficult, now, for us, was &#8230;<\/li>\n<li>in our &#8220;<strike style='color;red;'>Scientific Research<\/strike> Vertical Riddle Game&#8221; web application all of the &#8216;business logic&#8217; difficulties left revolved just around user entered data validation <strike style='color;red;'>(the reason being that the &#8220;Scientific Research Game&#8221; rejects letters rather than changing letters)<\/strike> &#8230; but the vast majority of &#8220;bells and whistles'&#8221;came across intact<\/li>\n<\/ul>\n<\/blockquote>\n<p>Happy prototyping &#8230; after some hard yards!<\/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='#d29379' onclick='var dv=document.getElementById(\"d29379\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/email\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d29379' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d29427' onclick='var dv=document.getElementById(\"d29427\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/prototype\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d29427' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today we have another new ESL game feeding off the prototyping ideas we presented, last with Vertical Riddle Game PHP Tutorial that we want to call &#8216;Following Orders&#8217;. In this game you get from one English word or &#8216;condensed&#8217; phrase &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/following-orders-game-php-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":[2078,1860,380,385,396,452,476,477,576,652,739,849,2010,875,932,997,1761,1000,2164,1133,1137,1319,1345,1452],"class_list":["post-29427","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-constructor","tag-cookie","tag-email","tag-emoji","tag-esl","tag-form","tag-game","tag-games-2","tag-html","tag-javascript","tag-mailto","tag-object","tag-object-oriented-programming","tag-oop","tag-php","tag-programming","tag-prompt","tag-prompt-popup-box","tag-prototype","tag-share","tag-sharing","tag-tutorial","tag-url","tag-word"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/29427"}],"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=29427"}],"version-history":[{"count":4,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/29427\/revisions"}],"predecessor-version":[{"id":29867,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/29427\/revisions\/29867"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=29427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=29427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=29427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}