Tower Blocks in C and Raylib: UI Animations [Episode 3]
Welcome to Episode 3 of the Tower Blocks series!
In the last episode we implemented the core game mechanics: moving blocks, stacking logic and game state transitions. Now it's time to give our game some polish!
In this video we bring the UI to life by adding simple but powerful text animations:
🧮 Scaling effect on the score when placing a block
🎬 Fade-in and fade-out transitions for Start and Game Over overlays
🪄 Slide-in movement for overlay text
We cover how to create smooth animations in C using Raylib with nothing more than structs, floats and `Lerp()`.
📦 What you will learn:
Structuring reusable animation systems
Creating `ScoreAnimation` and `OverlayAnimation`
How to animate `DrawText()` with alpha and offset
Cleanly transitioning between game states with animated UI
📺 Full Tower Blocks series playlist: • Tower Blocks in C and Raylib
📖 Companion Blog Post: https://letsreinventthewheel.github.i...
🧠 Source code: https://github.com/letsreinventthewhe...
💬 Got questions? Drop a comment.
👍 Like what you see? Hit the like button.
📌 Want more projects like this? Subscribe and stay tuned...
00:00 Showcasing this series end result
00:30 Previous episode results
01:05 Episode's goals
01:27 Introducing Animations
01:46 ScoreAnimation
03:06 Drawing score
04:49 Applying ScoreAnimation to score
05:13 UpdateScore (driving score animation)
09:38 Making ScoreAnimation work
11:10 OverlayAnimation
15:09 Generic DrawOverlay (for start and game over)
19:27 UpdateOverlay (driving overlay animation)
24:12 Apply overlay animation in DrawOverlay
28:32 UpdateGameState control overlay animation
31:56 Keep score shown during GameOver
33:45 Future episode topics
#gamedev #coding #programming #raylib