basic screen manager
There is no browser build of this example yet.
Is it the same as C?
- Desktop:verified The Zig version renders a final frame that is byte-identical to the C example.
- Browser:not checked yet The browser comparison does not cover this example yet.
//! raylib [core] example - basic screen manager
//!
//! Zig-API translation of examples/core/core_basic_screen_manager.c (raylib 6.2).
//! NOTE: This example illustrates a very simple screen manager based on a states machines
//! Example licensed under an unmodified zlib/libpng license.
//! Copyright (c) 2021-2025 Ramon Santamaria (@raysan5)
const rl = @import("raylib");
const GameScreen = enum { logo, title, gameplay, ending };
pub fn main() void {
// Initialization
const screen_width = 800;
const screen_height = 450;
rl.initWindow(screen_width, screen_height, "raylib [core] example - basic screen manager");
defer rl.closeWindow(); // Close window and OpenGL context
var current_screen: GameScreen = .logo;
// TODO: Initialize all required variables and load all required data here!
var frames_counter: i32 = 0; // Useful to count frames
rl.setTargetFPS(60); // Set desired framerate (frames-per-second)
// Main game loop
while (!rl.windowShouldClose()) { // Detect window close button or ESC key
// Update
const advance = rl.isKeyPressed(.enter) or rl.isGestureDetected(.tap);
switch (current_screen) {
.logo => {
// TODO: Update LOGO screen variables here!
frames_counter += 1; // Count frames
// Wait for 2 seconds (120 frames) before jumping to TITLE screen
if (frames_counter > 120) current_screen = .title;
},
// TODO: Update TITLE screen variables here!
// Press enter to change to GAMEPLAY screen
.title => if (advance) {
current_screen = .gameplay;
},
// TODO: Update GAMEPLAY screen variables here!
// Press enter to change to ENDING screen
.gameplay => if (advance) {
current_screen = .ending;
},
// TODO: Update ENDING screen variables here!
// Press enter to return to TITLE screen
.ending => if (advance) {
current_screen = .title;
},
}
// Draw
rl.beginDrawing();
defer rl.endDrawing();
rl.clearBackground(.ray_white);
switch (current_screen) {
.logo => {
// TODO: Draw LOGO screen here!
rl.drawText("LOGO SCREEN", 20, 20, 40, .light_gray);
rl.drawText("WAIT for 2 SECONDS...", 290, 220, 20, .gray);
},
.title => {
// TODO: Draw TITLE screen here!
rl.drawRectangle(0, 0, screen_width, screen_height, .green);
rl.drawText("TITLE SCREEN", 20, 20, 40, .dark_green);
rl.drawText("PRESS ENTER or TAP to JUMP to GAMEPLAY SCREEN", 120, 220, 20, .dark_green);
},
.gameplay => {
// TODO: Draw GAMEPLAY screen here!
rl.drawRectangle(0, 0, screen_width, screen_height, .purple);
rl.drawText("GAMEPLAY SCREEN", 20, 20, 40, .maroon);
rl.drawText("PRESS ENTER or TAP to JUMP to ENDING SCREEN", 130, 220, 20, .maroon);
},
.ending => {
// TODO: Draw ENDING screen here!
rl.drawRectangle(0, 0, screen_width, screen_height, .blue);
rl.drawText("ENDING SCREEN", 20, 20, 40, .dark_blue);
rl.drawText("PRESS ENTER or TAP to RETURN to TITLE SCREEN", 120, 220, 20, .dark_blue);
},
}
}
// TODO: Unload all loaded data (textures, fonts, audio) here!
}/*******************************************************************************************
*
* raylib [core] example - basic screen manager
*
* Example complexity rating: [★☆☆☆] 1/4
*
* NOTE: This example illustrates a very simple screen manager based on a states machines
*
* Example originally created with raylib 4.0, last time updated with raylib 4.0
*
* Example licensed under an unmodified zlib/libpng license, which is an OSI-certified,
* BSD-like license that allows static linking with closed source software
*
* Copyright (c) 2021-2025 Ramon Santamaria (@raysan5)
*
********************************************************************************************/
#include "raylib.h"
//------------------------------------------------------------------------------------------
// Types and Structures Definition
//------------------------------------------------------------------------------------------
typedef enum GameScreen { LOGO = 0, TITLE, GAMEPLAY, ENDING } GameScreen;
//------------------------------------------------------------------------------------
// Program main entry point
//------------------------------------------------------------------------------------
int main(void)
{
// Initialization
//--------------------------------------------------------------------------------------
const int screenWidth = 800;
const int screenHeight = 450;
InitWindow(screenWidth, screenHeight, "raylib [core] example - basic screen manager");
GameScreen currentScreen = LOGO;
// TODO: Initialize all required variables and load all required data here!
int framesCounter = 0; // Useful to count frames
SetTargetFPS(60); // Set desired framerate (frames-per-second)
//--------------------------------------------------------------------------------------
// Main game loop
while (!WindowShouldClose()) // Detect window close button or ESC key
{
// Update
//----------------------------------------------------------------------------------
switch (currentScreen)
{
case LOGO:
{
// TODO: Update LOGO screen variables here!
framesCounter++; // Count frames
// Wait for 2 seconds (120 frames) before jumping to TITLE screen
if (framesCounter > 120)
{
currentScreen = TITLE;
}
} break;
case TITLE:
{
// TODO: Update TITLE screen variables here!
// Press enter to change to GAMEPLAY screen
if (IsKeyPressed(KEY_ENTER) || IsGestureDetected(GESTURE_TAP))
{
currentScreen = GAMEPLAY;
}
} break;
case GAMEPLAY:
{
// TODO: Update GAMEPLAY screen variables here!
// Press enter to change to ENDING screen
if (IsKeyPressed(KEY_ENTER) || IsGestureDetected(GESTURE_TAP))
{
currentScreen = ENDING;
}
} break;
case ENDING:
{
// TODO: Update ENDING screen variables here!
// Press enter to return to TITLE screen
if (IsKeyPressed(KEY_ENTER) || IsGestureDetected(GESTURE_TAP))
{
currentScreen = TITLE;
}
} break;
default: break;
}
//----------------------------------------------------------------------------------
// Draw
//----------------------------------------------------------------------------------
BeginDrawing();
ClearBackground(RAYWHITE);
switch(currentScreen)
{
case LOGO:
{
// TODO: Draw LOGO screen here!
DrawText("LOGO SCREEN", 20, 20, 40, LIGHTGRAY);
DrawText("WAIT for 2 SECONDS...", 290, 220, 20, GRAY);
} break;
case TITLE:
{
// TODO: Draw TITLE screen here!
DrawRectangle(0, 0, screenWidth, screenHeight, GREEN);
DrawText("TITLE SCREEN", 20, 20, 40, DARKGREEN);
DrawText("PRESS ENTER or TAP to JUMP to GAMEPLAY SCREEN", 120, 220, 20, DARKGREEN);
} break;
case GAMEPLAY:
{
// TODO: Draw GAMEPLAY screen here!
DrawRectangle(0, 0, screenWidth, screenHeight, PURPLE);
DrawText("GAMEPLAY SCREEN", 20, 20, 40, MAROON);
DrawText("PRESS ENTER or TAP to JUMP to ENDING SCREEN", 130, 220, 20, MAROON);
} break;
case ENDING:
{
// TODO: Draw ENDING screen here!
DrawRectangle(0, 0, screenWidth, screenHeight, BLUE);
DrawText("ENDING SCREEN", 20, 20, 40, DARKBLUE);
DrawText("PRESS ENTER or TAP to RETURN to TITLE SCREEN", 120, 220, 20, DARKBLUE);
} break;
default: break;
}
EndDrawing();
//----------------------------------------------------------------------------------
}
// De-Initialization
//--------------------------------------------------------------------------------------
// TODO: Unload all loaded data (textures, fonts, audio) here!
CloseWindow(); // Close window and OpenGL context
//--------------------------------------------------------------------------------------
return 0;
}From raylib 6.2. The original on GitHub.