lines bezier
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:verified In headless Chrome, the Zig version gives a final frame byte-identical to the C example built for the web.
//! raylib [shapes] example - lines bezier
//!
//! Zig-API translation of examples/shapes/shapes_lines_bezier.c (raylib 6.2).
//! Example licensed under an unmodified zlib/libpng license.
//! Copyright (c) 2017-2025 Ramon Santamaria (@raysan5)
const rl = @import("raylib");
pub fn main() void {
// Initialization
const screen_width = 800;
const screen_height = 450;
rl.setConfigFlags(.{ .msaa_4x_hint = true });
rl.initWindow(screen_width, screen_height, "raylib [shapes] example - lines bezier");
defer rl.closeWindow(); // Close window and OpenGL context
var start_point: rl.Vector2 = .{ .x = 30, .y = 30 };
var end_point: rl.Vector2 = .{ .x = screen_width - 30, .y = screen_height - 30 };
var move_start_point = false;
var move_end_point = false;
rl.setTargetFPS(60); // Set our game to run at 60 frames-per-second
// Main game loop
while (!rl.windowShouldClose()) { // Detect window close button or ESC key
// Update
const mouse = rl.getMousePosition();
if (rl.checkCollisionPointCircle(mouse, start_point, 10.0) and rl.isMouseButtonDown(.left)) {
move_start_point = true;
} else if (rl.checkCollisionPointCircle(mouse, end_point, 10.0) and rl.isMouseButtonDown(.left)) {
move_end_point = true;
}
if (move_start_point) {
start_point = mouse;
if (rl.isMouseButtonReleased(.left)) move_start_point = false;
}
if (move_end_point) {
end_point = mouse;
if (rl.isMouseButtonReleased(.left)) move_end_point = false;
}
// Draw
rl.beginDrawing();
defer rl.endDrawing();
rl.clearBackground(.ray_white);
rl.drawText("MOVE START-END POINTS WITH MOUSE", 15, 20, 20, .gray);
// Draw line Cubic Bezier, in-out interpolation (easing), no control points
rl.drawLineBezier(start_point, end_point, 4.0, .blue);
// Draw start-end spline circles with some details
const start_hover = rl.checkCollisionPointCircle(mouse, start_point, 10.0);
const end_hover = rl.checkCollisionPointCircle(mouse, end_point, 10.0);
rl.drawCircleV(start_point, if (start_hover) 14.0 else 8.0, if (move_start_point) .red else .blue);
rl.drawCircleV(end_point, if (end_hover) 14.0 else 8.0, if (move_end_point) .red else .blue);
}
}/*******************************************************************************************
*
* raylib [shapes] example - lines bezier
*
* Example complexity rating: [★☆☆☆] 1/4
*
* Example originally created with raylib 1.7, last time updated with raylib 1.7
*
* 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) 2017-2025 Ramon Santamaria (@raysan5)
*
********************************************************************************************/
#include "raylib.h"
//------------------------------------------------------------------------------------
// Program main entry point
//------------------------------------------------------------------------------------
int main(void)
{
// Initialization
//--------------------------------------------------------------------------------------
const int screenWidth = 800;
const int screenHeight = 450;
SetConfigFlags(FLAG_MSAA_4X_HINT);
InitWindow(screenWidth, screenHeight, "raylib [shapes] example - lines bezier");
Vector2 startPoint = { 30, 30 };
Vector2 endPoint = { (float)screenWidth - 30, (float)screenHeight - 30 };
bool moveStartPoint = false;
bool moveEndPoint = false;
SetTargetFPS(60); // Set our game to run at 60 frames-per-second
//--------------------------------------------------------------------------------------
// Main game loop
while (!WindowShouldClose()) // Detect window close button or ESC key
{
// Update
//----------------------------------------------------------------------------------
Vector2 mouse = GetMousePosition();
if (CheckCollisionPointCircle(mouse, startPoint, 10.0f) && IsMouseButtonDown(MOUSE_BUTTON_LEFT)) moveStartPoint = true;
else if (CheckCollisionPointCircle(mouse, endPoint, 10.0f) && IsMouseButtonDown(MOUSE_BUTTON_LEFT)) moveEndPoint = true;
if (moveStartPoint)
{
startPoint = mouse;
if (IsMouseButtonReleased(MOUSE_BUTTON_LEFT)) moveStartPoint = false;
}
if (moveEndPoint)
{
endPoint = mouse;
if (IsMouseButtonReleased(MOUSE_BUTTON_LEFT)) moveEndPoint = false;
}
//----------------------------------------------------------------------------------
// Draw
//----------------------------------------------------------------------------------
BeginDrawing();
ClearBackground(RAYWHITE);
DrawText("MOVE START-END POINTS WITH MOUSE", 15, 20, 20, GRAY);
// Draw line Cubic Bezier, in-out interpolation (easing), no control points
DrawLineBezier(startPoint, endPoint, 4.0f, BLUE);
// Draw start-end spline circles with some details
DrawCircleV(startPoint, CheckCollisionPointCircle(mouse, startPoint, 10.0f)? 14.0f : 8.0f, moveStartPoint? RED : BLUE);
DrawCircleV(endPoint, CheckCollisionPointCircle(mouse, endPoint, 10.0f)? 14.0f : 8.0f, moveEndPoint? RED : BLUE);
EndDrawing();
//----------------------------------------------------------------------------------
}
// De-Initialization
//--------------------------------------------------------------------------------------
CloseWindow(); // Close window and OpenGL context
//--------------------------------------------------------------------------------------
return 0;
}From raylib 6.2. The original on GitHub.