mirror of
https://github.com/raysan5/raylib.git
synced 2025-12-25 10:22:33 -05:00
Destroyed Windows installation (markdown)
@ -1,78 +0,0 @@
|
||||
#include "raylib.h"
|
||||
#include <string>
|
||||
|
||||
struct Panel {
|
||||
Rectangle bounds;
|
||||
const char* title;
|
||||
Color color;
|
||||
bool active;
|
||||
};
|
||||
|
||||
int main(void)
|
||||
{
|
||||
const int screenWidth = 1024;
|
||||
const int screenHeight = 768;
|
||||
InitWindow(screenWidth, screenHeight, "Dashboard Design - Voorbeeld");
|
||||
|
||||
// Maak 3 panelen
|
||||
Panel panels[3] = {
|
||||
{ { 50, 50, 300, 200 }, "Statistieken", SKYBLUE, false },
|
||||
{ { 370, 50, 300, 200 }, "Status", ORANGE, false },
|
||||
{ { 690, 50, 300, 200 }, "Informatie", GREEN, false }
|
||||
};
|
||||
|
||||
int teller = 0;
|
||||
float cirkelX = 100.0f;
|
||||
|
||||
SetTargetFPS(60);
|
||||
|
||||
while (!WindowShouldClose())
|
||||
{
|
||||
// --- UPDATE ---
|
||||
teller++;
|
||||
if (teller > 100) teller = 0;
|
||||
|
||||
cirkelX += 0.5f;
|
||||
if (cirkelX > screenWidth) cirkelX = 0;
|
||||
|
||||
// Check of je op panelen klikt
|
||||
Vector2 muis = GetMousePosition();
|
||||
for (int i = 0; i < 3; i++) {
|
||||
if (CheckCollisionPointRec(muis, panels[i].bounds) && IsMouseButtonPressed(MOUSE_LEFT_BUTTON)) {
|
||||
panels[i].active = !panels[i].active; // toggle aan/uit
|
||||
panels[i].color = panels[i].active ? DARKBLUE : (i == 0 ? SKYBLUE : i == 1 ? ORANGE : GREEN);
|
||||
}
|
||||
}
|
||||
|
||||
// --- TEKENEN ---
|
||||
BeginDrawing();
|
||||
ClearBackground(RAYWHITE);
|
||||
|
||||
// Teken de panelen
|
||||
for (int i = 0; i < 3; i++) {
|
||||
DrawRectangleRec(panels[i].bounds, panels[i].color);
|
||||
DrawRectangleLinesEx(panels[i].bounds, 2, BLACK);
|
||||
DrawText(panels[i].title, panels[i].bounds.x + 10, panels[i].bounds.y + 10, 22, BLACK);
|
||||
}
|
||||
|
||||
// Panel 1: Statistieken
|
||||
DrawText(TextFormat("Teller: %d", teller), 60, 100, 20, BLACK);
|
||||
DrawRectangle(60, 130, 280, 20, GRAY);
|
||||
DrawRectangle(60, 130, teller * 2.8f, 20, BLUE);
|
||||
|
||||
// Panel 2: Status
|
||||
const char* status = (teller > 50) ? "ACTIEF" : "WACHTEND";
|
||||
DrawText(status, 400, 120, 30, BLACK);
|
||||
|
||||
// Panel 3: Cirkel (bewegend)
|
||||
DrawCircle((int)cirkelX, 200, 25, RED);
|
||||
DrawText("Bewegende cirkel →", 700, 120, 20, BLACK);
|
||||
|
||||
// Footer
|
||||
DrawText("Klik op een paneel om de kleur te wisselen", 10, screenHeight - 30, 20, DARKGRAY);
|
||||
EndDrawing();
|
||||
}
|
||||
|
||||
CloseWindow();
|
||||
return 0;
|
||||
}
|
||||
Reference in New Issue
Block a user