Mobile Swipe Gesture Name Game Share Tutorial
โœ‚๐Ÿƒ๐Ÿพโ€โ™€๏ธ๐Ÿƒ๐Ÿผโ€โ™‚๏ธ
๐Ÿ“–

Mobile Swipe Gesture Name Game Share Tutorial

Mobile Swipe Gesture Name Game Share Tutorial

Yesterdayโ€™s Mobile Swipe Gesture Name Game Tutorial was collaborative in its Name Game functionality for โ€ฆ

  • two players within calling distance and able to get to the same device ( ๐Ÿต / ๐Ÿ™ˆ ) โ€ฆ and today we cover โ€ฆ
  • two players not within calling distance and not able to get to the same device ( ๐Ÿต ๐Ÿ“ง ๐Ÿต )

โ€ฆ and we think, considering this, that Shirleysurely this would just involve an email link, Shirleysurely?! Yes, that would do it, but it would also give away (to a savvy user) the innards of the game, and yet, we were envisaging the game as a surprise for the second player. But this conundrum is exactly where an Inline HTML Email (via PHP mail) email can come in really handy because it is another level of savvy again for your user to see any of the โ€œbusiness logicโ€ involved in the game when you present them with an Inline HTML Email button (actually an โ€œaโ€ link with style=โ€text-decoration:none;โ€ โ€ฆ



<a target=_blank style='text-decoration: none; border:3px solid red; padding: 15px 15px 15px 15px; background-color: yellow; height: 60px; border-radius: 40px;' id=aclick href='//www.rjmprogramming.com.au/HTMLCSS/mobile_gestures.htm?name=&array='>Name Game for ~ Courtesy of `</a>

) to click with some short โ€œdoes not give the game awayโ€ text. Why an โ€œaโ€ element here? Well, as you would glean when reading our โ€œearly daysโ€ (for us) discussion on this, with PDF Slideshow and Form Creation Helper Inline Email Tutorial, that the Javascript โ€œonclickโ€ logic of another approach would be rejected by Email Clients like Gmail, as one example. You will notice, though, from snippet of โ€œInline HTML Emailโ€ HTML above, that inline CSS of the <body> </body> section is fine. Hence our ability to make an โ€œaโ€ tag resemble a โ€œbuttonโ€.

And back at the supervisor we just add another HTML โ€œbuttonโ€ element to allow for this. This allows for an HTML form method=POST navigation to a PHP email helper (via an HTML iframe) be called into play.

Why a โ€œbuttonโ€ element, rather than an โ€œinput type=โ€™button'โ€ element?



<!--input onclick="genask('');" type=button value="Two Player Game ... You Set It Up for Other Player who Turns Away Now"></input-->

<button style="height:90px;" onclick="genask('');">Two Player Name Game &#128053; / &#128584; ... <br>You &#128053; Set It Up for Other <br>Player &#128584; who Turns Away Now</button><br><br>

<button style="height:90px;" onclick="drest(); genask('');">Two Player Name Email Game &#128053; &#128231; &#128053; ... <br>You &#128053; Set It Up for Other <br>Player &#128053; via Email &#128231;</button>

Well, at least for non-mobile platforms, a button with complex wording, weโ€™d like to spread over a few lines of height (as a โ€œbuttonโ€ element can, defining this wording via its innerHTML property which can contain <br> line feeds). And what helps with mobile platforms that still only show the top line of the innerHTML property of a โ€œbuttonโ€ element? Well, we start to involve emojis, and a means of brevity for your more complex concepts you want explained in a web application.

If you want to try thechanged mobile_gesturesโšซhtmโ€˜s Twoโœ‚Player Name Game, feel free! Or try it below โ€ฆ



Previous relevant Mobile Swipe Gesture Name Game Tutorial is shown below.

Mobile Swipe Gesture Name Game Tutorial

Mobile Swipe Gesture Name Game Tutorial

Todayโ€™s extension of mobile device โ€œswipe gestureโ€ event functionality onto yesterdayโ€™s Mobile Swipe Gesture Detection Primer Tutorial is to turn the โ€œproof of conceptโ€ feel into an optional Name Game for Two Players web application.

In this Name Game a โ€ฆ

Pretty simple game, huh?!


Previous relevant Mobile Swipe Gesture Detection Primer Tutorial is shown below.

Mobile Swipe Gesture Detection Primer Tutorial

Mobile Swipe Gesture Detection Primer Tutorial

Have you ever been curious about โ€œthe behind the scenesโ€ detection of โ€œswipeโ€ gestures on mobile platforms, whether that beโ€ฆ

  • swipe right
  • swipe left
  • swipe down
  • swipe up

? The answer for us is โ€œyesโ€. So we decided to start down a road of discovery largely with the help of this useful link, thanks.

This research led us to write an โ€œin all innocenceโ€ โ€œproof of conceptโ€ โ€œgesture playgroundโ€ HTML and Javascript mobile_gesturesโšซhtml liveโœ‚run for you to swipe away, and be detected! It may be all you need to dive into some mobile web application development!

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

This entry was posted in eLearning, Event-Driven Programming, Tutorials and tagged , , , , , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *