{"id":53016,"date":"2025-01-28T10:31:57","date_gmt":"2025-01-28T10:31:57","guid":{"rendered":"https:\/\/peraltafinancing.com\/animation\/create-pendulum-in-opengl-computer-graphics-program\/"},"modified":"2025-01-28T10:31:57","modified_gmt":"2025-01-28T10:31:57","slug":"create-pendulum-in-opengl-computer-graphics-program","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=53016","title":{"rendered":"Create Pendulum in OpenGL Computer Graphics Program"},"content":{"rendered":"


\n<\/p>\n

\n

We have created many simple programs using OpenGL C\/C++ in this blog. In this post we are going to create another simple opengl program. We are creating a simple pendulum. You can use these code as base to create a project particlualry based on the use of pendulum.<\/p>\n

A pendulum can be define as a certain mass of object tied from a pivot that can swings back and forth due to force of gravity. The Pendulum swing at the same distance in both the directions. The angle made by pendulum from the centre on bothe side are equal and called amplitude of pendulum.<\/p>\n

This simple pendulum opengl graphics program we are going to code will have two things – circle and lines. We are going to create a simple circle as clock and attache thread to it with a small circle to it. We will swing the circle right and left from the center point of it attachement with thread.<\/p>\n

First in this computer graphics program we are going to write a function for coding circles. We are goint to name this functions as drawcircle. The function will have four arguments segments, radius, x, y. As name suggest these are angle (segments), radius of thread, x and y coordinates.<\/p>\n

\n

float drawCircle(float segments,float radius,float sx,float sy)<\/p>\n

{<\/p>\n

\u00a0 \u00a0 glBegin(GL_LINE_LOOP);<\/p>\n

\u00a0 \u00a0 for(int i=0;i<\/p>\n

\u00a0 \u00a0 {<\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 float theta=2.0*3.142*float(i)\/float(segments); \/\/get the current angle<\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 float x=radius*cos(theta);<\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 float y=radius*sin(theta);<\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 glVertex2f(x+sx,y+sy);<\/p>\n

\u00a0 \u00a0 }<\/p>\n

\u00a0 \u00a0 glEnd();<\/p>\n

}<\/p>\n

Now we are going to draw the pendulum with the help of draw functions which looks like –\u00a0<\/p>\n

\n

void draw(float x1,float y1,float angle)<\/p>\n

{<\/p>\n

\u00a0 \u00a0 float segments=100;<\/p>\n

\u00a0 \u00a0 float radius=6.0;<\/p>\n

\u00a0 \u00a0 \/\/Drawing Clock main Circle<\/p>\n

\u00a0 \u00a0 glLineWidth(4);<\/p>\n

\u00a0 \u00a0 glColor3f(1,0,0);<\/p>\n

\u00a0 \u00a0 drawCircle(segments,radius,x1,y1);<\/p>\n

\u00a0 \u00a0 \/\/Drawing Minute Line<\/p>\n

\u00a0 \u00a0 glColor3f(1,1,0);<\/p>\n

\u00a0 \u00a0 glLineWidth(2);<\/p>\n

\u00a0 \u00a0 glBegin(GL_LINES);<\/p>\n

\u00a0 \u00a0 glVertex2f(x1,y1);<\/p>\n

\u00a0 \u00a0 glVertex2f(x1,(radius\/3.0)*2.0);<\/p>\n

\u00a0 \u00a0 glEnd();<\/p>\n

\u00a0 \u00a0 \/\/Drawing Hour Line<\/p>\n

\u00a0 glColor3f(1,0,0);<\/p>\n

\u00a0 \u00a0 glLineWidth(2);<\/p>\n

\u00a0 \u00a0 glBegin(GL_LINES);<\/p>\n

\u00a0 \u00a0 glVertex2f(x1,y1);<\/p>\n

\u00a0 \u00a0 glVertex2f(radius\/3.0,radius\/3.0);<\/p>\n

\u00a0 \u00a0 glEnd();<\/p>\n

\u00a0 \u00a0 \/\/Drawing Pendulum Circle<\/p>\n

\u00a0 \u00a0 double radians=angle*3.142\/180;<\/p>\n

\u00a0 \u00a0 float x2=(radius*3.4)*cos(radians);<\/p>\n

\u00a0 \u00a0 float y2=(radius*3.4)*sin(radians);<\/p>\n

\u00a0 \u00a0 float radius2=radius\/3.0;<\/p>\n

\u00a0 \u00a0 glColor3f(0,0,1);<\/p>\n

\u00a0 \u00a0 \/\/glLineWidth(2);<\/p>\n

\u00a0 \u00a0 drawCircle(segments,radius2,x2,y2);<\/p>\n

\u00a0 \u00a0 glBegin(GL_LINES);<\/p>\n

\u00a0 \u00a0 glVertex2f(x1,-1*(radius)+0.2);<\/p>\n

\u00a0 \u00a0 glVertex2f(x2,y2);<\/p>\n

\u00a0 \u00a0 glEnd();<\/p>\n

}<\/p>\n<\/div>\n

In above opengl computer graphics program code we have drawn a simple clock<\/a> with hour and minute hands.You may skip therse as they are just to make this program look realstic and more sensible. In last few line we were able to draw the pendulum circle and the thread with the help of circle functions above and GL_LINES.\u00a0<\/div>\n

As we have the draw function we applying the below logic to make the right and left movment of pendulum and thread.<\/p>\n

\n

if(angle>315)<\/p>\n

{<\/p>\n

angle=315;<\/p>\n

inc=-inc;<\/p>\n

}<\/p>\n

if(angle<\/p>\n

{<\/p>\n

angle=225;<\/p>\n

inc=-inc;<\/p>\n

}<\/p>\n<\/div>\n

We are going to place all the code in display function and then create the main functions. You can see the output below.<\/p>\n<\/div>\n

<\/a><\/div>\n

<\/p>\n

1. Simple Old Mechanical Clock<\/a><\/div>\n

2. Clock tower with long pendulam Clock<\/p>\n

3. Different kinds of swings<\/p>\n

4. Circus swings with jokers<\/p>\n

5. Amusment park with swings\u00a0<\/p>\n

Get the full code of the\u00a0<\/p>\n

<\/segments><\/div>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"

We have created many simple programs using OpenGL C\/C++ in this blog. In this post we are going to create another simple opengl program. We are creating a simple pendulum. You can use these code as base to create a project particlualry based on the use of pendulum. A pendulum can be define as a […]<\/p>\n","protected":false},"author":1,"featured_media":53017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12035],"tags":[4507,7957,2457,17996,4536,13239],"dealstore":[],"offerexpiration":[],"class_list":["post-53016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","tag-computer","tag-create","tag-graphics","tag-opengl","tag-pendulum","tag-program"],"yoast_head":"\nCreate Pendulum in OpenGL Computer Graphics Program - Som2ny Network<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fivemor.com\/?p=53016\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Pendulum in OpenGL Computer Graphics Program - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"We have created many simple programs using OpenGL C\/C++ in this blog. In this post we are going to create another simple opengl program. We are creating a simple pendulum. You can use these code as base to create a project particlualry based on the use of pendulum. A pendulum can be define as a […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=53016\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-28T10:31:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"561\" \/>\n\t<meta property=\"og:image:height\" content=\"521\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=53016#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=53016\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Create Pendulum in OpenGL Computer Graphics Program\",\"datePublished\":\"2025-01-28T10:31:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=53016\"},\"wordCount\":526,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=53016#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg\",\"keywords\":[\"Computer\",\"create\",\"Graphics\",\"OpenGL\",\"Pendulum\",\"Program\"],\"articleSection\":[\"Animation\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=53016#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=53016\",\"url\":\"https:\/\/fivemor.com\/?p=53016\",\"name\":\"Create Pendulum in OpenGL Computer Graphics Program - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=53016#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/?p=53016#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg\",\"datePublished\":\"2025-01-28T10:31:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=53016#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=53016\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/?p=53016#primaryimage\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg\",\"width\":561,\"height\":521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=53016#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Pendulum in OpenGL Computer Graphics Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fivemor.com\/#website\",\"url\":\"https:\/\/fivemor.com\/\",\"name\":\"Som2ny Network\",\"description\":\"Daily Deals\",\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fivemor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fivemor.com\/#organization\",\"name\":\"Som2ny Network\",\"url\":\"https:\/\/fivemor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"width\":300,\"height\":86,\"caption\":\"Som2ny Network\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/fivemor.com\"],\"url\":\"https:\/\/fivemor.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Pendulum in OpenGL Computer Graphics Program - Som2ny Network","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fivemor.com\/?p=53016","og_locale":"en_US","og_type":"article","og_title":"Create Pendulum in OpenGL Computer Graphics Program - Som2ny Network","og_description":"We have created many simple programs using OpenGL C\/C++ in this blog. In this post we are going to create another simple opengl program. We are creating a simple pendulum. You can use these code as base to create a project particlualry based on the use of pendulum. A pendulum can be define as a […]","og_url":"https:\/\/fivemor.com\/?p=53016","og_site_name":"Som2ny Network","article_published_time":"2025-01-28T10:31:57+00:00","og_image":[{"width":561,"height":521,"url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=53016#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=53016"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Create Pendulum in OpenGL Computer Graphics Program","datePublished":"2025-01-28T10:31:57+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=53016"},"wordCount":526,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"image":{"@id":"https:\/\/fivemor.com\/?p=53016#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg","keywords":["Computer","create","Graphics","OpenGL","Pendulum","Program"],"articleSection":["Animation"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=53016#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=53016","url":"https:\/\/fivemor.com\/?p=53016","name":"Create Pendulum in OpenGL Computer Graphics Program - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fivemor.com\/?p=53016#primaryimage"},"image":{"@id":"https:\/\/fivemor.com\/?p=53016#primaryimage"},"thumbnailUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg","datePublished":"2025-01-28T10:31:57+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=53016#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=53016"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/?p=53016#primaryimage","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2025\/01\/Pendulum20in20OpenGL20Computer20Graphics20Program.jpg","width":561,"height":521},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=53016#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Create Pendulum in OpenGL Computer Graphics Program"}]},{"@type":"WebSite","@id":"https:\/\/fivemor.com\/#website","url":"https:\/\/fivemor.com\/","name":"Som2ny Network","description":"Daily Deals","publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fivemor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fivemor.com\/#organization","name":"Som2ny Network","url":"https:\/\/fivemor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","width":300,"height":86,"caption":"Som2ny Network"},"image":{"@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","caption":"admin"},"sameAs":["https:\/\/fivemor.com"],"url":"https:\/\/fivemor.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/53016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53016"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/53016\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/media\/53017"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=53016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=53016"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=53016"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=53016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}