mirror of
https://github.com/slint-ui/slint.git
synced 2025-10-01 14:21:16 +00:00
![]() Let's keep source compatibility and define `drop-shadow-blur` to be a radius. The CSS spec says that the standard deviation is half of the radius. We just need to scale again and increase the shadow rect to make sure that no borders are visible. |
||
---|---|---|
.. | ||
plaster-font | ||
berlin.jpg | ||
build.rs | ||
Cargo.toml | ||
index.html | ||
main.rs | ||
README.md | ||
slide_puzzle.60 |
Slide Puzzle
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:
- "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)
. | SixtyFPS | Flutter |
---|---|---|
UI files | slide_puzzle.60 | 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 |