May 22 2017

Tigerdile and YouTube and Twitch, Oh My!

Posted by

Bringin' the Awesome! Art and Gaming Streams by The Gneech

In an effort to broaden my reach and find more audience, I have begun doing livestreams of art sessions and of my Overwatch sessions, as well as posting recordings to YouTube. So far I’m still in the earliest stages of figuring it all out, but I’m a pretty quick study and I think I’m getting the hang of it! I will add these feeds to the sidebar links on Gneech.com (which is due for a massive overhaul, actually), but for now here’s a quick list where you can find Gneechy Video Goodness!

These time slots are fairly dependable, although if I’m at a convention or something similar obviously that will have an impact. Besides subscribing for notifications on the respective services, you can also follow me on Twitter for the most reliable updates. I try to Tweet at least an hour before I will start streaming to give people a heads-up.

Thanks for watching! Let’s have some fun!

-The Gneech

Filed under : Gneechy Talk | Comments Off on Tigerdile and YouTube and Twitch, Oh My!
May 10 2017

Tutorial: Create a Tic-Tac-Toe Game in JavaScript

Posted by

This exercise was created as a tech writing sample, but hey, it also made a playable Tic-Tac-Toe game, so I figured I’d put it up here for you to enjoy!

Tic-Tac-Toe has been around since at least the days of the pharaohs and has been played with sticks, pebbles, pencils and paper, but with these instructions you and your friends can play Tic-Tac-Toe on any web browser. A sample version of the game is here: My Tic-Tac-Toe Game.

The Basic Game

Tic-Tac-Toe is played on a 3-square by 3-square grid, as shown below. Players take turns placing their mark (an X or an O) until one player wins by putting three marks in a row, or until all squares are full. If all the squares are filled without getting three in a row, the game is a draw.
Tic-Tac-Toe sample games illustration
(click to enlarge)

How the Script Works

The pre-game stage draws a table with three columns and three rows and a label indicating whose turn it is. Each data cell within the table can have one of three values: “X,” “O,” or “blank.” At the beginning of a new game, which player goes first is chosen randomly and all cells are blank.

When a player clicks on a blank cell, the page assigns the selected cell to the player by filling in their mark, and redraws the grid.

If there is no winner and there are still blank cells, play continues, returning to step 2. If there is a winner, or there are no more blank cells, the game ends with either a message indicating the winner or that the game is a draw, and generates a “Start New Game” button. Read more »

Filed under : Tech Writing | Comments Off on Tutorial: Create a Tic-Tac-Toe Game in JavaScript