sigonasr2/PGE-Tutorials
1
0
Code Wiki

Update 'Analog Clock'

sigonasr2 2025-04-07 13:45:57 -05:00
parent cd4bdb09e9
commit 1e28ccf658
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Analog-Clock.md

@ -1,3 +1,5 @@
# Analog Clock
## Setup
Let's build an analog clock that shows three hands: A second, minute, and hour hand that dynamically update! Let's build an analog clock that shows three hands: A second, minute, and hour hand that dynamically update!
Most analog clocks are circles, so we will use the `DrawCircle()` function to render one. Let's start with a basic OLC project template: Most analog clocks are circles, so we will use the `DrawCircle()` function to render one. Let's start with a basic OLC project template:
@ -37,6 +39,8 @@ int main()
} }
``` ```
## Clock Outline
Start by clearing the screen each frame and then drawing a circle with a white outline in the center of the screen. Position defines the center of the circle. Let's make the radius of the circle `100` pixels. Start by clearing the screen each frame and then drawing a circle with a white outline in the center of the screen. Position defines the center of the circle. Let's make the radius of the circle `100` pixels.
We will do this in `OnUserUpdate()`: We will do this in `OnUserUpdate()`: