🎓💻 Take your graphics to the next level - Learn to create overlays using your GPU! 📚

Описание: In this video you'll see how to easily create 2d graphical overlays that use your GPU, not the CPU with Shin's Overlay class. If you're new to using classes & objects, check out our Objects course: https://the-Automator.com/Objects

You can get Shin's class here: https://the-Automator.com/ShinOverlay...
Or subscribe to his YouTube channel here: https://the-Automator.com/Spawnova

TLDR: The Direct 2D Overlay Class provides tools to draw basic shapes, animate them, and create transparent windows with adjustable opacity for creating games, customizing windows, and augmenting games with overlays and scripts.

1. 00:00 🤩 Use Direct 2D overlay class for fast, good performance, and easy setup to draw lines, ellipses, circles, rectangles, and rounded rectangles with different sizes and borders to create animations.
1.1 Direct 2D overlay class is fast, has good performance, and is easy to set up, making it a better alternative to GDI overlay.
1.2 This window with a mouse trail was built to demonstrate how to use the GPU instead of the CPU, and the code is available on GitHub.
1.3 You can draw lines, ellipses, circles, rectangles, and rounded rectangles with different sizes and borders to create interesting effects.
1.4 Using functions, source images, and text, it is possible to create animations and draw them one at a time for efficiency.

2. 04:26 🐭 Create games and customize windows with this class, which allows for overlays and mouse dot animations, and provides an example of how to draw a line from (50,50) to (100,100) in white.
2.1 This class provides an easy way to incorporate an overlay onto an existing window and have graphics on top of it, and also provides a fun feature of having dots follow the mouse.
2.2 This class can be used to create games and customize windows, and an example of how to draw mouse dots is given.
2.3 This code checks the mouse position, determines how far it has moved, adds 3 elements to an array, and removes them when the animation is finished.
2.4 Draw a line from (50,50) to (100,100) and it will default to the color white.

3. 08:19 🤖 Augmenting games with overlays and scripts to help identify elements on the screen quickly and easily.
3.1 Using gaming technology, I can visually detect elements and draw lines and circles to them to show where they are.
3.2 If a yellow pixel is found, a line is drawn from the top left corner to that pixel position.
3.3 An overlay can be used to display additional information in games that is not shown in the game itself.
3.4 Augmenting is a way to help identify something on the screen without changing the game.
3.5 A script can be used to automatically highlight specific files in an explorer window without having to manually search for them.
3.6 Drawing overlays onto the screen is fast and easy, with applications in gaming such as displaying weaknesses of tanks in real time.

4. 15:02 💻 Easily create custom controls and modern GUI without looping or drawing by pressing F2 to move the window to 500, 500.
4.1 If you're not animating, you don't need to draw in a loop, but if you're resizing the window, it needs to be redrawn.
4.2 If you move an overlay, you don't have to redraw it, but if you resize it, you must loop it.
4.3 Press F2 to move the window to 500, 500 without looping or drawing.
4.4 It is simple to create custom controls and a modern GUI using this class.

5. 19:22 📦 Create an overlay or use rectangles/progress bars with text to notify users when a file is done processing.
5.1 Create an overlay to notify users when a file is done processing, or use rectangles and progress bars with text for a more customized experience.
5.2 DirectX requires the user to call begin draw and end draw before and after drawing functions to clear the background and prevent a mess.
5.3 Drawing functions like GDI require specifying when you begin and end, and starting a draw clears the canvas.
5.4 Running the code will only show the first one on top.

6. 23:17 🤔 This class provides tools to draw basic shapes, animate them, and create transparent windows with adjustable opacity.
6.1 Two rectangles are drawn, one black and one red, and the red one is on top of the black one.
6.2 End and begin commands tell GDI when to start and stop drawing in the same canvas.
6.3 This technology allows for a transparent window with adjustable opacity, with no performance difference, and has many potential uses.
6.4 This class provides basic shapes to build more complex images and controls.

7. 29:19 🤔 Divide images into frames by supplying the size of the rectangle and passing two arrays with four points each for easier reference.
7.1 Divide a line of images into equal parts to determine the number of frames.
7.2 The user must supply the size of the rectangle for each frame in order to animate sprites.

8. 33:22 🤩 With the right tools, users can create amazing visuals with minimal CPU usage and no need for GPUs.