|  | <!DOCTYPE html> | 
						
						
							|  | <html> | 
						
						
							|  |     <head> | 
						
						
							|  |         <meta charset="utf-8"> | 
						
						
							|  |         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
						
						
							|  |          | 
						
						
							|  |         <title>raylib - examples</title> | 
						
						
							|  |          | 
						
						
							|  |         <meta name="title" content="raylib - examples"> | 
						
						
							|  |         <meta name="description" content="raylib is a simple and easy-to-use library to learn videogames programming. Check the full set of raylib examples"> | 
						
						
							|  |         <meta name="keywords" content="raylib, videogames, programming, C, C++, library, learn, study, simple, easy, free, open source, raysan"> | 
						
						
							|  |         <meta name="viewport" content="width=device-width"> | 
						
						
							|  |          | 
						
						
							|  |         <!-- Facebook metatags for sharing --> | 
						
						
							|  |         <meta property="og:title" content="raylib - examples"/> | 
						
						
							|  |         <meta property="og:image" content="http://www.raylib.com/common/img/fb_raylib_logo.png"/> | 
						
						
							|  |         <meta property="og:url" content="http://www.raylib.com" /> | 
						
						
							|  |         <meta property="og:site_name" content="raylib"/> | 
						
						
							|  |         <meta property="og:description" content="check the full set of raylib examples... they are amazing!"/> | 
						
						
							|  | 
 | 
						
						
							|  |         <link rel="stylesheet" type="text/css" href="common/css/main.css"> | 
						
						
							|  |         <link rel="icon" href="favicon.ico" /> | 
						
						
							|  | 
 | 
						
						
							|  |         <link rel="stylesheet" type="text/css" href="common/css/examples.css"> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- NOTE: JavaScript code added at the end of body! --> | 
						
						
							|  |          | 
						
						
							|  |         <!-- Enabling HTML5 tags for older IE browsers --> | 
						
						
							|  |         <!--[if lt IE 9]> | 
						
						
							|  |           <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | 
						
						
							|  |         <![endif]--> | 
						
						
							|  |     </head> | 
						
						
							|  |      | 
						
						
							|  |     <body> | 
						
						
							|  |         <div class="page"> | 
						
						
							|  |             <!--[if lt IE 7]> | 
						
						
							|  |                 <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> | 
						
						
							|  |             <![endif]--> | 
						
						
							|  | 
 | 
						
						
							|  |             <div class="header"> | 
						
						
							|  |                 <a id="logo" href="index.html"></a> | 
						
						
							|  |                 <div id="social"> | 
						
						
							|  |                     <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a> | 
						
						
							|  |                     <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a> | 
						
						
							|  |                     <a id="patreon" href="https://www.patreon.com/raysan5" target="_blank"></a> | 
						
						
							|  |                     <a id="twitch" href="http://www.twitch.tv/raysan5" target="_blank"></a> | 
						
						
							|  |                     <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a> | 
						
						
							|  |                     <a id="freenode" href="http://webchat.freenode.net/?channels=#raylib" target="_blank"></a> | 
						
						
							|  |                     <a id="facebook" href="http://www.facebook.com/raylibgames" target="_blank"></a> | 
						
						
							|  |                     <a id="twitter" href="http://www.twitter.com/raysan5" target="_blank"></a> | 
						
						
							|  |                     <a id="github" href="http://github.com/raysan5/raylib" target="_blank"></a> | 
						
						
							|  |                     <a id="youtube" href="https://www.youtube.com/channel/UC8WIBkhYb5sBNqXO1mZ7WSQ" target="_blank"></a> | 
						
						
							|  |                 </div> | 
						
						
							|  |                 <div class="menu"> | 
						
						
							|  |                     <a href="index.html">about</a> | 
						
						
							|  |                     <div id="active">examples</div> | 
						
						
							|  |                     <a href="games.html">games</a> | 
						
						
							|  |                     <a href="helpme.html">helpme!</a> | 
						
						
							|  |                     <a id="forum" href="http://forum.raylib.com">forum</a> | 
						
						
							|  |                 </div> | 
						
						
							|  |             </div> | 
						
						
							|  | 
 | 
						
						
							|  |             <div class="content"> | 
						
						
							|  |                 <p>Examples are organized by colors depending on the raylib module features | 
						
						
							|  |                 they are teaching. Currently, raylib main modules are 7.</p> | 
						
						
							|  |                 <br> | 
						
						
							|  |                 <p>Wanna see all functions available in raylib? <a class="simplelink" href="cheatsheet/cheatsheet.html">Check cheatsheet</a></p> | 
						
						
							|  |                 <br> | 
						
						
							|  |                 <p>Click to filter by module:</p> | 
						
						
							|  |                 <br> | 
						
						
							|  | 
 | 
						
						
							|  | <!-- Filtering controls | 
						
						
							|  | <div class="filter" data-filter="all">Show All</div> | 
						
						
							|  | <div class="filter" data-filter=".category-1">Category 1</div> | 
						
						
							|  | <div class="filter" data-filter=".category-2">Category 2</div> | 
						
						
							|  |  --> | 
						
						
							|  | <!-- Sorting controls | 
						
						
							|  | <div class="sort" data-sort="default">Default</div> | 
						
						
							|  | <div class="sort" data-sort="myorder:asc">Ascending</div> | 
						
						
							|  | <div class="sort" data-sort="myorder:desc">Descending</div> | 
						
						
							|  | <div class="sort" data-sort="random">Random</div> | 
						
						
							|  |  --> | 
						
						
							|  |                 <!--<div class="filter legendButton" data-filter="all">ALL</div> --> | 
						
						
							|  |                 <div id="filter_menu"> | 
						
						
							|  |                     <div class="filter legendButton" id="core" data-filter=".fcore">core</div>  | 
						
						
							|  |                     <div class="filter legendButton" id="shapes" data-filter=".fshapes">shapes</div> | 
						
						
							|  |                     <div class="filter legendButton" id="textures" data-filter=".ftextures">textures</div> | 
						
						
							|  |                     <div class="filter legendButton" id="text" data-filter=".ftext">text</div> | 
						
						
							|  |                     <div class="filter legendButton" id="models" data-filter=".fmodels">models</div> | 
						
						
							|  |                     <div class="filter legendButton" id="shaders" data-filter=".fshaders">shaders</div> | 
						
						
							|  |                     <div class="filter legendButton" id="audio" data-filter=".faudio">audio</div> | 
						
						
							|  |                 </div> | 
						
						
							|  | 
 | 
						
						
							|  |                 <!-- Items container, filled when loading --> | 
						
						
							|  |                 <div id="container"></div> | 
						
						
							|  | 
 | 
						
						
							|  |             </div> | 
						
						
							|  | 
 | 
						
						
							|  |             <div class="footer"> | 
						
						
							|  |                 <p>Web developed by <a href="http://www.raysanweb.com" target="_blank">RaySan</a> and <a href="http://www.elendow.com" target="_blank">Elendow</a></p> | 
						
						
							|  |             </div> | 
						
						
							|  | 
 | 
						
						
							|  |         </div> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Add jQuery library --> | 
						
						
							|  |         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Add jQuery easing plugin --> | 
						
						
							|  |         <script src="common/libs/jquery.easing.1.3.js"></script> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Add fancyBox main JS and CSS files --> | 
						
						
							|  |         <script src="common/libs/fancybox/jquery.fancybox.js"></script> | 
						
						
							|  |         <link rel="stylesheet" type="text/css" href="common/libs/fancybox/jquery.fancybox.css" media="screen" /> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Add Button helper --> | 
						
						
							|  |         <link rel="stylesheet" type="text/css" href="common/libs/fancybox/helpers/jquery.fancybox-buttons.css" /> | 
						
						
							|  |         <script src="common/libs/fancybox/helpers/jquery.fancybox-buttons.js"></script> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Add jQuery Mix-It Up plugin --> | 
						
						
							|  |         <script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Add own script code --> | 
						
						
							|  |         <script src="common/js/examples.js"></script> | 
						
						
							|  | 
 | 
						
						
							|  |         <!-- Google Analytics tracking code --> | 
						
						
							|  |         <script> | 
						
						
							|  |             (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | 
						
						
							|  |             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | 
						
						
							|  |             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | 
						
						
							|  |             })(window,document,'script','http://www.google-analytics.com/analytics.js','ga'); | 
						
						
							|  | 
 | 
						
						
							|  |             ga('create', 'UA-45733555-1', 'raylib.com'); | 
						
						
							|  |             ga('require', 'linkid', 'linkid.js'); | 
						
						
							|  |             ga('send', 'pageview'); | 
						
						
							|  |         </script> | 
						
						
							|  |     </body> | 
						
						
							|  | </html> |