{"id":45826,"date":"2019-08-02T03:01:20","date_gmt":"2019-08-01T17:01:20","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=45826"},"modified":"2019-08-01T20:23:21","modified_gmt":"2019-08-01T10:23:21","slug":"shooting-star-two-player-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/shooting-star-two-player-game-tutorial\/","title":{"rendered":"Shooting Star Two Player Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Shooting Star Two Player Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/ss_times2.jpg\" title=\"Shooting Star Game Primer Tutorial\"  style=\"float:left;\"   \/><\/a><p class=\"wp-caption-text\">Shooting Star Two Player Game Tutorial<\/p><\/div>\n<p>We&#8217;ve extended the recent <a title='Shooting Star Game Primer Tutorial' href='#ssgpt'>Shooting Star Game Primer Tutorial<\/a> to allow for a two player game option under the following conditions &#8230;<\/p>\n<ul>\n<li>you need two pointing &#8220;means&#8221; per one &#8220;device&#8221; &#8230; like a trackpad and wireless mouse, that is so easy to arrange on a laptop &#8230; but, even so &#8230;<\/li>\n<li>mobile devices are not restricted from a two player game, but it gets awfully &#8220;squeezy uppy&#8221;<\/li>\n<\/ul>\n<p>It&#8217;s quite predictable how we did it if we say &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Document.write method information from w3schools' href='http:\/\/www.w3schools.com\/js\/js_output.asp'>document.write<\/a>() rears its head &#8230; and &#8230;<\/li>\n<li><a target=_blank title='HTML iframe element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_iframe.asp'>iframe<\/a> elements make an appearance within a <a target=_blank title='HTML table element information from W3schools' href='http:\/\/www.w3schools.com\/tags\/tag_table.asp'>table<\/a> <a target=_blank title='HTML td element information from wschools' href='http:\/\/www.w3schools.com\/tags\/tag_td.asp'>cell<\/a><\/li>\n<\/ul>\n<p>So why not try <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.html-GETME\">the changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.html-GETME\">shooting_star_game.html<\/a> and its <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.html\" title=\"Click picture\">live run<\/a> link.<\/p>\n<hr>\n<p id='ssgpt'>Previous relevant <a target=_blank title='Shooting Star Game Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/shooting-star-game-primer-tutorial\/'>Shooting Star 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\/shooting_star_game.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Shooting Star Game Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.jpg\" title=\"Shooting Star Game Primer Tutorial\"  style=\"float:left;\"   \/><\/a><p class=\"wp-caption-text\">Shooting Star Game Primer Tutorial<\/p><\/div>\n<p>We&#8217;ve got one of those pretty simple &#8220;click &#8217;em up&#8221; games for you today, inspired by the CSS brilliance of <a target=_blank title='W3schools glowing text information' href='https:\/\/www.w3schools.com\/howto\/tryit.asp?filename=tryhow_css_glowing_text'>W3School&#8217;s glowing text idea<\/a>, thanks.<\/p>\n<p>That set us to thinking of Emojis we could apply (in front of the great background ideas derived from this advice) and looked up <a target=_blank title='Emojipedia' href='http:\/\/www.emojipedia.org'>Emojipedia<\/a> (is good for looking up Emoji names or concepts in words) and onto <a target=_blank title='FileFormation Information website' href='http:\/\/www.fileformat.info'>FileFormat Information<\/a> (is great for HTML Entity determinations for your less complex Emojis) and even <a target=_blank title='Iemoji website' href='http:\/\/www.iemoji.com'>Iemoji<\/a> (is great for HTML Entity determinations for Emojis of all complexities) to determine some components to our game, those being &#8230;<\/p>\n<ul>\n<li>&#127775; &#8230; star<\/li>\n<li>&#9732;&#65039; &#8230; comet<\/li>\n<li>&#127765; &#8230; moon<\/li>\n<\/ul>\n<p> &#8230; which, in turn, led to thoughts regarding a game &#8230;<\/p>\n<ul>\n<li>for one player<\/li>\n<li>that rewards fast reflexes &#8230; and &#8230;<\/li>\n<li>scores via onclick event logic on each component<\/li>\n<li>according to levels of difficulty &#8230; and &#8230;<\/li>\n<li>lessens the score for &#8220;blazing away&#8221; clicks (or touches) &#8230; for that, if a player score is (made up of) <i>score\/goes<\/i> then &#8220;goes&#8221; is incremented by any document.body onclick event during the game<\/li>\n<\/ul>\n<p>Levels of difficulty &#8230; pour quoi?  Well, we can change the &#8230;<\/p>\n<ul>\n<li>Emoji font-size &#8230; and\/or &#8230;<\/li>\n<li>Movement potential of emoji (in pixels) in any &#8220;setTimeout(movecomponents, 100);&#8221; <sup>1<\/sup>\/<sub>10<\/sub>th of a second call cycle<\/li>\n<\/ul>\n<p>Have a go of today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.html_GETME\">shooting_star_game.html<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/shooting_star_game.html\" title=\"Click picture\">game<\/a> if you like, to see this in action.<\/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='#d45778' onclick='var dv=document.getElementById(\"d45778\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/game\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d45778' 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='#d45826' onclick='var dv=document.getElementById(\"d45826\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/mouse\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d45826' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve extended the recent Shooting Star Game Primer Tutorial to allow for a two player game option under the following conditions &#8230; you need two pointing &#8220;means&#8221; per one &#8220;device&#8221; &#8230; like a trackpad and wireless mouse, that is so &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/shooting-star-two-player-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,14,18,37],"tags":[84,211,281,322,3024,1942,385,3023,476,3022,555,576,652,675,812,861,2319,3027,2378],"class_list":["post-45826","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-hardware","category-tutorials","tag-animation-2","tag-click","tag-css","tag-device","tag-difficulty","tag-document-body","tag-emoji","tag-emojipedia","tag-game","tag-glowing-text","tag-hardware-2","tag-html","tag-javascript","tag-keyframes","tag-mouse","tag-onclick","tag-score","tag-track-pad","tag-transition"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/45826"}],"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=45826"}],"version-history":[{"count":6,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/45826\/revisions"}],"predecessor-version":[{"id":45832,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/45826\/revisions\/45832"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=45826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=45826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=45826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}