Technitai Theme for TaskPaper 3

I’ve ported the old Technitai theme for TaskPaper 2 to version 3 and have it up at GitHub.

Here’s what it looks like:



TaskPaper: Insert Started Tag

It’s not really enough knowing when you added a task to your list and know when it was completed. I mean, it always feels good to wrap something up, but it’s incredibly helpful to know how long that thing took to complete. Over time, you can use the ‘working time’ metric to tune your pipeline. Besides, I really dislike leaning back in the chair to rack my brain in order to remember exactly when I started working on a task. It’s also nice knowing how long something sat around waiting to be worked on. That’s why I whipped up Insert Started Tag.

on get_date()
	set currentdate to do shell script "date +%Y-%m-%d"
end get_date

tell application "TaskPaper"
	tell front document
		tell selected entry
			make tag with properties {name:"started", value:my get_date()}
		end tell
	end tell
end tell

Finding Clojure By Playing On The Seaside

The Technitai blog has been far too quiet for far too long, but it’s been because I’ve been burning the midnight oil learning a brand new, for me, way of thinking.

Late last year, I began compiling a list of programming languages and frameworks that I thought that I should at least know a little about. As part of this process, I  sat down with a project idea – a player/event management app for Firefight! That way, I could explore the problem domain and I knew where I could get a subject matter expert if I needed one. Early this past spring, I started digging in.

I started out with Opa, but didn’t get very far. Adam Koprowski, over at Opa HQ was very helpful with answering my early questions. But a few things made it difficult for me to gain traction with the language. The Opa project was transitioning from a Caml based syntax to one based on JavaScript. At the time, the documentation was split between the two which made the going quite rough as I have zero experience with Caml. Compound that with an inexperience in functional programming – well, sit back and imagine the soothing sound of grinding gears.

Opa, I shall be back. Oh, yes. I shall be.

I moved on to Seaside on the Pharo Smalltalk implementation. Six or seven years ago I attempted to dabble with Seaside on Squeak. I wouldn’t call it a crash-and-burn experience but I got nowhere fast. This time around things were totally different. I made some serious headway on the project and I fell in love with the expressiveness of Smalltalk. Years ago, the intrinsic coupling of the language and its environment threw me for a loop. Now I totally appreciate it for its elegance and empowerment. Seaside as a web framework is a stroke of genius. Couple Magritte with Seaside and you’ve got an extremely potent one-two punch for capturing and validating form data on the web. At the conclusion of the prototyping sprint, I felt like I developed an actual application rather than a collection of web oriented components. I thought that I had found my way of developing web apps.

Okay, two more languages were on the short list to check out: Scala and Clojure.

Scala looked the less exotic of the two. The biggest difference being not-LISP. Its syntax didn’t look all that far off from Python and Ruby where I felt quite comfortable. The functional bits could be ignored and used when desired. Kinda like how I was using JavaScript. Besides, it was Lift that put Scala on my RADAR to begin with, so I started heading off in that direction. But something made me pause and reexamine where I was headed.

Each week, I receive The Pragmatic Bookshelf monthly email filled with info on releases, news, and their PragPub magazine. That month they just released Programming Clojure (2nd Edition).

I remembered stumbling onto Clojure when it was new and noting to myself that I should learn-it-someday. I was of course intrigued by what I perceived as its arcane LISPness that verged on the mythical. Back then it was a someday-language. A language to learn someday when I’m suddenly smart enough to learn it.

I bought a copy of Programming Clojure and examined the Clojure web development field but didn’t find a counterpart to Seaside or Lift. Instead, I found stuff called RingHiccup, and Compojure. All of the moving parts had me a bit confused. What was I thinking? Then I found Noir:

Noir is a micro-framework that allows you to rapidly develop websites in Clojure.

And it couldn’t be any simpler.


In less than a day, I put my eyes on every character of every word of Programming Clojure. After the once-through, I didn’t intimately understand everything that I read but I got it. On day two I began coding. There were some fits and starts and sudden stops, but soon, I gained some real velocity. After prototyping the Clojure project to be as close as possible to the one done in Smalltalk, I took a step back and thought that while it looked the same in the browser, it was relatively primitive underneath. At first, I thought that I went backwards. But I soon learned that this was a instead a strength.

I did a quick survey of what JavaScript frameworks were out there for building modern web apps. I went with AngularJS. It turned out to be an excellent fit with Noir.

Using AngularJS, I “modernized” the prototype and soon its functionality surpassed the one done in Smalltalk and Seaside. But even more importantly, I understood what Halloway, Bedra, and Hickey were talking about. The lingering doubts that I had about OOP modeling, all the while that I thought that I was good at it, were gone. To top it off, my code base was smaller and just as legible. Don’t get me wrong. My code was quite unpretty here and there and organization in places left much to be desired but those were things that I knew how to fix. And I could fix them without the fixes rippling out across the rest of the system. I freaking learned Clojure!

Okay, back to the mission. I didn’t want the exuberance of learning Clojure to limit my appreciation of Scala so I jumped into it headlong.

There are a lot of good Scala tutorials on the ‘net but I homed in on Programming Scala at O’Reilly. The book itself is a good value too, by the way.

The first thing I did was create a new Scala project to parse the Firefight! ePub in order to pre-populate the database with stuff. I had a heck of a time getting sbt, the Scala Built Tool, to download the project dependencies. Eventually, I gave up and just downloaded them manually. But I did get Scala to parse the XHTML and to insert data into MongoDB.

I’m totally sold on Scala as a scripting language. Having access to all of the libraries that run on the JVM is a huge boon.

As I worked through Programming Scala, I couldn’t manage to gain velocity on the prototype project. A ball of frustration grew inside of me because, as a language, Scala looked familiar. The functional parts were empowering. Traits looked, to me, lightyears ahead of Java Interfaces. After coming off Clojure, there seemed to be so much code but I could have gotten over that if I had a better experience with the build tools, and hadn’t encountered binary incompatibility with compiled libraries, all the while trying to learn both a language and a framework at the same time. It simply felt like too much, and I ran back to Lein.

Scala, Lift, and the Play! framework are all obviously powerful and I’ll be revisiting them before too long, but I’ve decided to build my app prototype into a full blown product using Clojure.

So, yep. I found Clojure by playing on the Seaside.


The website for our game FIREFIGHT! has launched. It has been a lot of work but so worth it. I touched everything from logo design to line height and danged near everything in between. Writing content was perhaps the most difficult part. For a while now I’ve been working on my visual design chops but writing for an audience is a much more recent turn for me. It’s tough! I have an improved but not new respect for those who do it every day.

The site itself runs on Drupal within the Acquia Drupal Gardens cloud. I’ve been impressed not only with the stability of the site but the pace at which the Acquia guys are rolling out new features. For example, they just released functionality to add custom JavaScript frameworks to your site. Nifty.

Back when I was a systems administrator I maintained a Drupal install. The Acquia team does it better than I did or could do today.

Some parts of the process were painful. Working with the built in rich text editor proved difficult and a majority of the time I worked outside of it using apps like TextMate, Espresso, and the amazing CSSEdit. Along the way I picked up a few techniques like editing live within Firefox with Firebug to do rapid prototyping. I think there’s a blog post or two in there somewhere.

Anyways, check out the site and let me know what you think. Feedback is always appreciated.

Gamestorming the Benefits of Firefight!

Gamestorming the Benefits of Firefight!

We’re at the stage now with Firefight! where we’re really working on marketing. I’ve got to be honest with you, it can be tough for me. It’s not a moral issue. It has more to do with spending so much time creating and fabricating that it’s a big context switch. Sure, we’ve established strong design goals but those don’t typically directly translate to benefits or even features that a potential player can relate to. How did we translate those technical bits of game geek speak into benefits and features? We Gamestormed it and went from this:

To this:

It was inspired by the Cover Story game. But instead of using it to bring forward new ideas we used it to jump in and focus on what’s important from the perspective of potential customers.

The Skinny On Agile Game Design – Part 3: The Firefight! Board

In the previous Agile Game Design post we covered how to create a basic Kanban board that could be used for just about any endeavor. This time we’ll take a look at a board used specifically for game design. It’s the one that we use here for Firefight!.

Definition of Done

This version of the Kanban board has something new that we haven’t seen yet, Definition of Done.

Each column has its own definition that items in that step must meet in order to be called done. The definitions not only help to get everyone on the same page but they also act as reminders.  For example don’t worry about formatting and paragraph spacing when working on something in development. That’s not part of Development’s definition and odds are that it will be wasted effort.

The definitions are not meant to be inhibiting. If they are then they have to be changed. They’re there to facilitate getting things done  while protecting product quality.

The Columns


The items stickied in this column are pulled out of the backlog that we manage off-board. In our case we use Circus Ponies Notebook.

Think of Next as a slightly more sophisticated To-Do list where items of higher priority (as compared to those still in the backlog) are staged on the board.


Work In Progress Limit: 2

Items pulled into this column are analyzed to determine if they really are what we think they are.

If an item is too large (too many parts) to flow across the board then this is where it gets split into smaller chunks. Priority chunks are left here (respecting Work In Progress limits) while the rest are moved back to Next.

Next and Analysis function together to minimize wasted effort down the line.

Definition of Done:

  • Goal is clear: The objective is set. The item’s purpose is known.
  • 1st tasks defined: This is about creating momentum. When the item is pulled into Development the developer can get started right away. He doesn’t have to make any guesses.


Work In Progress Limit: 3

This is where you make sketches of ideas and hash them out. The skeleton of ideas get flesh put onto them and are molded according to vision. At the end of this stage they only have to be beautiful ideas not pretty to look at.

Definition of Done:

  • Unambiguous: In context of game design this means that the item or rule can be understood by others.
  • Component is captured: This means that it has been written down or is in an application available to everyone on the team.
  • Integrated and Tested: The item or rule makes logical sense and does not introduce unintended consequences.
  • Ready for Write-Up: The item is ready for the next step.


Here is where the product of development is refined for release.

Work In Progress Limit: 3

Definition of Done:

  • Written for final presentation: The item’s text is ready to be read by the outside world.
  • Retains design intent: Nothing was lost in translation.
  • Ready for acceptance: The item is ready for the big review.


Items pulled into Acceptance are looked at with a discerning eye. If they pass muster then they are given the thumbs up and are moved off the board and logged. If it’s thumbs down then we begin exploring the reasons why so that problems can be addressed.

Definition of Done:

  • Reviewed and given Thumbs-Up.
  • Ready for play.


So there we have it. The Firefight! Kanban board for developing ideas into functional game components fit for use in the field.

But wait a second! Where’s a Play Testing column? Isn’t testing important? Heck yeah it is. Our old board had one when we were doing active play testing. But we’re beyond that now and our board reflects our current workflow. That’s one of the nifty things about Kanban. It fits you.

From Scrivener to EPUB

Outside of the technical arena I’m smack dab in the middle of writing a game book. Up to now it’s been distributed as a PDF but the workflow and distribution has been anything but agile. So, the decision was made to turn it into an HTML5 mobile app that we could iterate over and push the updates to customers. On the way to HTML5 we decided to turn the whole thing into an EPUB. We’d have the chapters already broken up into separate HTML files and we’d have a new product. Talk about limiting waste.

Scrivener is an excellent app that we use for outlining, editing, storyboarding, and writing. It exports to multiple formats; PDF, RTF, Word, EPUB, HTML, etc. Scrivener’s EPUB export works really well for quickly getting your book packaged up. But for us there were a couple of issues. The conversion to HTML is handled by libraries from the OS and it does enough funky stuff to make future reuse of the exported markup difficult. Looking at the resulting markup, one time a header is a header and the next it’s a font whose size is set to 180%. That kind of thing makes it really tough to apply sensible custom CSS. But all was not lost.

Scrivener also compiles books to MultiMarkdown which can be transformed into very clean HTML. To leverage the Scrivener-MultiMarkdown combo I wrote a set of scripts called XHTML2EPUB. The scripts convert the Scrivener generated MultiMarkdown file into a standards compliant EPUB file ready for distribution.

What does MultiMarkdown look like?

Here’s a very basic but straight forward example.

## Playing The Game ##

The Firefight! Tactical Roleplay Engine requires at least one OPFOR Commander and a small group of players; some playing as the Operators and the rest helping the commander by playing as OPFOR.

The text surrounded by double hash marks are denoted to be a second level header.

When rendered as HTML it looks like this:

Playing The Game

The Firefight! Tactical Roleplay Engine requires at least one OPFOR Commander and a small group of players; some playing as the Operators and the rest helping the commander by playing as OPFOR.

Piece of cake and very easy to work with. We converted the entire project to MultiMarkdown by hand instead of relying on the built-in WYSIWYG tools. You tell MultiMarkdown what you mean the text to look like instead of worrying about font selection and what-not. Beyond making it easier to apply custom CSS, I’ve found that this approach makes it easier to focus on the writing itself. WYSIWYG can be distracting.

Here’s more information on creating a MultiMarkdown document that’s straight from the source.


Before you can run the scripts there are some things that you have to make sure are installed:

  • MultiMarkdown Select the installer for your operating system and have a go.
  • Ruby If you’re running OS X or Linux then odds are you already have it installed. If you’re on Windows then have no fear. It’s a straight forward install.

Installing the necessary Ruby bits

From a terminal/command line run the following lines:

gem install nokogiri
gem install uuidtools

Depending on your setup you may have to use the sudo command. For example:

sudo gem install nokogiri

And so on.

The Workflow

1. Compile your work to MultiMarkdown

In Scrivener select Compile… from the File menu.

Note the document titled Meta-Data. Here is where you can place bits of information useful to Multimarkdown. Make sure this bit is in there:

css: ../Styles/epub_style.css

Under Formatting, at top of the representative text area, add:

# Title #

This tells Scrivener to insert the chapter title as a header element into each chapter’s text. You could do this step by hand but you lose the ability to freely rearrange chapters within Scrivener via drag and drop.

XHTML2EPUB uses this bit of information to do its thing.

2. Configure XHTML2EPUB

3. Run mmd2xhtml.rb

mmd2xhtml.rb is included as a convenience script to convert the file denoted by multimarkdown_file_name into plain ole XHTML. After this script is run there will be a monolithic XHTML file in the master_directory. It is split into individual chapter files in the next step.

4. Run xhtml2epub.rb

This is where most of the work is done. After you run xhtml2epub.rb you will have a complete working directory for your EPUB with all of the assets; text, and images all in the right place. The script also massages the generated HTML to comply with EPUB standards.

5. Tweak the CSS

Since EPUB is styled with a subset of CSS 2 you can use your favorite editor to tweak epub_directory/OEBPS/Styles/epub_style.css.

Once everything looks good simply run xhtml2epub.rb again and it will scoop everything up and recreate the EPUB file with your CSS changes.