slint/examples/slide_puzzle
2025-06-26 13:30:43 +00:00
..
plaster-font Document some licenses in a REUSE compliant way 2022-01-19 11:25:21 +01:00
berlin.jpg Slide Puzzle: add an image 2020-11-13 14:13:51 +01:00
berlin.jpg.license Document some licenses in a REUSE compliant way 2022-01-19 11:25:21 +01:00
build.rs Domain: slint-ui.com -> slint.dev 2023-06-16 10:55:08 +02:00
Cargo.toml Bump version number to 1.13.0 2025-06-26 13:30:43 +00:00
index.html Add error handling for the slide puzzle example (#7917) 2025-03-25 10:07:16 +01:00
main.rs Add error handling for the slide puzzle example (#7917) 2025-03-25 10:07:16 +01:00
README.md examples: Fix links in READMEs 2024-09-14 14:44:41 +02:00
slide_puzzle.slint cleanup examples according to upcoming code guidelines (#3809) 2023-11-02 11:04:40 +01:00

Slide Puzzle

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

This will allow to compare Slint and Flutter.

.slint Design Rust Source Online wasm Preview Open in SlintPad
slide_puzzle.slint main.rs Online simulation Preview in Online Code Editor

Screenshot of the Slide Puzzle

Remaining feature to implement to have parity:

  • "Spring" animation instead of a bezier curve.
  • Hover/Pressed effect on the auto-play checkbox.
  • When clicking on the auto-play checkbox, the gray hover circle bounces in the direction of the mouse cursor
  • The different styles are well separated in different files.
  • Shadow on the tiles
  • Some layout adjustment
  • startup animation

Comparison

Comparison with the flutter demo (as of commit ecd7f7d of this repository, and commit a23d035 of the flutter repository)

. Slint Flutter
UI files slide_puzzle.slint src/puzzle_controls.dart src/puzzle_flow_delegate.dart src/puzzle_home_state.dart src/shared_theme.dart src/theme_plaster.dart src/themes.dart src/theme_seattle.dart src/theme_simple.dart src/widgets/decoration_image_plus.dart src/widgets/material_interior_alt.dart
Line of codes for the UI 444 1140
Lines of code for the UI without empty lines and comments 386 831
Logic files main.rs main.dart src/flutter.dart src/app_state.dart src/core/body.dart src/core/point_int.dart src/core/puzzle_animator.dart src/core/puzzle.dart src/core/puzzle_proxy.dart src/core/puzzle_simple.dart src/core/puzzle_smart.dart src/core/util.dart
Lines of code of logic 238 962
Lines of code of logic without empty lines and comments 197 702
RAM use TBD TBD
binary size TBD TBD