[examples] Added `shapes_math_sine_cosine` (#5209) #5237

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

oqu wants to merge 1 commit into raysan5:master from oqu:math_sine_cosine

oqu commented Oct 5, 2025

TL;DR #5209 is asking for more examples. This PR is for the example shapes_math_sine_cosine

Summary

Added a new example shapes_math_sine_cosine.c that demonstrates the relationship
between the unit circle and the sine / cosine functions. The example is a C port
of the p5.js "angles and motion: sine/cosine" demo and uses raylib for rendering
and raygui for a small control panel.

Key features:

Interactive animation of a point moving around a circle (uniform circular motion).
Sine (red) and Cosine (orange) graphs plotted below the circle.
Vertical tracker line and moving graph points synchronized with the circular motion.
Play / Pause control implemented with a raygui toggle.
Control panel positioned on the right side of the window.

Changelog

examples/shapes/shapes_math_sine_cosine.c — NEW: main example source
examples/shapes/shapes_math_sine_cosine.png — optional screenshot.

Possible areas of improvement

Make the circle and line thicker
Use constant for the menu layout

Tests

Manually tested on macos by building raylib, then building the example.

cd raylib/src
make -s

cd ../examples
make -s shapes/shapes_math_sine_cosine

Let me know if you need any changes


          Initial version of shapes_math_sine_cosine

31aea6a

raysan5 changed the title ~~[examples] Add examples shapes_math_sine_cosine (#5209)~~ [examples] Add shapes_math_sine_cosine (#5209)

Owner

raysan5 commented Oct 7, 2025

@oqu Thanks! It looks nice! Please, could you change the background to RAYWHITE, for consistency with most other examples?

raysan5 reviewed

View reviewed changes

examples/shapes/shapes_math_sine_cosine.c

+              int main(void)
+              {
+                  // Window initialization

Owner

raysan5 Oct 7, 2025

Note that Init, Update, Draw sections should be defined by:
//--------------------------------------------------------------------------------------
following the template structure: https://github.com/raysan5/raylib/blob/master/examples/examples_template.c

examples/shapes/shapes_math_sine_cosine.c

+                  const int screenHeight = 450;
+                  InitWindow(screenWidth, screenHeight, "raylib [shapes] example - math sine cosine");
+                  const char* playText = "Play";

Owner

raysan5 Oct 7, 2025

Please, review raylib code conventions: https://github.com/raysan5/raylib/blob/master/CONVENTIONS.md

examples/shapes/shapes_math_sine_cosine.c

+                  // Animation / UI state
+                  bool playing = true;     // play / pause toggle
+                  int frameCountLocal = 0; // local frame counter (used when playing)

Owner

raysan5 Oct 7, 2025

Please, review raylib code conventions: https://github.com/raysan5/raylib/blob/master/CONVENTIONS.md

Comments should start with capital letter

examples/shapes/shapes_math_sine_cosine.c

+                  // Main loop
+                  while (!WindowShouldClose())
+                  {
+                      // Handle GUI and input first

Owner

raysan5 Oct 7, 2025

Please, note that Update and Draw should be in separate sections.

examples/shapes/shapes_math_sine_cosine.c

+                      DrawLine((int)(circleX - circleRadius), (int)circleY, (int)(circleX + circleRadius), (int)circleY, Fade(GRAY, 0.6f));
+                      // Compute moving point on circle (cos for x, sin for y). Note: cos/sin in C expect radians
+                      float angRad = angleDeg * (PI / 180.0f);

Owner

raysan5 Oct 7, 2025

Please, review raylib code conventions: https://github.com/raysan5/raylib/blob/master/CONVENTIONS.md

* and / should not have spaces

raysan5 changed the title ~~[examples] Add shapes_math_sine_cosine (#5209)~~ [examples] Added shapes_math_sine_cosine (#5209)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet