 Hi, I'm Jesper, part of the ST TouchDFX team. In this video, I will show you about the simulator and how to utilize all its nice features. I have here the TouchDFX designer. I have created a new application based on the UI template gauge example. As you probably know, you can compile and run an application, a TouchDFX application on your PC by compiling the simulator. The simulator is a port for the TouchDFX application for your PC, so it will run exactly the same application as on your target hardware, except of course for the abstraction layer towards the hardware, which will be for the PC instead of your STM32-based board. You can compile the simulator in different ways. One of them is by pressing the Run Simulator button in the designer. This will compile using Make and GCC. So if you press here, we see the output in the line down here, and we see the simulator is being executed when the compilation has completed. Another way of building is to use the TouchDFX environment, the shell that comes with TouchDFX. So here you can locate your application. So this is the one I'm using. So here I have a simulator folder, so I can just invoke Make, pointing out the Make file here. That's J6 for parallel compilation. Okay, nothing to compile because it is the same, it is the same command that is being invoked by the designer. So here when I do a clean, you see it will generate and compile. So on, and you can see you have a built-in simulator exit that you can execute, and here you have the same application. Okay, so now we have the simulator up and running, and we want to use some of the features in the simulator. What you can do is to go to the Help menu and look in the keyboard shortcuts. So here you'll come to the TouchDFX documentation webpage on keyboard shortcuts. So here you'll see shortcuts in general for the designer, but if you scroll down, you'll see TouchDFX simulator features as well. Okay, so let us have a look at some of them. So here we have this simulator. It says in the documentation F1, we'll enable the debug, so let's try that. So here you can see that now it brings the position of the mouse cursor. F2, enable, disable, highlighting invalidated areas. This is an interesting one. So here you can see it now highlights the area that is being invalidated. This is particularly useful if you are doing some performance optimization. You want to know what goes on if you're doing some sort of animation. Sometimes you are invalidating areas that you did not expect, and if you are on the edge of the performance on your hardware, well, then this will be an important thing to look at. The next feature is to taking screenshots. So there are three options for doing that. So the F3 will take one single screenshot and place it in the screenshot folder. Control F3 will give you the next 50 frames so you can analyze in details what is going on. And Shift F3 is quite useful, one which will place the screenshot in the clipboard instead of in a file. So we run again here, pressing F3. Go to the application folder and I have a screenshot folder here and you see the image here. If I press Control F3, I'll have a lot, I'll have 50. Now, and if I press the Shift F3 and go to something like paint.net, I now have a screenshot here. I can look at. The next feature I would like to show is the pause simulator feature. So this is invoked by pressing F9. It will go into step mode and if you press F10, you can step one tick in touch effects. So if you want to see if the needle here is at the exact position that you want when it's in maximum, you can do like this. And you can unpause it again by pressing F9. The last feature I would like to show you is how you skin your simulator. So I have an image like this showing the F746 board, ST board. I can set that as a skin image here. So if I go to configuration and the simulator here, I can have a skin image for landscape mode and portrait mode. So this is landscape mode. So at this, I've just saved it here to my project. So this one. And then I need to set the X and Y coordinates for the actual simulator image. So for this particular image, I know it is something like this, I believe. So if I go over here and I compile, you'll now see that the image is placed inside the... or the image of the simulator is placed inside this image. I cannot drag it around since this is an overlay in a Windows application. However, if I press F4, I will go back to this normal way of seeing the simulator with our skin and I can change it back and forth here. Okay, that was all from me on how to use the simulator in TouchDFX applications.