Prototyping in Pieces

Where design and code come together to form a cus- tomizable jigsaw puzzle game

Yaskin, Evelyn Abigail, Khoury Coll of Comp Sciences

Prototyping in Pieces

A digital jigsaw puzzle game, presented with a collection of puzzles to choose from on the homepage. The main experience is a classic jigsaw with customizable difficulty: the user picks an image/video from the landing page, which will open a full-screen puzzle interface. Each puzzle lets you choose a custom difficulty (number of pieces from 7x7 up to 20x20. Pieces start in the left and right trays, where the user can drag them onto the center board on the canvas. Each puzzle is generated as a square grid of pieces with randomized tabs and holes that stay connected between neighbors. The program handles the layout math so that the board and tray pieces fit on both sides of the board, scales the square crop of the image onto each cell, and uses clipping to shape each piece, creating the piece shapes. Additional gameplay includes snapping logic, so that when a piece is within a threshold of its solved position, it locks in place, plus Reset, Solve, Toggle Preview, and Home controls. The game also includes a second mode: "an audio timeline puzzle," where a song is split into eight clips shown as tiles. The user rearranges them in terms of order to complete the full song. An image is overlaid on top of the tiles as a "visual" aspect of the puzzle.

Prototyping in Pieces by Yaskin, Evelyn Abigail — ARTG2262