1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
<!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/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="css/main.css">
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/examples_style.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.htm"></a>
<div id="social">
<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>
</div>
<div class="menu">
<a href="index.htm">about</a>
<div id="active">examples</div>
<a href="games.htm">games</a>
<a href="helpme.htm">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.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 src="libs/jquery-1.10.2.min.js"></script>
<!-- Add jQuery easing plugin -->
<script src="libs/jquery.easing.1.3.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script src="libs/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="libs/fancybox/jquery.fancybox.css" media="screen" />
<!-- Add Button helper -->
<link rel="stylesheet" type="text/css" href="libs/fancybox/helpers/jquery.fancybox-buttons.css" />
<script src="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="js/examples_code.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>
|