A game by Gijs van Tulder
Play online! • Tilings • Settings • Custom game • Development
Place tiles with matching colors to make shapes and fill the board.
Play one of the nine tiling patterns:
Square |
Triangle |
Rhombus |
|---|---|---|
| Wikipedia | Wikipedia | Wikipedia |
Cairo pentagonal |
Hexagonal |
Deltoidal-trihexagonal |
|---|---|---|
| Wikipedia | Wikipedia | Wikipedia |
Penrose P3 |
Snub square |
Ammann-Beenker |
|---|---|---|
| Wikipedia | Wikipedia | Wikipedia |
Click the hamburger menu to change the settings of the current game:
| Option | Action |
|---|---|
| Return to the main menu. | |
| Choose a custom tiling and rules. | |
| Restart the current game. | |
| Show all tile outlines. | |
| Show where the current tile can be placed. | |
| Automatically rotate the tile to make it fit. | |
| Snap tiles into place while dragging. |
Customize shapes and colors in the design menu:
| Square | Triangle | Rhombus | Pentagon | Hexagon |
| Deltoidal- trihexagonal |
Penrose | Snub square |
Ammann- Beenker |
| Six | Five | Four | Three | Two |
| Mixed | All unique | Two colors | Single color |
| Touching tiles must have the same color |
Touching tiles must have different colors |
| Closed area | Single tile | Convex shape | Full vertex | Holes |
Tessel is written in TypeScript and uses HTML, SVG and CSS. It can be built using a recent Node version (tested for 20+). It can be played directly in the browser or installed as a Progressive Web App.
The plain HTML/JS/CSS version can be built using Parcel.
# install dependencies
npm ci
# run all tests
npm run test
# run a local development server
npm run serve
# or build JavaScript and HTML in dist/
npm run build
An Android application can be built with Capacitor. In addition to the standard Node/NPM dependencies, Capacitor requires the Android SDK. See the instructions on the Capacitor website.
# install dependencies
npm ci
# build Capacitor-ready JavaScript and HTML in dist-capacitor/
npm run build-cap-html
# build and run in the Android emulator
npx cap run android
# or build the Android app for release
npx cap build android --androidreleasetype APK --signing-type apksigner
# (this will ask for the parameters to your signing keys)
Copyright © 2025 by Gijs van Tulder.
The source code of this game is licensed under the GPL-3.0 license.