You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

136 lines
7.0 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>raylib - examples</title>
  7. <meta name="title" content="raylib - examples">
  8. <meta name="description" content="raylib is a simple and easy-to-use library to learn videogames programming. Check the full set of raylib examples">
  9. <meta name="keywords" content="raylib, videogames, programming, C, C++, library, learn, study, simple, easy, free, open source, raysan">
  10. <meta name="viewport" content="width=device-width">
  11. <!-- Facebook metatags for sharing -->
  12. <meta property="og:title" content="raylib - examples"/>
  13. <meta property="og:image" content="http://www.raylib.com/common/img/fb_raylib_logo.png"/>
  14. <meta property="og:url" content="http://www.raylib.com" />
  15. <meta property="og:site_name" content="raylib"/>
  16. <meta property="og:description" content="check the full set of raylib examples... they are amazing!"/>
  17. <link rel="stylesheet" type="text/css" href="common/css/main.css">
  18. <link rel="icon" href="favicon.ico" />
  19. <link rel="stylesheet" type="text/css" href="common/css/examples.css">
  20. <!-- NOTE: JavaScript code added at the end of body! -->
  21. <!-- Enabling HTML5 tags for older IE browsers -->
  22. <!--[if lt IE 9]>
  23. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  24. <![endif]-->
  25. </head>
  26. <body>
  27. <div class="page">
  28. <!--[if lt IE 7]>
  29. <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>
  30. <![endif]-->
  31. <div class="header">
  32. <a id="logo" href="index.html"></a>
  33. <div id="social">
  34. <a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
  35. <a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
  36. <a id="patreon" href="https://www.patreon.com/raysan5" target="_blank"></a>
  37. <a id="twitch" href="http://www.twitch.tv/raysan5" target="_blank"></a>
  38. <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
  39. <a id="freenode" href="http://webchat.freenode.net/?channels=#raylib" target="_blank"></a>
  40. <a id="facebook" href="http://www.facebook.com/raylibgames" target="_blank"></a>
  41. <a id="twitter" href="http://www.twitter.com/raysan5" target="_blank"></a>
  42. <a id="github" href="http://github.com/raysan5/raylib" target="_blank"></a>
  43. <a id="youtube" href="https://www.youtube.com/channel/UC8WIBkhYb5sBNqXO1mZ7WSQ" target="_blank"></a>
  44. </div>
  45. <div class="menu">
  46. <a href="index.html">about</a>
  47. <div id="active">examples</div>
  48. <a href="games.html">games</a>
  49. <a href="helpme.html">helpme!</a>
  50. <a id="forum" href="http://forum.raylib.com">forum</a>
  51. </div>
  52. </div>
  53. <div class="content">
  54. <p>Examples are organized by colors depending on the raylib module features
  55. they are teaching. Currently, raylib main modules are 7.</p>
  56. <br>
  57. <p>Wanna see all functions available in raylib? <a class="simplelink" href="cheatsheet/cheatsheet.html">Check cheatsheet</a></p>
  58. <br>
  59. <p>Click to filter by module:</p>
  60. <br>
  61. <!-- Filtering controls
  62. <div class="filter" data-filter="all">Show All</div>
  63. <div class="filter" data-filter=".category-1">Category 1</div>
  64. <div class="filter" data-filter=".category-2">Category 2</div>
  65. -->
  66. <!-- Sorting controls
  67. <div class="sort" data-sort="default">Default</div>
  68. <div class="sort" data-sort="myorder:asc">Ascending</div>
  69. <div class="sort" data-sort="myorder:desc">Descending</div>
  70. <div class="sort" data-sort="random">Random</div>
  71. -->
  72. <!--<div class="filter legendButton" data-filter="all">ALL</div> -->
  73. <div id="filter_menu">
  74. <div class="filter legendButton" id="core" data-filter=".fcore">core</div>
  75. <div class="filter legendButton" id="shapes" data-filter=".fshapes">shapes</div>
  76. <div class="filter legendButton" id="textures" data-filter=".ftextures">textures</div>
  77. <div class="filter legendButton" id="text" data-filter=".ftext">text</div>
  78. <div class="filter legendButton" id="models" data-filter=".fmodels">models</div>
  79. <div class="filter legendButton" id="shaders" data-filter=".fshaders">shaders</div>
  80. <div class="filter legendButton" id="audio" data-filter=".faudio">audio</div>
  81. </div>
  82. <!-- Items container, filled when loading -->
  83. <div id="container"></div>
  84. </div>
  85. <div class="footer">
  86. <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>
  87. </div>
  88. </div>
  89. <!-- Add jQuery library -->
  90. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  91. <!-- Add jQuery easing plugin -->
  92. <script src="common/libs/jquery.easing.1.3.js"></script>
  93. <!-- Add fancyBox main JS and CSS files -->
  94. <script src="common/libs/fancybox/jquery.fancybox.js"></script>
  95. <link rel="stylesheet" type="text/css" href="common/libs/fancybox/jquery.fancybox.css" media="screen" />
  96. <!-- Add Button helper -->
  97. <link rel="stylesheet" type="text/css" href="common/libs/fancybox/helpers/jquery.fancybox-buttons.css" />
  98. <script src="common/libs/fancybox/helpers/jquery.fancybox-buttons.js"></script>
  99. <!-- Add jQuery Mix-It Up plugin -->
  100. <script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
  101. <!-- Add own script code -->
  102. <script src="common/js/examples.js"></script>
  103. <!-- Google Analytics tracking code -->
  104. <script>
  105. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  106. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  107. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  108. })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
  109. ga('create', 'UA-45733555-1', 'raylib.com');
  110. ga('require', 'linkid', 'linkid.js');
  111. ga('send', 'pageview');
  112. </script>
  113. </body>
  114. </html>