language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-09-07 02:50:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Synchronize tutorial intro with blog

Browse source 
I really don't know how the last sentence got in, can't find it anywhere.
But now it's in sync with the blog :)
This commit is contained in:
Simon Hausmann 2021-06-17 13:03:49 +02:00
parent 8083046e1d
commit 59ebc94e71
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/tutorial/cpp/src/introduction.md
View file

@ -2,7 +2,13 @@
This tutorial will introduce you to the SixtyFPS UI framework in a playful way by implementing a little memory game. We are going to combine the `.60` language for the graphics with the game rules implemented in C++.
Before we start, here's a sneak preview of how the game is going to look when finished:
The game consists of a grid of 16 rectangular tiles. When clicking on a tile, an icon underneath is uncovered.
We know that there are 8 different icons in total, so each tile has a sibling somewhere in the grid with the
same icon. The objective is to locate all icon pairs. Only two tiles can be uncovered at the same time. If they
are not the same, then the icons will be obscured again. We need to remember under which tiles the matching
graphics are hiding. If two tiles with the same icon are uncovered, then they remain visible - they are solved.
This is how the game looks like in action:
<video autoplay loop muted playsinline src="https://sixtyfps.io/blog/memory-game-tutorial/memory_clip.mp4"
class="img-fluid img-thumbnail rounded"></video>