{"id":15704,"date":"2015-07-01T05:01:56","date_gmt":"2015-06-30T19:01:56","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=15704"},"modified":"2015-07-01T09:23:51","modified_gmt":"2015-06-30T23:23:51","slug":"leap-second-game-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/leap-second-game-primer-tutorial\/","title":{"rendered":"Leap Second Game Primer Tutorial"},"content":{"rendered":"
\"Leap<\/a>

Leap Second Game Primer Tutorial<\/p><\/div>\n

Maybe we owe you an apology today if you’ve come here looking for high tech information about the Leap Second<\/font>, but our cheeky blog post title today is a “play on words” regarding this most momentous event, while not being anything to do with it exactly … we use “leap” as in “long jump” … and the “second” as in “not go first” (the computer does) … chortle, chortle<\/font>.<\/p>\n

That’s not to say we are not interested in high tech information about the Leap Second<\/font> so we’ll digress and send you off to some information here<\/a>, and just leave you with the interesting point for some computer applications out there that rely on the tightest synchronicity … the issue is not trivial in the sense that computer systems have always been designed with the view that the “second” part of our datetime system is pretty sacrosanct, and it is not a great idea to be having to add or subtract any “seconds” willy nilly at the drop of a hat. Am sure we’ll all get through the issue, though, just as the year 2000 turned out to be a bit of a “fizzer” of an issue back then. Lots of thought is going into redistribution of tiny parts of the second gradually over time, I’ve heard.<\/p>\n

Anyway, back with today, do you remember when, at this blog, we learnt how to lob onto a position on a YouTube “\/watch?v=” scenario when we presented HTML\/Javascript Reveal Image Behind Image Primer Tutorial<\/a> as shown below? Today we use this methodology again, and discovered along the way that to use “\/watch?v=” is fine with it (which is, for example, #t=00m56s, for “jump to 00:56 into video”), but not so okay with “\/embed\/” sadly. Started on the “\/embed\/” approach (for an embedded YouTube video within an iframe) but found, instead that we should use “\/watch?v=” teamed with Javascript “var mywo=window.open()<\/a>” (popup) as a method to work what we wanted to do … and what is it we want to do? We want you to play the computer to guess from an image snapshot of somebody long jumping whether they are going to jump longer than the computer guess (which is free of bias, of course, just like a blackjack croupier).<\/p>\n

So then we come to the issue of how to stop the YouTube video, so that not too much is given away … well … “var mywo=window.open()” can be teamed with “mywo.close()” to close the YouTube video … which just leaves timing … well, we hide things in the HTML title parameter to help and leave 3 seconds “slack” for YouTube loading time (via the wonderful Javascript setTimeout()<\/a> timer method), but you may want to be less crude with this, as we think we’ve seen in the past that an iframe onload event can be used for more synchronicity here … will leave that one for you!<\/p>\n

So please try a live run<\/a> and\/or peruse the HTML and Javascript source code you could call leap_second.html<\/a> … you’ll be amazed by the contest!<\/p>\n

How wuuuuuuuuddde<\/a><\/font>?! Forgot to point you in the direction of a great webpage used for advice here<\/a> (thanks).<\/p>\n

\n

Previous relevant HTML\/Javascript Reveal Image Behind Image Primer Tutorial<\/a> is shown below.<\/p>\n

\"HTML\/Javascript<\/a>

HTML\/Javascript Reveal Image Behind Image Primer Tutorial<\/p><\/div>\n

Continuing on with our discussion regarding HTML, Javascript and CSS on the theme of “reveal”, today we reveal an image behind another, increasing its size over time, and all triggered when the user clicks a link, following on from the previous HTML\/Javascript\/CSS Reveal Information Primer Tutorial<\/a> as shown below.<\/p>\n

Here is a tutorial that “reveals” that image behind a keyhole image using HTML, Javascript and CSS, featuring:<\/p>\n