{"id":373,"date":"2024-08-24T23:15:00","date_gmt":"2024-08-24T21:15:00","guid":{"rendered":"https:\/\/heavenstone.net\/jesse\/?p=373"},"modified":"2025-09-17T23:22:22","modified_gmt":"2025-09-17T21:22:22","slug":"how-crispr-crunch-transformed-from-tower-defense-to-pattern-matching-puzzle","status":"publish","type":"post","link":"https:\/\/heavenstone.net\/jesse\/how-crispr-crunch-transformed-from-tower-defense-to-pattern-matching-puzzle\/","title":{"rendered":"How CRISPR Crunch Transformed from Tower Defense to Pattern-Matching Puzzle"},"content":{"rendered":"\n

Originally posted on playcurious.games<\/em> <\/p>\n\n\n\n

Our game CRISPR Crunch<\/em> is a fast-paced puzzle game for mobile, in which the player fends off waves of attacking viruses by matching the sequence of colors on the virus DNA with those in the hexagonal grid in the center of their screen. <\/p>\n\n\n\n

But it didn\u2019t start this way! At first, CRISPR Crunch was actually a tower-defense style game, about \u201cprogramming\u201d your towers to match the viruses. So how did we get to your current form? That\u2019s what this blog post is all about.<\/p>\n\n\n\n

Genetic Origins<\/h2>\n\n\n\n

So what\u2019s all this about viruses and DNA? <\/p>\n\n\n\n

Well, the origins of this game go back to a collaboration with Jake Wintermute<\/a> at the Learning Planet Institute (formerly called the CRI)<\/a>. Jake is a biologist who loves finding innovative ways to explain how biology works, whether to students or the general public. <\/p>\n\n\n\n

Jake wanted to teach the concept of CRISPR-Cas9 through a video game. CRISPR is a key technology behind genetic engineering, and the story of how it was found is fascinating (I first heard about it on this excellent episode of Radiolab<\/a>). It\u2019s exactly the kind of challenge I enjoy taking on, where you \u201cmarry\u201d gameplay to science teaching to create a fun experience where people learn something new.<\/p>\n\n\n\n

But what kind of game would work to teach CRISPR? Jake and I had many discussions where he would school me on biology, and together we brainstormed about what kinds of gameplay could best express those concepts. <\/p>\n\n\n\n

Tower Defense<\/h2>\n\n\n\n

The first idea that we found promising was  a tower-defense style game where the player \u201cprogrammed\u201d the towers to match virus sequences. The virus sequence would pass like a snake on a path, and when it passed a \u201ctower\u201d that matched the sequence, the tower would jump into action and cut the sequence at that point. <\/p>\n\n\n\n

In earlier levels you would drag-and-drop pre-chosen sequences, and in later levels you would drag-and-drop the individual letters. Here’s what that played like:<\/p>\n\n\n\n

Draw me a Virus<\/h2>\n\n\n\n

Around that time I was enjoying playing Grindstone<\/em><\/a> by Capybara Games, and was impressed by both the fighting animations and how well the \u201cdrawing on the grid\u201d gameplay was adapted to mobile. This gave me ideas for our CRISPR game- why not give the player a grid of DNA that they \u201cdraw\u201d on to make a DNA sequence?<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

I\u2019m a big proponent of paper prototyping, so I printed out a grid and started playing with plastic tokens, and immediately started finding interesting interactions. The 4 nucleotides became 4 differently-colored tokens, which we thought would be more recognizable than the traditional way of representing them with the letters A<\/em>, C<\/em>, G<\/em> and T<\/em>.<\/p>\n\n\n\n

This is also the point where we figured out that a hexagonal grid was more flexible to work with than the square grid that Grindstone<\/em> used. Because each hexagon has up to 6 neighbors, there are a lot more possibilities to make complex paths. And in our case, the levels couldn\u2019t be too large if we wanted smartphone players to be able to select them with their finger.<\/p>\n\n\n\n

\n
\"\"<\/a>
The grid, but \u2026 darker?<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
A cartoon take on the grid<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Early grid sketch<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

By the way, we got so much out of this guide to implementing hex grids that I can\u2019t recommend enough<\/a>!<\/p>\n\n\n\n

Sharp Ends<\/h2>\n\n\n\n

Once we had that basic concept done, we started working on transforming it from a paper prototype to a working video game. It went something like this:<\/p>\n\n\n\n

\n

The player starts with a random grid of DNA, and along comes a virus that injects a random sequence of DNA. The player has to match the virus DNA with that in their grid, and they have as long as they want to do so.<\/p>\n<\/blockquote>\n\n\n\n

So far, so good. But in nature, CRISPR complexes act as genetic \u201cscissors\u201d, cutting the viral sequences at certain points that match. This gave us the idea to put scissors on the grid as well. The rules then became that the player had to make a sequence that goes through the scissors at some point.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

We tested this with players, and actually found it provided a nice sense of challenge and creativity. I was really excited about it, until I presented it to Jake, and he told me this was scientific nonsense! <\/p>\n\n\n\n

In reality, a biologist can\u2019t just copy part of a virus sequence and throw the scissors in the middle. They need to match at very particular points, called PAM for Protospacer adjacent motif<\/em><\/a>.   <\/p>\n\n\n\n

Needless to say, this was quite annoying. We had to throw away a whole of the game design (and the code that went along with it). But in the end, I think led to a more streamlined design, with PAM elements taking the place of scissors. Because players had to start with a PAM, we could control their attention based on where we placed PAMs on the grid, and how many of them there were.<\/p>\n\n\n\n

\"\"<\/a>
By forcing the player to start with a PAM (located in the center), we concentrate their attention on specific points in the level.<\/em><\/figcaption><\/figure>\n\n\n\n

This eventually led to us dropping the idea that the player has as long as they want to solve the puzzle, and into a faster-paced puzzle design. If you\u2019re interested in that story and how we measure and balance the difficulty of these puzzles, check out my previous post<\/a>.<\/p>\n\n\n\n

Graphical Evolution<\/h2>\n\n\n\n

Along with the game design itself, the graphics also evolved quite a lot. <\/p>\n\n\n\n

\n
\"\"<\/a>
We had the idea that DNA on the grid could be \u201cinfected\u201d when you didn\u2019t solve a puzzle. Once the infection covered the grid, you lost. I loved the visual aspect of it, that reminded me of the black stuff representing evil in Princesse Mononok\u00e9<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Moodboard we created to see how cells were represented in other video games<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Portal animation. It was really hard to capture the \u201csucking in\u201d aspect instead of a \u201cturning spiral\u201d aspect<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Hello, it\u2019s me, the boss! This was the our first animation for the boss level<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Our first design for the \u201cmap\u201d screen<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Second design for the map screen.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
In this version of the map screen, we imagined having previews of each level within the cell. But it was hard to make it work with larger grids, and was kind of a pain to generate<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Our second attempt at the game interface. I really liked the \u201cthermometer\u201d progress bar in the upper right. Going through each \u201cring\u201d would give you a bonus or an extra star at the end.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
First designs for the viruses. In fact, we got them pretty close the first time around!<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Each nucleotide color has it\u2019s own inspiration. This provided multiple layers, that we were able animate later.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
CRISPR meets Fruit Ninja! In this idea, the player slashes through the virus sequence after finding the match<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
In this version, stars were related to objectives that the player had to achieve. But that system was very rigid compared to comparing point totals.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Early splash screen. The idea of having the DNA come out to the player seemed cool, but it always looked off to me.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
We\u2019ve always wanted to try multiple viruses at once, but it is hard to make work in practice<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Testing what the nucleotide surface should look like<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

But is it really Educational?<\/h2>\n\n\n\n

ough I love making games where we teach something true about the world. But there is often a balancing act between maximizing for truth and maximizing for other elements that make a game fun and easily understandable, or just easy to build. <\/p>\n\n\n\n

For example, in our previous game\u00a0Blockchain Battle<\/a>, we took the explanation side pretty far- but the resulting design was not easily repeatable. Each level introduces new interfaces and new challenges. As a result, there\u2019s little replay value, and adding new levels, which quite a few people have requested, would basically involve creating a whole new game.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

On CRISPR Crunch, I think we erred on the side of game simplicity. The game only teaches about DNA matching, and doesn\u2019t go into details about how genetic engineering uses CRISPR to modify DNA. Also, it might give the incorrect impression that DNA sequences are just a few nucleotides long, where in fact they are in the 500 thousand to 1 million range. <\/p>\n\n\n\n

I do take comfort in the idea that it provides a jumping-off point to explain how viruses infect bacteria, and how bacteria recognize viral sequences. In addition, we include additional educational elements as TikTok-style short videos, created by (and starring) Jake.<\/p>\n\n\n\n

Play for Yourself<\/h2>\n\n\n\n

I\u2019d love to hear what you think of CRISPR Crunch. You can try it out for yourself for free on\u00a0Android<\/a>\u00a0or\u00a0iOS<\/a>.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"

Originally posted on playcurious.games Our game CRISPR Crunch is a fast-paced puzzle game for mobile, in which the player fends off waves of attacking viruses by matching the sequence of colors on the virus DNA with those in the hexagonal grid in the center of their screen.  But it didn\u2019t start this way! At first, CRISPR Crunch […]<\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-373","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-games"],"_links":{"self":[{"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/posts\/373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":4,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/posts\/373\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/posts\/373\/revisions\/404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/media?parent=373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/categories?post=373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/heavenstone.net\/jesse\/wp-json\/wp\/v2\/tags?post=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}