Puzzle.js can embed interactive puzzle solvers into existing HTML pages! The master repository is located at https://github.com/tabascq/PuzzleJS.
It is constructed with the following goals in mind:
The interactive solver does not provide any insights for solving a puzzle, and does not even know the answer to the puzzle (at least for now).
Simply make sure the files in this repository are available to your web page, then add this to your page:
<script type="text/javascript" src="puzzle.js"></script><link rel="stylesheet" href="puzzle.css">
and optionally:
<link rel="stylesheet" href="puzzle-basic-colors.css">
IMPORTANT NOTE: In order to see paths and edges properly on your local development machine, you need to view your pages via a local webserver. In Visual Studio Code, I am using the “Live Server” extension with great results.
From there it's as easy as this!
Fill in the blanks, then drag Boggle-style paths from letter to letter using each cell exactly once. Can you find BINARY, BRAILLE, and MORSE? Click those words in the previous sentence to mark what you’ve found.
NEW: Make 3D puzzles like this Nurikabe!
Is it this easy?
All demos are provided with the consent of their authors.
This is a work in progress! Please feel free to create issues and/or pull requests at https://github.com/tabascq/PuzzleJS.
If you have any questions, I can be reached with the handle “tabascq” on Discord/Gmail/Hotmail.