Sliding Puzzle

Sliding Puzzle implemented in Scala.

See the online demo here: http://www.sebnozzi.com/demos/sliding-puzzle/

Multi-platform

Thanks to Scala.js, it compiles both to:

1. Desktop JVM application
2. Browser JavaScript single-page application

As much as possible, I've tried to have UI and platform-agnostic code. This lead to a better design which made the different implementations not only possible but straightforward.

Desktop Version

The native JVM version uses JavaFX for its UI, and can be seen here:

Browser Version

Here's a screenshot of the Scala.js based version, running on the browser:

Building

JDK

Tested on JDK version 11 and 14.

Running

Run using SBT with:

sbt javafx/run

Scala.js Version

Unoptimized / Development

Development, or "fast-optimized", mode compiles code very quick. The generated file is still small enough (600 Kb)to load quickly in the browser (while developing), but not as small as in the "full-optimized" mode (131 Kb).

Package "fast-optimized" code with SBT with:

sbt scalajs/fastOptJS

This will generate "fast-optimized" JavaScript files.

To load this "development" version of the puzzle, open this file in your browser:

scalajs/index-dev.html

Full-Optimized / Production

Optimized code takes longer to compile / optimize, but the generated code is much smaller (around 130 Kb) and loads very quickly in the browser.

Generate fully-optimized code with SBT with:

sbt scalajs/fullOptJS

This will generate one optimized JavaScript file using Google's closure compiler.

To load the optimized version of the puzzle, open this file in your browser:

scalajs/index.html

Credits

Scala.js

Scala.js-related acknowledgements:

• Thanks to Sébastien Doeraene and the EPFL for Scala.js!
• Thanks to all Scala.js contributors
• Thanks to all maintainers of the Scala.js jQuery wrappers
• The multi-platform SBT setup is "inspired" by this project, also by Sébastien Doeraene

About the picture

The musicians you see on the picture are part of a Jazz "Big Band".

Tini Thomsen and Matthias Konrad with the Thomsen Group @ Birdland, Hamburg

I wanted to use this picture for this puzzle because it portraits two of my favourite jazz-instruments:

• baritone sax (left)
• trombone (right)

Original picture taken by Marc Wellekötter