{"id":49003,"date":"2020-05-14T03:01:20","date_gmt":"2020-05-13T17:01:20","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=49003"},"modified":"2020-05-15T06:42:39","modified_gmt":"2020-05-14T20:42:39","slug":"html-canvas-what-do-we-stand-for-game-emoji-pattern-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-what-do-we-stand-for-game-emoji-pattern-tutorial\/","title":{"rendered":"HTML Canvas What Do We Stand For Game Emoji Pattern Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"HTML Canvas What Do We Stand For Game Emoji Pattern Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor_more.jpg\" title=\"HTML Canvas What Do We Stand For Game Emoji Pattern Tutorial\"    \/><\/a><p class=\"wp-caption-text\">HTML Canvas What Do We Stand For Game Emoji Pattern Tutorial<\/p><\/div>\n<p>We&#8217;re giving the &#8220;What Do We Stand For&#8221; web application of <a title='HTML Canvas What Do We Stand For Game Annotation Tutorial' href='#htmlcwdwsfgat'>HTML Canvas What Do We Stand For Game Annotation Tutorial<\/a> a bit of a makeover because the recent &#8230;<\/p>\n<ul>\n<li>Feedback &#8230; and &#8230;<\/li>\n<li>Pros and Cons<\/li>\n<\/ul>\n<p> &#8230; changes recently were big helpers for a makeover of <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html--GETME\" title=\"whatdowestandfor.html\">this changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html--GETME\" title=\"whatdowestandfor.html\">whatdowestandfor.html<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html\" title=\"Click picture\">live run<\/a> link.<\/p>\n<ul>\n<li>Feedback&#8217;s <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/feedback-annotation-canvas-image-filter-tutorial\/' title='Feedback Annotation Canvas Image Filter Tutorial'>Feedback Annotation Canvas Image Filter Tutorial<\/a> gave us Annotation logic<\/li>\n<li>Pros and Cons&#8217;s <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-pros-and-cons-emoji-patterns-tutorial\/' title='HTML Canvas Pros and Cons Emoji Patterns Tutorial'>HTML Canvas Pros and Cons Emoji Patterns Tutorial<\/a> gave us Canvas Pattern logic (helped out by HTML(5) <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>canvas<\/a> element&#8217;s <a target=_blank title='HTML5 canvas element createPattern method information from w3schools' href='https:\/\/www.w3schools.com\/tags\/canvas_createpattern.asp'>createPattern<\/a>)<\/li>\n<\/ul>\n<p> &#8230; supervising external Javascript (that still needs work, called) <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/worldly.js-------------------------GETME' title='worldly.js'>worldly.js<\/a> pulling that Annotation functionality into play, and adding a lot of scope for your canvas report creations you can now HTML Email off to collaborators in this new incarnation.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-what-do-we-stand-for-game-emoji-pattern-tutorial\/'>HTML Canvas What Do We Stand For Game Emoji Pattern Tutorial<\/a>.<\/p-->\n<hr>\n<p id='htmlcwdwsfgat'>Previous relevant <a target=_blank title='HTML Canvas What Do We Stand For Game Annotation Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-what-do-we-stand-for-game-annotation-tutorial\/'>HTML Canvas What Do We Stand For Game Annotation 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\/whatdowestandfor.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"HTML Canvas What Do We Stand For Game Annotation Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatwestandfor_anno.jpg\" title=\"HTML Canvas What Do We Stand For Game Annotation Tutorial\"    \/><\/a><p class=\"wp-caption-text\">HTML Canvas What Do We Stand For Game Annotation Tutorial<\/p><\/div>\n<p>The HTML <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>Canvas<\/a> element is great for many types of games especially where you draw your own graphics based on interaction from the user.<\/p>\n<p>Today, we follow up on yesterday&#8217;s <a title='HTML Canvas What Do We Stand For Game Primer Tutorial' href='#hcwdwsfpt'>HTML Canvas What Do We Stand For Game Primer Tutorial<\/a> as shown below, where our What Do We Stand For &#8220;game&#8221; (or &#8220;mission planning tool&#8221;) has some of the recent Annotation functionality added to it.<\/p>\n<p>Here is the HTML programming source code for today&#8217;s tutorial you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html-GETME\" title=\"whatdowestandfor.html\">whatdowestandfor.html<\/a> changed from yesterday in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html-GETME\" title=\"whatdowestandfor.html\">this way<\/a> calling on unchanged PHP you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.php_GETME\" title=\"whatdowestandfor.php\">whatdowestandfor.php<\/a> and <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/world.js-----GETME\" title='world.html'>world.js<\/a> which changed as per <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/world.js-----GETME\" title='world.js'>this link<\/a>.<\/p>\n<p>Some functionality regarding email attachments needs more work, so please stay tuned, and\/or try a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html\" title='Click picture'>live run<\/a> for now.<\/p>\n<hr>\n<p id='hcwdwsfpt'>Previous relevant <a target=_blank title='HTML Canvas What Do We Stand For Game Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-what-do-we-stand-for-game-primer-tutorial\/'>HTML Canvas What Do We Stand For Game Primer 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\/whatdowestandfor.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"HTML Canvas What Do We Stand For Game Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.jpg\" title=\"HTML Canvas What Do We Stand For Game Primer Tutorial\"    \/><\/a><p class=\"wp-caption-text\">HTML Canvas What Do We Stand For Game Primer Tutorial<\/p><\/div>\n<p>The HTML <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>Canvas<\/a> element is great for many types of games especially where you draw your own graphics based on interaction from the user.<\/p>\n<p>Today you may consider our What Do We Stand For &#8220;game&#8221; to be more of a &#8220;mission planning tool&#8221; perhaps.  Perhaps it may suit you as a way to articulate several early planner&#8217;s views of what underpins the values of their project and\/or company and\/or group.<\/p>\n<p>So the thoughts behind this first version came from thinking about company &#8220;mission statements&#8221; and how to nuance the broad brush thoughts usually contained in these statements.  As hard as it may sound, try to put a value on what you stand for and obversely, what you don&#8217;t.<\/p>\n<p>It occurred to me that there was enough scope here to design a tool to help.  We think whatever &#8220;topic&#8221; &#8220;What Do We Stand For&#8221; refers to could express values via the concept of an &#8220;issue&#8221;, or a set of &#8220;issues&#8221; to do with a &#8220;topic&#8221; as the go.  However, it occurs to me that this is not a great model without some mechanism for a user-defined &#8220;weighting&#8221; of the importance of any one &#8220;issue&#8221; to their thought patterns.<\/p>\n<p>So that&#8217;s what we have today &#8230; a &#8220;topic&#8221; with a set of &#8220;issues&#8221; that the user supplies with a &#8220;rating&#8221; that is positive for a &#8220;Definitely&#8221; and negative for a &#8220;Not so much&#8221; assessment, and finally that &#8220;issue&#8221; is given a user-defined &#8220;weight&#8221;, to add that personal touch possibility to the values &#8220;passion&#8221;, but objective enough, in that the user will keep thinking of &#8220;issues&#8221;, methinks &#8230; &#8220;we hopes&#8221;.<\/p>\n<p>Here is the HTML programming source code for today&#8217;s tutorial you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html_GETME\" title=\"whatdowestandfor.html\">whatdowestandfor.html<\/a><\/p>\n<p>There is functionality in this game to email a snapshot of the game and the PHP programming source code that helps facilitate this functionality for today&#8217;s tutorial you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.php_GETME\" title=\"whatdowestandfor.php\">whatdowestandfor.php<\/a><\/p>\n<p>Try a &#8220;What Do We Stand For&#8221; report yourself, and email your thoughts forward, as you wish with our live run <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/whatdowestandfor.html?nofloat=nofloat\" title='What Do We Stand For game'>here<\/a>.  Hope to &#8230; see &#8216;ya later, Alli Gator.<\/p>\n<p><b>Did you know?<\/b><\/p>\n<p>The fact that we felt like putting things so much in double quotes above is pretty much a <a target=_blank title='Lay down misere information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/Mis\u00e8re'>&#8220;lay down misere&#8221;<\/a> indicator that this web application could well suit an (alternative) <a target=_blank title='OOP information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/Object-oriented_programming'>Object Oriented<\/a> (ie. OOP) solution also, where the double quoted words could well be classes in your software design.  Even though the basis of this web application only needs the HTML (the PHP usage is a bit optional, but useful (because the server-side is needed to create the snapshot image file, on the server, later used as a link in the email)) you may wonder how OOP ideas relate to HTML, but OOP can very much play a part in the way you code your <a target=_blank title='Object Oriented JavaScript information' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Introduction_to_Object-Oriented_JavaScript'>JavaScript<\/a>, and in seeking out solutions here, you may even end up exploring <a target=_blank title='Ajax OOP information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/AJAX.OOP'>Ajax<\/a> techniques.  The combination of JavaScript and Ajax can make your web application be, or at least feel, as if it is totally client-based.<\/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='#d21070' onclick='var dv=document.getElementById(\"d21070\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=canvas\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d21070' 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='#d21091' onclick='var dv=document.getElementById(\"d21091\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/annotation\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d21091' 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='#d49003' onclick='var dv=document.getElementById(\"d49003\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/emoji\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d49003' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re giving the &#8220;What Do We Stand For&#8221; web application of HTML Canvas What Do We Stand For Game Annotation Tutorial a bit of a makeover because the recent &#8230; Feedback &#8230; and &#8230; Pros and Cons &#8230; changes recently &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-canvas-what-do-we-stand-for-game-emoji-pattern-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,14,37],"tags":[1832,184,208,3297,380,576,3127,652,2687,997,1319],"class_list":["post-49003","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-annotation","tag-canvas","tag-circle","tag-createpattern","tag-email","tag-html","tag-html-email","tag-javascript","tag-pattern","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/49003"}],"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=49003"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/49003\/revisions"}],"predecessor-version":[{"id":49015,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/49003\/revisions\/49015"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=49003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=49003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=49003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}