Fall ’15 updates just around the corner

While the site has been fairly dormant during the late Spring and Summer, don’t think for a moment that puzzle work has stopped at Knossos Games HQ. I’ve been hard at work planning and creating puzzles and updates for the magazine and website for the coming academic year. As I’ve commented before, several things are always going on at once,  and I’ve used the past few months to think through behind-the-scenes issues, tackle ongoing problems, and get better organized. I’m excited about what’s coming, and I hope you’ll enjoy it when it arrives!

Origin Stories: Logic #1 – Coin Box

This is an origin story within an origin story. It also required a significant amount of detective work, in more ways than one.

I was initially hesitant to write any logic problems for Knossos Games at all. There is a vast history of logic problems, with a great deal of diversity and detailed analysis of practically everything. I have high standards for the puzzles I write, especially in terms of their uniqueness and originality, and I wasn’t sure if I could add anything to this category of puzzle. A particular logic problem that I saw convinced me otherwise.

The Coin Box problem was my very first attempt at a logic problem. During my early days of puzzle making, I tended to emulate or improve puzzles I encountered, and this one was no different. I created this problem based on another logic problem, but I never had a copy of that original problem, and that’s because of the way in which I encountered the problem.

During the summer of 1997, I was a teaching assistant at the Frederick, Maryland CAA site for a class called “Mathematical Investigations”. (Sadly, this course no longer exists. This discrete math course currently offered is the closest, but there is only a small amount of overlap in the content, and I have no idea if they are taught in the same way. I should also note that CAA doesn’t exist anymore either. CAA summer courses are now called CTY: Academic Explorations, while the original CTY summer courses are now called CTY: Intensive Studies.) These summer program courses meet all day long for three weeks, so in addition to the main topic we covered each day, there were a lot of supplementary activities.

One of those was a recurring competition between the students. The class was broken up into a few teams, and the instructor and I would give them a new puzzle or math problem every three minutes on the overhead projector. The members of each team would have to work together to make sure they copied down the relevant information needed to solve each problem as well as actually solve them all before the competition ended. Of course, the team with the most correctly solved problems won.

This is where I saw the logic problem that inspired the Coin Box problem. Remember, I never got a copy of it at the time. Here are the notes I have about the problem, which were jotted down at some point well after I wrote the Coin Box problem:

One problem we used in one of the competitions had a grid of 16 numbers. The puzzle had a couple of simple clues about how to arrange the numbers in the grid. The problem was only looking for one specific number, and thus it was unnecessary to fill in the entire grid to get the answer. I wondered if I could make a similar puzzle, only make it so that each clue was necessary to complete the entire grid.

That description constituted the brief yet official history of the Coin Box problem. Years later, I found a book of problems that seemed very familiar. Baker Street Puzzles by Tom Bullimore is a collection of short problems, puzzles, and brainteasers using Sherlock Holmes and Watson as a cover story.

img003

I immediately recognized a few of the problems in the book as ones from the competition. I dug through my filing cabinet and found a solution sheet for the problems we used in one of the competitions. The problem numbers for each solution matched those given in the book, so I knew I had found the source of the problems the instructor used.

However, absolutely nothing in the book matched the above description I had written about the source puzzle. I couldn’t remember if the competitions used problems exclusively from this book, or mixed and matched from other sources. The problem in the book that seemed closest to my description is the following:

From "Baker Street Puzzles" by

Is this where I got the idea for the Coin Box problem? Perhaps I misremembered the details from the problem seen in competition. If this is the source problem, why would I have found inspiration in this particular puzzle? Only in trying to solve this puzzle did I start to realize why I might have wanted to recreate it.

Look at clue #3 above: SMITH’S box was also above GRAY’S (although not directly). What exactly does that mean? What is the difference between “directly above” and just “above” (not directly). Clues #1 and #6 also give a distinction between “directly to the right of” and “to the right of” (not directly).

I can think of two possibilities. In one interpretation, “directly above” could mean that the two boxes are touching, where one is right above the other, while “above” could mean in the same column, but not necessarily touching. (Saying that one box is above another does not preclude that it is, in fact, directly above it, so this doesn’t force the “above” box is in the top row and the “below” box is in the bottom row.) Alternatively, “directly above” could mean in the same column, while “above” could simply mean that the “above” box is anywhere in a row above the “below” box. These interpretations are very different! And nowhere in the puzzle is it clear which we should use.

I decided to chart out all the possibilities. Depending upon how you interpret “directly above”, “directly to the right of”, and “between”, this yields many, many solutions to the problem, shown below. What I believe to be the intended solution is highlighted in blue.

Solution PossibilitiesAs it turns out, for the solution given (that MORIARTY’S box is #9, matching the above presumed solution), “directly” is used consistently to mean touching, although sometimes this is a choice, and other times clues force you to interpret “directly” as touching. However, the generic “to the right of” (clue #1) is forced to be in the same row, while the generic “above” (clue #3) is not in the same column. Again, there is nothing in the stated clues that makes any of this clear, and thus I would claim that there are alternative, valid solutions of boxes 5, 6, 7, 10, and 11.

In the Coin Box problem I wrote, it seems fairly clear that I was responding to this language problem. The clues I used only contained references to “directly” above and below, and never generally above and below. (I also added several clues that relied on numerical properties of the values involved.) In updating the puzzle for the new website (and in thinking through this blog post), I decided to include language defining “directly”. Even though its usage can be deduced from the puzzle itself, since in several cases “directly” must mean contiguous and thus should be used consistently, that possible ambiguity is not what I want to be part of what makes the problem difficult.

It is still possible that this problem is not what generated the Coin Box problem. I think it is more than likely, given the similarity of the clues and the correction of some of the source problem’s ambiguities. Even with the distorted narrative I had in my notes, there is more here that verifies the origin of the first logic problem I wrote than refutes it.

By the way, if we don’t enforce the interpretation of “directly” as contiguous in the Coin Box problem, then there are two alternative solutions to that as well. Clues #1, 5, and 7 could be used differently to produce these solutions (differences highlighted in blue):

Coin Box Alt

Update: Logic problems, Part 1

I knew that updating the logic problems for the new website would be a big task. Several logic problems were never posted to the last version of the website, and those that were still needed updated graphics and, in some cases, updated detailed solutions. I decided to break the logic problem update into pieces, so that I could better manage the work and post updates more frequently. Here’s what’s new in the first update:

Logic problem #1 – Coin Box
The main coin chest graphic was redone to make it look more like an actual chest of small drawers (like an old card catalog). This is the third or fourth version of this graphic, and I’m finally happy with it. The solution graphics, while visually the same as the last version, also needed to be redone, since the original graphics inside the Adobe Illustrator file somehow had already been exported to a non-vector format.

Logic problem #2 – Two-year Garden
The solution graphics in the last version contained explanatory text, which I’m universally trying to eliminate. This text was removed and replaced with descriptive text on the actual page. I had updated the solution graphics at some point for the last revision of the website, but those updated graphics were never posted for some reason. I further modified those updated graphics to improve the font and color. The detailed solution text was updated and expanded to be more clear, and to replace the aforementioned text from the old graphics.

Logic problem #3 – Castaway, Part 1
This update required the most work out of the first group. The graphics for this puzzle need to illustrate the ordering of names, and the previous graphics (including a hideous font choice) didn’t look very good. I replaced them by changing the font and creating a “ballot” theme as seen on the TV show that inspired the puzzle. The page-wide format of the old website allowed ample room for the graphics to be placed next to their corresponding clues and explanations. The current skinny-column version of the site (which improves readability) doesn’t contain very much room to have text next to graphics, so the CSS spacing of the two-column view is a bit of a hack.

While the solution, in terms of the order of names kicked off the island, is unchanged, the text of the detailed solution and the structure of the solution is improved. The original solution sometimes inserted names between previously ordered pairs, while the new solution strictly builds before or after the currently ordered list. This was motivated by the previously mentioned difficulty with the graphic layout (inserting names required wider graphics that would not have been easily arranged on the new website), but also made the solution more straightforward. With the detailed solution changes, the following clues were eliminated, since they were redundant and no longer necessary to solve the problem:

Paul:
I was kicked off after Bill.
I was kicked off before Russel.

Tiffany:
Holliday was kicked off before Paul.
Emory was kicked off before Eutaw.

Logic problem #4 – Bookstore
Even though the text (numbers, really) in the solution graphics is a bit small, it is reiterated in the text of the detailed solution, so these graphics were not changed (except, as with all graphics on the site, replaced with new svg versions). I corrected a typo in a solution equation which I hadn’t previously caught.

Logic problem #5 – Cineplex
I increased the size of the cineplex solution graphics to match the main cineplex puzzle layout graphic. The text of the detailed solution was modified to include the original clues and increase clarity of the solution.

Origin Stories: Space Pods

New ideas for puzzles come to me from anywhere and everywhere. Often times they come from everyday experiences, and through ideas I contemplate at my actual job, but I also like to check out puzzle books, magazines, and websites to see what other puzzlemakers are doing. Sometimes I see a puzzle that’s great, and I want to emulate it. Other times I see a puzzle that was based on a promising idea but was (in my opinion) poorly executed, and I think I can do better. In this continuing series, I’ll share where my new puzzle ideas come from.

There is one more story about the Space Pods puzzles I wanted to tell before moving on to other things. I dug through some stuff and managed to find the puzzle from Games magazine that inspired the first Space Pods puzzle.

click to enlarge
click/tap to enlarge

I thought this puzzle had some interesting ideas. However, I also thought the way it was constructed was convoluted and cumbersome. I like complex puzzles, but I find ones that have overly complicated rules to be tedious and unnecessarily torturous.

As you can see in the instructions above, three people move around the hexagonal grid unlocking doors. But each person has a certain number of specific keys, which can only go in specific locks, and once they run out they have to return to “base”, and then some of the doors re-lock, but some stay open. These details have to be summarized in a chart for each puzzle.

This puzzle is difficult because you have all of this junk that you have to keep track of. (The author even senses this – note that the instructions contain a suggestion of how to keep a record of which doors are unlocked.) Not exactly my idea of a fun puzzle-solving experience.

Despite this sentiment, I thought that there were some unique ideas contained in the puzzle that I wanted to explore. I had used two people helping each other in the Double Jumping puzzles, so why not try three people? I liked the hexagons, because it would open up more possibilities for connecting rooms together compared to a square grid. And I liked the idea of doors and locks that would be unlocked and re-locked.

I kept the three people, but now they work together, instead of sending one out, then another, then finally the third person. And the objective is no longer that just one person makes it to the goal (which never made sense to me), but that all three have to get there. I ditched the standard hexagonal grid by adding hallways. This helps connect non-contiguous hexagons and opens up the puzzle, but also precludes using a distance-to-goal heuristic while solving, which makes the puzzle harder. The most important change was simplifying the procedure of unlocking and re-locking doors. Instead of charts explaining who had what keys, the door locks would be dependent upon where the people were in the puzzle space. Thus the “chart” becomes part of the puzzle space itself (which makes it a lot easier to keep track of who can open which doors when). Consequently, the rules are vastly simplified, but the puzzles can actually be more complex, depending upon how large the space is and how many steps there are to solve the puzzle .

All in all, I think it’s a big improvement. My thanks to Sky Williams and Games magazine for inspiring me to make a puzzle using three people unlocking doors together. Oh, and in case you were wondering, here’s the solutions to the above puzzles.

click/tap to enlarge
click/tap to enlarge

Site updates: February 2015

An ongoing catalogue of Knossos Games website issues and minor updates.


The Space Pods puzzle section received a significant update.


Updated: Knossos Games website homepage

Problem: In the overhaul of the entire Knossos Games website, the homepage was basically an afterthought. I had focused so much time and attention to how the content should be organized and presented (as well as the new code to support it all), that I hadn’t really figured out what should be on the new homepage. I’ve observed a few people interact with the site over the years, and the homepage from the last version seemed to be confusing (people weren’t sure what to click on or where to go next). My first attempt at the new homepage, however, was a boring overcorrection.

Solution: This time, I’ve tried to retreat from the blandness by including more puzzle swaths and sections (carried over from the category pages, like this one). I have more ideas, and it’s still a work in progress, but this is certainly better than what it used to be (and what it used to be before that).


Fixed: Numerous broken links across the site

Problem: There are a lot of broken links (temporarily) caused by pages from the older versions of the site coexisting with newer versions. (I’ll explain this situation in detail in another blog post at some point.)

Solution: The two-versions-ago homepage (kg.kghome.html) and an old attempt at creating an all-in-one puzzle index page (kg.CategoriesV6a.html) have now both been replaced with pointers to the current home page (kg.index.html). This fixes the vast majority of broken link issues.

Update: Space Pods

In bringing the website for Knossos Games back to life (and I promise, there will be a few blog posts about specifically why it was gone and how it has returned), many things needed to be updated. Minor updates will be grouped together, major ones will get their own post, like this one.

With the publication of a new Space Pods puzzle in Imagine v22.n1 (September/October 2014), the Space Pods collection of puzzles became a good candidate for the next group of puzzles to be updated for the website, after the first major update (mazes).

In going through the graphics files in Adobe Illustrator, I realized that, over the years, I had constructed the puzzle graphics inconsistently. While this looked fine in print, and in the low resolution gifs used in the past, these inconsistencies would definitely show up in the scalable vector graphics drawn on high resolution displays of the updated site. Thus, the first task was to go back and clean up the original graphics files for each puzzle: the space pods puzzle and solution diagrams, as well as the solution charts.

If you look closely, there are a few fine details of how each space pods puzzle diagram is constructed. The grey squares representing the “doors” to the space pods are a good example. The surrounding wall lines overlap each door, which is meant to suggest that the doors are recessed and slide into the walls, like on your favorite science-fiction TV show or movie. (This style of door also visually looked the best compared to the many options I originally tried.) I fixed some consistency problems with the size of the gap for each door (especially gaps on a diagonal) by re-slicing and re-grouping the hexagon and hallway lines. The radius of the rounded edges of the doors was also changed to look more consistent across low and high resolutions.

The solution charts use a triple chevron arrow, and that was realigned to make it look sharper on low resolution displays, while also changing the style of the corner and ends. I then included a label above each highlighted step, because of the next change.

I have been increasingly unsatisfied with lengthy pages for solutions that include many steps. Having to scroll through step after step is not the best experience for reading the solution, since there is a temporal gap between focusing on one solution diagram and the next, and during that gap you need to maintain in your working memory the salient features of the last diagram in order to compare what has changed in the next. But a step-by-step approach to the solution is necessary for the these puzzles, in order to show how each of the three scientists moved around the space station.

The improved solution pages now include a user-directed slideshow of the solution steps. The solution diagrams maintain the same position on the page, so clicking from one to the next is a seamless experience. This was accomplished through a modification of a clever css technique to create a slideshow (since I did not want to bother with complicated javascript). Conceptually, the slideshow is a single, giant column containing all of the individual solution steps placed next to one another horizontally. All but one of the solution steps is hidden at any time, and the buttons contain anchor links to an unordered list of the individual solution steps. Because everything needs to load prior to being displayed, this can take a few moments to render properly, but that appears to be the only drawback, as it works in every browser I have tested.

Once the new images and pages were constructed, I ran into a bizarre issue in testing. In Safari (and possibly other WebKit-based browsers), the borders of the doors would inflate when you zoomed in on a diagram. Here is a compilation screenshot of the appropriate behavior:

Proper door behavior

And here’s what happened in Safari:

Improper door behavior

I could not figure out why this was happening. Other objects that have a non-zero point border do not exhibit this behavior when zooming in. The only thing I could think of was to take the rounded squares and expand them so that they would be borderless. In the end, this was a successful, if time consuming, workaround for the problem.

Finally, there is one additional piece of information that I would like to associate with each Space Pods puzzle and solution, and that is a diagram of the problem space (in other words, every possible way that the scientists can move through the puzzle). I have unfortunately run into some difficulties trying to create these charts in a clean, readable way. Since there are many, many more tasks to accomplish in bringing the website back to life, I decided to post the Space Pods puzzles and put this aside for the moment.

Authoring Knossos Games: Timeline

You may be curious as to what goes into making a puzzle before it appears in the magazine and, ultimately, on the Knossos Games website. In this series of occasional posts, I hope to give some insight into the process.

Imagine is published five times a year, roughly following the U.S. academic calendar. At the beginning of each summer, my editor e-mails me the topics chosen for the year’s issues. The puzzles for my column are typically due six weeks before the start of an issue’s publication window, and I wait to post a puzzle (and its solution) to the website until after the solution is published in the following issue.

For example, I started working on the puzzle that will appear in the next issue of Imagine (v22.n4, the March/April 2015 issue) back in December 2014. I mulled over a few possible ideas related to the theme of the issue (writing) during the holidays, then worked on a couple of specific concepts in early January. By mid-January, one puzzle idea had emerged as my clear favorite, so I focused my efforts there.

Since the puzzle hasn’t been published yet 1, I can’t give too many details. However, I can say that it has something to do with writing, and was tricky to create. It required charting out a lot of possibilities, and writing up a detailed solution to be certain that the puzzle worked the way I intended it to. I submitted a draft on January 25th, then discussed the puzzle with my editor, and by the 31st had submitted a revision to both my editor and the layout designer that will be the final puzzle seen in the magazine.

Depending on how the rest of the issue is shaping up, the March/April issue could be out any time between mid-March and mid-April. But the puzzle won’t be posted to the website until the following issue is out (with the March/April puzzle’s solution), most likely in June. Check back then for a much more insightful description of how that puzzle came to be.

There is another way that we can look at this, though, and that’s to focus on what I’m accomplishing right now. I’m currently between deadlines. As I said before, the puzzle that will appear in Imagine v22.n4 (the March/April 2015 issue) was submitted a couple of weeks ago, and now I’m working on the puzzle that will appear in v22.n5 (the May/June 2015 issue), which is due in mid-March.

At the same time, I’ve been working on a couple of big website updates for puzzles that were published in the past few months. I just completed a major overhaul on the Space Pods puzzles, one of which appeared in Imagine v22.n1 (the September/October 2014 issue). Work continues on an even larger update for the Logic puzzles, one of which appeared in Imagine v22.n2 (the November/December 2014 issue).

Thus, every puzzle typically covers a multi-month time span from start to finish, and several of these overlap at any one point in time. Since this requires switching off between puzzles, I keep a lot of notes to remind myself of what my ideas are and where I am in the process of creating, editing, submitting, and posting each puzzle. The most difficult part tends to be correctly prioritizing what needs to be done when. Even after many years of creating puzzles, it is still not obvious beforehand how long it will take to complete each step of the process.

Site updates: January 2015

An ongoing catalogue of Knossos Games website issues and minor updates.


Updated to WordPress 4.1.


Fixed: Mixing large and small puzzle images

Problem: In laying out the website, puzzle images are supposed to be centered horizontally within the column of text. However, if there is an image that is larger than the width of the text column, all of the images would be recentered so that they would be centered with the largest image instead of the text. This was ok if one large image dominated the layout and the other images should accompany it, but was inappropriate if one large image was simply mixed in with a lot of text and other smaller images.

Solution: By creating a separate div class, which relegates these large images to their own blocks, smaller images will center normally.

.content-graphic-big {
    display: block;
    width: 509px;
}

I still have an HTML5 problem, however, as the standard suggestion for centering images using the following just does not work for my layout, and I’m not completely sure why.

 img {
    display: block;
    margin: 0 auto;
}

Some images are centered using this technique, but most are misaligned left or right. Thus, I am still using the depreciated text-align hack.

.content-graphic {
    position: relative;
    text-align: center;
}

Here is an example of the original behavior, where all images are centered to the largest image width, which in this case I feel is still appropriate. Here is an example of the new, more appropriate centering of mixed image sizes. This problem was tackled now because it was causing many problems in re-editing the logic puzzle web pages.

I am a puzzlemaker, sometimes.

Knossos Games isn’t my day job. But it’s the part of my all-around occupation that I’ve been doing the longest. Let me try to explain.

I spend most of my time, quite enjoyably, being an educational psychologist. Basically, I study how people learn, specifically, mathematics. I have an undergraduate degree in mathematics from the University of Chicago, plus a Masters degree in mathematics and a PhD in educational psychology from the University of Wisconsin-Madison. I currently spend a lot of my time working with undergraduates who want to become teachers, to help them understand how their future students will think about math. But before all of this, I doodled on graph paper a lot.

I grew up making puzzles. I remember my very first puzzle that I made in kindergarten – a giant maze on packing newsprint. The teacher hung it on the blackboard near the door, so that my classmates could try it when we lined up for recess. Discovering graph paper soon after was a revelation. I went through reams of it in elementary and middle school. I became a member of the Study of Exceptional Talent (under the larger umbrella of the Center for Talented Youth at Johns Hopkins University) in the eighth grade, and the summer before my junior year I sent in some puzzles with a here’s-what-I-did-on-my-summer-vacation letter. One of those puzzles became my first publication in the SET newsletter, which a year later transformed into Imagine magazine. They asked me if they could publish more of my puzzles. Twenty-two years goes by really fast: college, grad school, now professor.

My primary job as a mathematics educator is to better understand how people think about mathematical concepts. I can then use that understanding to build better classroom experiences for my own students (and in the case of future teachers, their own students). How can I help them navigate a tricky concept most successfully? What will be the most common pitfalls for them? How can I ask just the right question to get them to think about an idea in just the right way? How can I pose the best activity so that the underlying reasoning of the concept they’re studying is self-evident? While the field is still young, there has been a considerable amount of research in this area that people like me can utilize in classrooms and pass on to other educators. And because there are still many unanswered questions, I help contribute to that body of knowledge by doing my own research.

Some of my colleagues over the years haven’t known what to make of my puzzle hobby. To them, it doesn’t have a clear connection to my occupation. Sure, some of the puzzles are math-related and sort of learning-related, but to them it’s a weird remnant of my origin story that defies explanation.

Really, making puzzles and being a math educator are different sides of the same coin. During my professional formative years, I learned a lot about learning. Theories of cognition. How people solve problems. What makes a problem hard. When I’m in my classroom with my students (or really, when I’m in my office before class deciding what we’re going to do), I’m using all of that knowledge to help make things easier for them. But when I’m designing a puzzle, I’m using all of that knowledge to make things harder for everyone.

For example, when designing the gerrymandering puzzles, I expect newbie solvers to bump around a bit before discovering the two main principles for gerrymandering: packing and diluting votes. When diluting votes, you only have so many districts to distribute heavy yes-voting precincts in to so they don’t overpower the collective no votes. With this realization, the puzzle then morphs into a pentominos-tiling problem (or septominos for the 7×7 puzzles). Don’t kid yourself – there’s a lot of mental work that needs to happen to just get this far. But the game’s not over. In designing each puzzle, I charted out all the different ways to consolidate precincts into districts, and then intentionally picked what cognitive science tells me is the least obvious way as the solution.

The same expertise that makes me a good educator also makes me a dastardly puzzlemaker. All the knowledge that helps me clear away hurdles inside my classroom allows me to throw them right in your path in a puzzle. All of the hair-pulling and teeth-gnashing that’s avoided by my students, well, you get the idea.

The interest in making puzzles came about early. I don’t know why. The understanding of what makes for a good, challenging puzzle ended up being an offshoot of my occupational journey. While I am only a puzzlemaker sometimes, I’m thankful that I can spend most of my time thinking about thinking, both as an educational psychologist and as a puzzlemaker.