slint/examples/slide_puzzle
Simon Hausmann 3d85e45ec3 Add support for source clipping to the Image element
This allows rendering only a sub-rectangle of the original image, which
we can use right away in the sliding puzzle demo.
2020-11-23 15:46:59 +01:00
..
wasm Fix sliding puzzle on wasm 2020-11-12 15:33:19 +01:00
berlin.jpg Slide Puzzle: add an image 2020-11-13 14:13:51 +01:00
build.rs Start experimenting with the sliding puzzle example 2020-11-10 14:30:36 +01:00
Cargo.toml Start experimenting with the sliding puzzle example 2020-11-10 14:30:36 +01:00
main.rs Puzzle: stop the auto-play when resetting 2020-11-23 13:41:48 +01:00
README.md Add support for source clipping to the Image element 2020-11-23 15:46:59 +01:00
slide_puzzle.60 Add support for source clipping to the Image element 2020-11-23 15:46:59 +01:00

Example based on the flutter slide_puzzle example: https://flutter.github.io/samples/slide_puzzle

This will allow to compare SixtyFPS and Flutter.

Remaining feature to implement to have parity:

  • Fonts.
  • "Spring" animation instead of a bezier curve.
  • Animation when clicking on a tile that cannot be moved.
  • bold text when the tile is in the correct position in classic style Note that this feature is kind of broken in the flutter example as it is only applied when changing themes
  • Hover effect on tiles and on the auto-play checkbox.
  • When the puzzle is finished, the last tile is added, and the tiles are growing in the Seatle theme.
  • The different styles are well separated in different files.
  • Shadow on the tiles