Saturday, April 19, 2014

Complete Game Scorecard: April 19th: #BlueJays at #Indians - Gm 2

Summary:

Image - Toronto Pitching, Buehrle, Rogers - April 19th Blue Jays at Indians - Gm 2


Internet Baseball Scorecard - A DIY html baseball scoresheet for scorekeeping baseball games in Blogger | April 19th: Blue Jays at Indians - Gm 2 | http://internetbaseballscorecard2013.blogspot.ca/2014/04/april-19th-blue-jays-at-indians-gm-2.html

Image URLhttp://1.bp.blogspot.com/-NBuam4OOxI0/U1LcSDbLpmI/AAAAAAAAF2k/y1aJbl-t7QI/s1600/Toronto+Pitching+Buehrle+Rogers+April+19th+Blue+Jays+at+Indians+-+Gm+2.JPG



mh

Friday, April 18, 2014

Complete Game Scorecard: April 17th: #BlueJays at #Twins - Game 3

Game Summary: 'The Strangest game I have ever seen.'

Jays had a 2 run lead going into the bottom of the 8th - Steve Delabar was tapped to start the inning. He walked 2 and then 7-hitter Eduardo Nunez (3B) sac bunted them over. That's when Blue Jays' manager John Gibbins decided Sergio Santos the stopper, had better come in and try to get himself a 5-Out Save with two runners in scoring position.

It didn't work.

Santos walked his first batter with the pitches looking wild. Then the nine hitter - pinch hitter Kurt Suzuki - waited for his walk while watching two wild pitches tie the game. One-hitter, Brian Dozier watched another wild pitch plate the go-ahead run before he too walked. That was the end of Santos as J.A. Happ was brought in.

But that wasn't the end of it. Happ walked his first batter to load 'em up - and then the next one as well, for the starting-to-get-predictable RBI Base-On-Balls. Then Happ gave up the landmark first Hit of the inning(!) plating two more to put the icing on the blow-out, eighth inning cake.

All told, the Twins sent 13 batters to the plate in the inning; walked 7 times and plated 6 runs on 1 hit. Half the runs scored via wild pitches by Santos.

The strangest game I have ever seen.


On a bright note - I was able to keep up while scoring the crazy eighth, with the new Canvas scorecard, which was fast and responsive. 'Tight' would be the word I would use to describe it. I was able to publish the eighth inning about 30 seconds after the last out.

In fact, I was having so much fun early on in the night - that in the 3rd inning I shot another video of me scoring the game Live in the Blogger Compose Interface. This one was an update on how to easily score using the colour coded base-runner notation functionality that this new Canvas Mark-up of the Internet Baseball Scorecard affords. The interface is now so quick and easy that I was able to shoot and post a video of me scoring in the 3rd ... and now in the 7th (when I wrote this part), write this blog while scoring the end of the game at the same time.(little did I know what was coming!).

Speed is key - because the whole point of scoring the game on the computer, is to also write baseball copy about the game at the same time - because as baseball copy hacks have done since the late 1800's - filing their stories with their editor quickly is paramount. It's usually expected about an hour after the game ends.

(This one's a little later than that standard because the turning point in the game happened late - and was tumultuous. Plus the game ended just minutes after the long chaos ceased - with a 1,2,3 Jays top of the ninth.)


Read every play in an html5 Canvas Scorecard for Blogger - with text and colour-coded base-runner-progress notation.

Internet Baseball Scorecard | April 17th: BlueJays at Twins - Gm 3 | http://internetbaseballscorecard2013.blogspot.ca/2014/04/april-17th-blue-jays-at-twins-gm-3.html


Her's the Video I shot of me scoring in the 3rd - showing the excellent functionality of the Blogger Compose Interface with this coding (best practice gleaned so far - this is only the third game I've scored with the new Mark-up).

Scoring Demonstration - Internet Baseball Scorecard, April 17th Blue Jays at Twins Gm 3



From under the video:
How to use the Blogger Compose interface to colour code base-runner notations in the Internet Baseball Scorecard - Canvas Version, using high-light double-clicks and the Blogger colour pallets for Text Color and Text Background Color buttons.


An addendum:

I want to talk about a scoring notation that I did in the eighth during Kurt Susuki's At-Bat. This particular situation has never occurred for me in 25 years of scoring ball games.

Here's an image of the 8th Inning and the At-Bat Box in question - the ninth batter in the order:

Note the mess of notations in the first line of the southeast quadrant of the 9th batter's at-bat box in the 8th Inning. Below is that copied out of the box at the scorecard and simply pasted into this page.

ph/WP#5,6,8-IB/pr(#8)WP6,8-1B
BB
pr

The first line of the At-Bat box is reserved for events that happen before the batter hits the ball into play - or in the case of this particular at-bat - (in fact he did not put the ball in play) - before he walked;

ph followed by a forward slash. The forward slash separates one event from another. "ph" This is the first event that happened after that batter stepped into the at-bat box. 'ph' stands for "pinch hitter". It denotes that the batter in the line-up so far in this game, has at this point been replaced by a different batter. By checking the far left of the scorecard you can see that K Susuki pinch hit for E Escobar in the 8th. (" 8th PH K Suzuki")

Next event that happens before the completion of the at-bat (not including pitches thrown, fouls, balls, strikes called, swings) : "WP#5,6,8-IB"  'WP' means "Wild Pitch" The next set of notation right after WP indicate runners movements on the base-paths. The bases are loaded. #5 means the 5th batter in the order - and then to save space I just add a comma directly after the 5 and add 6 and 8 as well - then dash, and then "1B". 1B means all those base-runners - #5, #6 and #8 - moved one base. So in this case the #5 batter-runner went from 3rd Base to Home Plate. The #6 batter-runner moved from 2nd base to 3rd base and the #8 batter-runner moved from 1st base to 2nd base.

Then a slash separating events and then, "pr(#8)". 'pr' means "Pinch Runner" followed directly by (#8) which notes that the #8 batter-runner has been replaced (he's now at 2nd base remember - now in scoring position, and importantly late in the game, he represents the 'go-ahead' run). Twins Manager Ron Gardenhire replaced the #8 batter-runner with his fastest man in order to give his team the best chance they have to win the game.

(I forgot to add a slash here) The next element in this scoring - the next thing that happens is "WP6,8-1B". Again you recognize this from the second element, it's another wild pitch "WP" - immediately followed by "6,8" (the #6 batter-runner and the #8 batter-runner) and than a dash, and then "1B". Meaning of coarse, the 6 batter and the 8 batter advance one base each. In this case the 6 batter scored a run and the 8 batter moved from 2nd base to 3rd base.

The nest line down is the usual scoring notation for Base on Balls ("BB"). Once Susuki is on base the manager replaces him with a pinch runner - in order to give his team the best change they have to score an 'insurance run' if they should take the lead in the game by plating the #8 batter-runner now on 3rd base; and, also to make turning a double play by the defence harder by having a fast runner at 1st base.

And that's it. :)



mh

Wednesday, April 16, 2014

Complete Game Scorecard: April 15th: #BlueJays at #Twins - Game 1


In the 3rd inning I shoot a video of me explaining how I'm scoring the game in Blogger - Live.

Read every play in an html5 Canvas Scorecard for Blogger - with text and colour-coded base-runner-progress notation.

Internet Baseball Scorecard | April 15th: Blue Jays at Twins - Gm 1 | http://internetbaseballscorecard2013.blogspot.ca/2014/04/april-15th-blue-jays-at-twins-gm-1.html

Game Summary:

Jays good enough - then in the ninth - 3 walks in a row and then a homie for Lawrie erases Save opportunity.

Brandon Morrow an't find it - just 3.2 IP.

Bullpen gives up one run over 5.1 IP


 Watch me scoring the game Live in the Blogger Compose Interface, shot in the 3rd and posted on the scorecard in the 6th inning:

Scoring a Baseball Game Live in the Internet Baseball Scorecard





mh

Sunday, April 13, 2014

Complete Game Scorecard: #BlueJays at #Orioles - Game 3

Read every play in an html5 Canvas Scorecard for Blogger - with text and colour-coded base-runner-progress notation.

Internet Baseball Scorecard | April 13th: Blue Jays at Orioles - Game 3 | http://internetbaseballscorecard2013.blogspot.ca/2014/04/April-13th-Blue-Jays-at-Orioles-Game-3.html

Summary:

Jays batting comes alive.

Mark Buehrle 3-0 with 0.86 ERA.

Ubaldo Jimenez off to shaky start - loses 3rd in a row.



mh

Monday, April 7, 2014

New HTML5 Canvas Baseball Scorecard gets put through her paces - and passes with Flying Colours!

Complete Game Scorecard: Internet Baseball Scorecard | "April 7th: Orioles at Yankees - Game 1" | http://internetbaseballscorecard2013.blogspot.ca/2014/04/april-7th-orioles-at-yankees-game-1.html

Scored Live by the author.
Internet Baseball Scorecard
A DIY html baseball scoresheet for scorekeeping baseball games in Blogger

Via the brand new HTML5 Canvas Baseball Scorecard mark-up written by Michael Holloway.

New HTML5/JavaScript coding works like a charm.



I encourage baseball scorekeepers to give it a try.

Use the code from the page source and lay it into a Blogger blog tailored with a 4000 pixel height and a 2000 pixel width.


Creative Commons License


Condition of Use: On publish, Attribute the "Internet Baseball Scorecard by Michael Holloway" and add a link to where you found it - and stipulate this Condition of Use whenever you publish. This is Open Source code - feel free to re-code it for any style, design or purpose you wish.



mh

Friday, April 4, 2014

An HTML5 Canvas At-Bat Box with colour-notation scoring capability for the Internet Baseball Scorecard

This HTML5 Canvas At-Bat Box is three layers. The bottom layer is the outline of the At-bat box and the outfield icon coded in JavaScript in a canvas box. Layer two is a couple of elements: five text boxes and the keyholes that hide their scroll bars; and colour notation boxes equipped with 'span' tagged text areas that allow one to use the Text Background Color pallet in the Blogger Compose Interface - in order to colour code the progress of base-runners around the infield icon diamond. The third layer is a canvas drawing of the infield icon diamond - which is positioned directly over the 'span' boxes in layer two.

The sizes of the Span text areas are regulated by font-size elements for height; and five 'periods' for width (the smallest text character there is).

A background color widget would be nice so I could create properly sized boxes under the infield icon.

The Compose interface does not show any part of the canvas drawings - all that shows before any text background color is added - is the outfield-icon-colour-green, that is preloaded into the upper colour notation boxes so that it matches the outfield icon behind it. Also I have the top text areas (northwest & northeast) set to render a dashed line along the bottom of their extent - so I can see where they are in Compose. Like-wise, in order to indicate the top and bottom borders of the At-Bat Box in Compose, I set the Pitching notation box to render a dashed line along it's right border.

It will work but it doesn't look very good on publish - as you can see. I'll keeping working on it - but at least I can score ball games now.

Blogger is not HTML5 ready - which is a little disappointing, considering they just spent 2 years rebuilding it.



Your browser does not support the HTML5 canvas tag.

.....

.....

.....

.....














RS
RBI









3BH9
#7 2,H



Your browser does not support the HTML5 canvas tag.
]




Here's a screen shot of how what you're reading looks like for me writing it in the Blogger Compose Interface:


















Cross-posted at Internet Baseball Scorecard | "At-Bat Box - span TEST"  | http://internetbaseballscorecard2013.blogspot.ca/2014/04/at-bat-box-span-test.html



mh

Thursday, April 3, 2014

At-Bat Box Example for Blogger Feedback

Blogger isn't HTML5 ready.

#1


































Feedback sent:
I've coded a 'div' element with a style property 'background-color' that surrounds a 'div' element with a 'border' property - in order to change the background-color via the "Text Background Color" button in the Blogger Compose Interface.

In Firefox 3.8 and earlier - it worked (as well as in early Chrome versions).

Now, when the element is high-lighted, and the "Text Background Color" button is employed - the Compose Interface simply erases the 'background-color' property from the 'div' element in the html.

I believe the fix is to add a 'Change Background Color' button to the Compose Interface menu.


Thanks for your help,
Michael Holloway
Toronto, Ontario
michaelholloway111[at]gmail[dot]com



mh