usingMaths.com
From Theory to Practice - Math You Can Use.







<< PreviousNext >>

Equation of a Circle in C# | Animate Circular Motion using C# Windows Form



Understanding the Equation of a Circle | Maths Explanation for C# Kids

The equation of a circle is one of the most important concepts in coordinate geometry. It defines all points in a plane that lie at a fixed distance (radius) from a central point. In its standard form,

\[ (x - a)^2 + (y - b)^2 = r^2 \]

This formula describes a circle with centre \((a, b)\) and radius \(r\).

In this lesson, we will:

  • Explain the standard form of the circle equation
  • Show how to find the centre and radius
  • Introduce the parametric equation of a circle
  • Demonstrate how to draw and animate a circle using C# and C# Windows Form

This approach connects mathematics with real programming applications.


Standard Form of the Equation of a Circle | Maths Explanation for C# Kids

The standard form of the equation of a circle is:

\[ (x - a)^2 + (y - b)^2 = r^2 \]

Where:

  • \(a\) = x-coordinate of the centre
  • \(b\) = y-coordinate of the centre
  • \(r\) = radius of the circle

This equation states that any point \((x, y)\) on the circle is exactly \(r\) units away from the centre \((a, b)\).

Special Case: Circle at the Origin | Maths Explanation for C# Kids

If the centre is at the origin (0,0), the formula simplifies to:

\[ x^2 + y^2 = r^2 \]

This is commonly used in introductory coordinate geometry problems.


Understanding \( (x - a)^2 + (y - b)^2 = r^2 \) | Maths Explanation for C# Kids

The expression:

\[ (x - a)^2 + (y - b)^2 = r^2 \]

comes directly from the distance formula in coordinate geometry:

\[ \text{Distance} = \sqrt{(x - a)^2 + (y - b)^2} \]

Since every point on a circle is exactly $r$ units from the centre, we square both sides to eliminate the square root, giving us the circle equation formula.

This interpretation helps students understand the geometry behind the algebra.


Finding the Centre and Radius from an Equation | Maths Explanation for C# Kids

Sometimes, the equation of a circle is given in expanded form:

\[ x^2 + y^2 - 4x + 6y - 12 = 0 \]

To determine the centre and radius, we complete the square.

After rearranging and completing the square:

\[ (x - 2)^2 + (y + 3)^2 = 25 \]

From this form, we can immediately identify:

  • Centre = (2, -3)
  • Radius = 5

This method is essential for solving senior secondary mathematics examination problems.


Drawing a Circle Using the Circle Equation in C#

In C#, the circle equation helps us calculate the $x$ and $y$ coordinates needed to draw or animate circular motion on an C# windows form.

C# circle equation diagram showing (x - a)^2 + (y - b)^2 = r^2
Figure: C# circle equation diagram showing \( (x - a)^2 + (y - b)^2 = r^2 \)

Solving for $y$, we have:

\[ \begin{align*} (y - b)^2 &= r^2 - (x - a)^2 \\ y - b &= \pm \sqrt{(r^2 - (x - a)^2)} \\ y &= b \pm \sqrt{(r^2 - (x - a)^2)} \end{align*} \]

This form lets us compute the upper and lower halves of a circle, perfect for visualizing circular paths or motion trajectories.


Parametric Equations of a Circle | Maths Explanation for C# Kids

Circular motion can also be represented parametrically:

\[ \begin{align*} x &= a + r\cos\theta \\ y &= b + r\sin\theta \end{align*} \]

Where \(\theta\) varies from 0 to $2\pi$

These equations make it easier to create smooth circular movement in C#, especially for animations, games, and physics simulations.


How to Find the Equation of a Circle - Step by Step C# Algorithm

  1. Identify the centre and radius.
  2. Substitute them into the standard form of the circle equation.
  3. Expand if needed to get the general form of the circle equation.

This process is often used in senior secondary maths exams and problem-solving.

C# Code: Animating Circular Motion

To animate a circular motion or move an object along a circle, we can increment $x$ values between $a - r$ and $a + r$, then compute $y$ from the circle equation in C#.

Create a new C# Windows Forms Application project ; call it Dymetric_CS.
Create 2 new C# classes;
Call them Dymetric and CircularPath.
Type out the adjoining C# code for animating an image body through the path of a circle.


How the C# Circular Motion Animation Code Works

  • 'Math.Pow()' and 'Math.Sqrt()' implement the circle formula directly.
  • C# Windows Form ('FillEllipse') plots circular points.
  • The function 'moveCyclic()' simulates circular motion animation in C# by redrawing the dot along the circle's upper and lower arcs.
  • Each frame updates $x$ and $y$ values according to the equation of a circle.

This animation demonstrates circular motion in C# using algebraic updates derived directly from the circle equation.


Why Learn the Circle Equation with C#?

Combining mathematics with coding offers several benefits:

  • Reinforces understanding of algebraic formulas
  • Develops computational thinking
  • Makes coordinate geometry interactive
  • Encourages experimentation and exploration
  • Prepares students for STEM-related careers

By implementing the equation of a circle using C#, learners move beyond memorisation and begin applying mathematical theory in practical ways.

Applications of the Circle Equation with C#

The equation of a circle is widely used in:

  • Engineering design
  • Computer graphics
  • Physics (circular motion problems)
  • Game development
  • Robotics and simulation

Understanding both the algebraic and parametric forms prepares students for advanced STEM applications.


Key Takeaways on Circular Path Animation in C#

In this tutorial, you've learned that:

  • The circle equation forms the foundation for circular motion and geometry in C#.
  • You can draw circles using FillEllipse() or by calculating $x$ and $y$ using cosine and sine.
  • Animating objects in a circular path is just a time-based update of these coordinates.

Summary: Visualizing Circle Equation in C#

The circle equation in C# helps us apply coordinate geometry to real-world programming. By using the mathematical formula (x - a)² + (y - b)² = r², we can easily draw and animate circles on the C# windows form. This C# tutorial has shown you how to calculate circle points, render them on the C# windows form, and even simulate circular motion using mathematics.

The equation of a circle is a fundamental topic in geometry and senior secondary mathematics. By understanding the circle equation formula, practicing with examples, and experimenting with the C# circle equation, you'll strengthen both your maths and coding skills.


So! C# Fun Practice Exercise - Animate along Circular Path

As a fun practice exercise, try adjusting the centre points - $a$, $b$; and the radius - $r$ to change the circle's position and size. This will be a great way to connect mathematics and programming, and help you understand more about C# animations and circle equations.












C# Circular Path Window Display Code Stub

Window Display Class Files

C# Circular Path Code for Dymetric Class

using System.Windows.Forms;

namespace Dymetric
{
    class Dymetric
    {
        private CircularPath cycle;
        private bool do_simulation;

        public Dymetric(int screen_width, int screen_height)
        {
            cycle = new CircularPath(screen_width, screen_height);
            do_simulation = false;
        }

        // decide what course of action to take
        public void decideAction(PaintEventArgs e, bool click_check)
        {
            if (do_simulation && click_check)
            {
                // do animation
                cycle.inPlay(e);
                do_simulation = false;
            }
            else
            {
                // Put ball on screen
                cycle.clearAndDraw(e);
                do_simulation = true;
            }
        }
    }
}

C# Animation Code for Circular Path Class

using System;
using System.Threading;
using System.Drawing;
using System.Windows.Forms;

namespace Dymetric
{
    class CircularPath
    {
        private int a, b, r, x, y;
        private const int dotDIAMETER = 10;

        // we'll be drawing to and from a bitmap image
        private Bitmap offscreen_bitmap;
        Graphics offscreen_g;

        private Brush dot_colour, bg_colour;

        public CircularPath(int screen_width, int screen_height)
        {
            dot_colour = new SolidBrush(Color.Yellow);
            bg_colour = new SolidBrush(Color.LightGray);

            // Create bitmap image
            offscreen_bitmap = new Bitmap(screen_width, screen_height - 55,
                System.Drawing.Imaging.PixelFormat.Format24bppRgb);

            // point graphic object to bitmap image
            offscreen_g = Graphics.FromImage(offscreen_bitmap);

            // Set background of bitmap graphic
            offscreen_g.Clear(Color.LightGray);

            // circle centre coordinates
            a = offscreen_bitmap.Width / 2;
            b = offscreen_bitmap.Height / 2;
            // circle radius
            r = offscreen_bitmap.Height / 3;
            x = a - r;
            y = b;
        }

        // draw first appearance of dot on the screen
        public void clearAndDraw(PaintEventArgs e)
        {
            /*
             * draw to offscreen bitmap
             */
            // clear entire bitmap
            offscreen_g.Clear(Color.LightGray);
            // draw dot
            offscreen_g.FillEllipse(dot_colour, x, y, dotDIAMETER, dotDIAMETER);

            // draw to screen
            Graphics gr = e.Graphics;
            gr.DrawImage(offscreen_bitmap, 0, 55, offscreen_bitmap.Width, offscreen_bitmap.Height);
        }

        // repetitively clear and draw dot on the screen - Simulate motion
        public void inPlay(PaintEventArgs e)
        {
            Graphics gr = e.Graphics;
            // condition for continuing motion
            while (x <= a + r)
            {
                y = b - (int)Math.Round(Math.Sqrt(Math.Pow(r, 2) - Math.Pow((x - a), 2)));
                // redraw dot
                offscreen_g.FillEllipse(dot_colour, x, y, dotDIAMETER, dotDIAMETER);

                y = b + (int)Math.Round(Math.Sqrt(Math.Pow(r, 2) - Math.Pow((x - a), 2)));
                // redraw dot
                offscreen_g.FillEllipse(dot_colour, x, y, dotDIAMETER, dotDIAMETER);

                // draw to screen
                gr.DrawImage(offscreen_bitmap, 0, 55, offscreen_bitmap.Width, offscreen_bitmap.Height);

                x += 20;
                // take a time pause
                Thread.Sleep(50);
            }
            x = a - r;
            y = b;
        }
    }
}








<< PreviousNext >>