forked from raysan5/raylib.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (221 loc) · 22.6 KB
/
index.html
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>raylib</title>
<meta name="title" content="raylib">
<meta name="description" content="raylib is a simple and easy-to-use library to enjoy videogames programming.">
<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">
<!-- metatags for sharing -->
<meta property="og:title" content="raylib"/>
<meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo_card.png"/>
<meta property="og:url" content="https://www.raylib.com" />
<meta property="og:site_name" content="raylib"/>
<meta property="og:description" content="raylib is a simple and easy-to-use library to enjoy videogames programming."/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@raysan5" />
<meta name="twitter:title" content="raylib" />
<meta name="twitter:description" content="raylib is a simple and easy-to-use library to enjoy videogames programming." />
<meta name="twitter:image" content="https://www.raylib.com/common/img/raylib_logo_card.png" />
<meta name="twitter:url" content="https://www.raylib.com" />
<link rel="stylesheet" href="common/main.css">
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<div class="page">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> or <a href="https://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="twitter" href="https://www.twitter.com/raysan5" target="_blank"></a>
<a id="discord" href="https://discord.gg/raylib" target="_blank"></a>
<a id="twitch" href="https://www.twitch.tv/raysan5" target="_blank"></a>
<a id="kofi" href="https://ko-fi.com/raysan5" target="_blank"></a>
<a id="itchio" href="https://raysan5.itch.io" target="_blank"></a>
<a id="handmade" href="https://raylib.handmade.network/" target="_blank"></a>
<a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
<a id="youtube" href="https://www.youtube.com/c/raylib" target="_blank"></a>
<a id="patreon" href="https://www.patreon.com/raylib" target="_blank"></a>
<a id="redbubble" href="https://www.redbubble.com/shop/ap/78130012" target="_blank"></a>
<a id="github" href="https://github.com/raysan5/raylib" target="_blank"></a>
</div>
<div class="menu">
<div id="active">about</div>
<a href="examples.html">examples</a>
<a href="games.html">games</a>
<a href="cheatsheet/cheatsheet.html">cheatsheet</a>
<a id="wiki" href="https://github.com/raysan5/raylib/wiki">wiki</a>
</div>
</div>
<div class="content">
<h1>raylib is a simple and easy-to-use library to enjoy videogames programming.</h1>
<br>
<br>
<!--<a href="https://github.com/raysan5/raylib/releases/download/1.5.0/raylib_installer_v1.5.exe"><div class="downloadButtonInstaller" id="btnlib">Download raylib Windows Installer (v1.5.0)</div></a>-->
<div id="itchioframe"><iframe frameborder="0" src="https://itch.io/embed/85331?bg_color=f5f5f5" width="640" height="170"></iframe></div>
<br>
<p>raylib is highly inspired by Borland BGI graphics lib and by XNA framework. Do you want to see all functions available in raylib? <a class="simplelink" href="cheatsheet/cheatsheet.html">Check raylib cheatsheet</a></p>
<br>
<p><strong>NOTE for ADVENTURERS:</strong> raylib is a programming library to enjoy videogames programming; no fancy interface, no visual helpers, no auto-debugging... just coding in the most pure spartan-programmers way. Are you ready to learn? <a class="simplelink" href="examples.html" target="_self">Jump to raylib code examples!</a></p>
<br>
<h2>raylib awards</h2>
<br>
<p>raylib has received several recognitions in the last years and many people have written about the library. Here there are the main awards received from <strong>Google</strong> and <strong>Epic Games</strong>.</p>
<br>
<div style="display: flex;">
<div id="platforms" style="margin: 0 auto;">
<a href="https://opensource.googleblog.com/2019/04/google-open-source-peer-bonus-winners.html"><img src="images/Google_Open_Source_2019.png" title="raylib Google Open Source Peer Bonus - 2019" alt="raylib Google Open Source Peer Bonus - 2019" width="220" /></a>
<a href="https://www.unrealengine.com/en-US/blog/epic-megagrants-fall-2020-update"><img src="images/Epic_MegaGrants_2020.png" title="raylib Epic MegaGrant Recipient - Fall 2020" alt="raylib Epic MegaGrant Recipient - Fall 2020" width="220" /></a>
<a href="https://opensource.googleblog.com/2021/04/announcing-first-group-of-google-open-source-peer-bonus-winners.html"><img src="images/Google_Open_Source_2021.png" title="raylib Google Open Source Peer Bonus - 2021" alt="raylib Google Open Source Peer Bonus - 2021" width="220" /></a>
</div>
</div>
<br>
<h2>raylib supported platforms</h2>
<br>
<p>raylib supports multiple target platforms, it has been tested in the following platforms but, technically, any platform that supports C language and OpenGL graphics is valid for raylib or can be very easily ported to.</p>
<br>
<div style="display: flex;">
<div id="platforms" style="margin: 0 auto;">
<a href="https://github.com/raysan5/raylib/wiki/Working-on-Windows" target="_blank"><img class="icon" src="images/platforms/windows.png" title="windows" alt="windows platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-on-GNU-Linux" target="_blank"><img class="icon" src="images/platforms/linux.png" title="linux" alt="linux platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-on-macOS" target="_blank"><img class="icon" src="images/platforms/macos.png" title="macos" alt="macos platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-on-FreeBSD" target="_blank"><img class="icon" src="images/platforms/freebsd.png" title="freebsd" alt="freebsd platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-on-Raspberry-Pi" target="_blank"><img class="icon" src="images/platforms/rpi_native.png" title="raspberry pi" alt="raspberrypi platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-on-Raspberry-Pi" target="_blank"><img class="icon" src="images/platforms/rpi_desktop.png" title="raspberry pi desktop" alt="raspberrypi desktop platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-for-Android" target="_blank"><img class="icon" src="images/platforms/android.png" title="android" alt="android platform" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/wiki/Working-for-Web-(HTML5)" target="_blank"><img class="icon" src="images/platforms/html5.png" title="html5 (web)" alt="html5 platform" width="84" height="84"/></a>
</div>
</div>
<br>
<h2>raylib language bindings</h2>
<br>
<p>You can use raylib in multiple languages (more than 50!). Here it is a list with some of the raylib bindings:</p>
<br>
<div style="display: flex;">
<div id="bindings" style="margin: 0 auto;">
<!--<a href="#"><img src="images/bindings/bind_cpp.png" title="windows" style="margin-right:8px;" alt="cpp raylib binding" width="84" height="84"/></a>-->
<a href="https://github.com/ChrisDill/Raylib-cs" target="_blank"><img class="icon" src="images/bindings/bind_csharp.png" title="raylib-cs" alt="c-sharp raylib binding" width="84" height="84"/></a>
<a href="https://github.com/gen2brain/raylib-go" target="_blank"><img class="icon" src="images/bindings/bind_go.png" title="raylib-go" alt="go raylib binding" width="84" height="84"/></a>
<a href="https://github.com/overdev/raylib-py" target="_blank"><img class="icon" src="images/bindings/bind_python.png" title="raylib-py" alt="python raylib binding" width="84" height="84"/></a>
<a href="https://github.com/D3nX/raylib-ruby-ffi" target="_blank"><img class="icon" src="images/bindings/bind_ruby.png" title="raylib-ruby" alt="ruby raylib binding" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib-lua" target="_blank"><img class="icon" src="images/bindings/bind_lua.png" title="raylib-lua" alt="lua raylib binding" width="84" height="84"/></a>
<a href="https://github.com/deltaphc/raylib-rs" target="_blank"><img class="icon" src="images/bindings/bind_rust.png" title="raylib-rs" alt="rust raylib binding" width="84" height="84"/></a>
<a href="https://github.com/kevinw/raylib-odin" target="_blank"><img class="icon" src="images/bindings/bind_odin.png" title="raylib-odin" alt="odin raylib binding" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib/blob/master/BINDINGS.md" target="_blank"><img class="icon" src="images/bindings/bind_more.png" title="more..." alt="more raylib bindings" width="84" height="84"/></a>
</div>
</div>
<br>
<h2>raylib extra libraries</h2>
<br>
<p>raylib can be combined with several extra libraries for additional functionality, some of those libraries are already used internally while others are provided for user integration, most of these libraries are single-file header-only with no external dependencies.</p>
<br>
<div style="display: flex;">
<div id="extralibs" style="margin: 0 auto;">
<a href="https://github.com/raysan5/raylib/blob/master/src/rlgl.h" target="_blank"><img class="icon" src="images/extralibs/rlgl_128x128.png" title="rlgl" alt="OpenGL abstraction layer" width="100" height="100"/></a>
<a href="https://github.com/raysan5/raylib/blob/master/src/raymath.h" target="_blank"><img class="icon" src="images/extralibs/raymath_128x128.png" title="raymath" alt="3D math library" width="100" height="100"/></a>
<a href="https://github.com/raysan5/raudio" target="_blank"><img class="icon" src="images/extralibs/raudio_128x128.png" title="raudio" alt="miniaudio wrapper" width="100" height="100"/></a>
<a href="https://github.com/raysan5/raygui" target="_blank"><img class="icon" src="images/extralibs/raygui_128x128.png" title="raygui" alt="immediate-mode gui library" width="100" height="100"/></a>
<a href="https://github.com/raysan5/rres" target="_blank"><img class="icon" src="images/extralibs/rres_128x128.png" title="rres" alt="resources packer" width="100" height="100"/></a>
<a href="https://github.com/raysan5/raylib/blob/master/src/extras/physac.h" target="_blank"><img class="icon" src="images/extralibs/physac_128x128.png" title="physac" alt="2d physics library" width="100" height="100"/></a>
<a href="https://github.com/raysan5/rpng" target="_blank"><img class="icon" src="images/extralibs/rpng_128x128.png" title="rpng" alt="png chunks editor" width="100" height="100"/></a>
<!--<a href="https://github.com/raysan5/raylib/blob/master/src/extras/rmem.h" target="_blank"><img class="icon" src="images/extralibs/rmem_128x128.png" title="rpng" alt="custom memory pool" width="100" height="100"/></a>-->
</div>
</div>
<br>
<h2>raylib technologies tools</h2>
<br>
<p>raylib is the base technology for <a class="simplelink" href="https://www.raylibtech.com" target="_blank">raylib technologies</a> tools! Several multiplatform portable standalone user-friendly tools have been developed using raylib and <a class="simplelink" href="https://github.com/raysan5/raygui" target="_blank">raygui</a>. Check them out!</p>
<br>
<div style="display: flex;">
<div id="raylibtech" style="margin: 0 auto;">
<a href="https://raylibtech.itch.io/rfxgen" target="_blank"><img class="icon" src="images/raylibtech/rfxgen_128x128.png" title="rFXGen" alt="fx sounds generator" width="100" height="100"/></a>
<a href="https://raylibtech.itch.io/rtexviewer" target="_blank"><img class="icon" src="images/raylibtech/rtexviewer_128x128.png" title="rTexViewer" alt="textures viewer and formats conversor" width="100" height="100"/></a>
<a href="https://raylibtech.itch.io/rtexpacker" target="_blank"><img class="icon" src="images/raylibtech/rtexpacker_128x128.png" title="rTexPacker" alt="textures packer and atlas generator" width="100" height="100"/></a>
<a href="https://raylibtech.itch.io/riconpacker" target="_blank"><img class="icon" src="images/raylibtech/riconpacker_128x128.png" title="rIconPacker" alt="icons packer and extractor" width="100" height="100"/></a>
<a href="https://raylibtech.itch.io/rguistyler" target="_blank"><img class="icon" src="images/raylibtech/rguistyler_128x128.png" title="rGuiStyler" alt="raygui styles editor" width="100" height="100"/></a>
<a href="https://raylibtech.itch.io/rguilayout" target="_blank"><img class="icon" src="images/raylibtech/rguilayout_128x128.png" title="rGuiLayout" alt="raygui layout editor" width="100" height="100"/></a>
<a href="https://raylibtech.itch.io/rguiicons" target="_blank"><img class="icon" src="images/raylibtech/rguiicons_128x128.png" title="rGuiIcons" alt="raygui icons editor" width="100" height="100"/></a>
</div>
</div>
<br>
<h2>raylib community</h2>
<br>
<p>Do you need help with raylib? Do you want to keep updated with latest news? Do you want to show your raylib creations? Join our amazing community of raylib developers! Choose the network you prefer! You are welcome!</p>
<br>
<div style="display: flex;">
<div id="bindings" style="margin: 0 auto;">
<a href="https://discord.gg/raylib" target="_blank"><img class="icon" src="images/networks/discord.png" title="raylib Discord" alt="raylib discord server" width="84" height="84"/></a>
<a href="https://www.twitch.tv/raysan5" target="_blank"><img class="icon" src="images/networks/twitch.png" title="raylib Twitch" alt="raylib twitch channel" width="84" height="84"/></a>
<a href="https://www.twitter.com/raysan5" target="_blank"><img class="icon" src="images/networks/twitter.png" title="raysan5 Twitter" alt="raylib creator twitter" width="84" height="84"/></a>
<a href="https://www.reddit.com/r/raylib/" target="_blank"><img class="icon" src="images/networks/reddit.png" title="raylib Reddit" alt="raylib reddit channel" width="84" height="84"/></a>
<a href="https://www.youtube.com/c/raylib" target="_blank"><img class="icon" src="images/networks/youtube.png" title="raylib YouTube" alt="raylib youtube channel" width="84" height="84"/></a>
<a href="https://raylib.handmade.network/" target="_blank"><img class="icon" src="images/networks/hmn.png" title="raylib HMN" alt="raylib handmade.network project" width="84" height="84"/></a>
<a href="https://github.com/raysan5/raylib" target="_blank"><img class="icon" src="images/contribute/github.png" title="GitHub" alt="raylib on GitHub" width="84" height="84"/></a>
</div>
</div>
<br>
<h2>raylib contributions</h2>
<br>
<p>I'm working hard on raylib but my resources are limited. If you enjoy raylib and want to help, consider a small donation or contributing to the project on GitHub. Thanks!</p>
<br>
<div style="display: flex;">
<div id="bindings" style="margin: 0 auto;">
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=JB5CMEX9HXFKY¤cy_code=EUR&source=url" target="_blank"><img class="icon" src="images/contribute/paypal.png" title="PayPal" alt="PayPal donation" width="84" height="84"/></a>
<a href="https://github.com/sponsors/raysan5" target="_blank"><img class="icon" src="images/contribute/github.png" title="GitHub" alt="raylib GitHub Sponsors" width="84" height="84"/></a>
<a href="https://www.patreon.com/raylib" target="_blank"><img class="icon" src="images/contribute/patreon.png" title="Patreon" alt="Patreon contributor" width="84" height="84"/></a>
<a href="https://ko-fi.com/raysan" target="_blank"><img class="icon" src="images/contribute/kofi.png" title="Ko-fi" alt="Ko-fi donation" width="84" height="84"/></a>
<a href="https://raysan5.itch.io/raylib" target="_blank"><img class="icon" src="images/contribute/itchio.png" title="itch.io" alt="raylib on itch.io" width="84" height="84"/></a>
<a href="https://www.redbubble.com/shop/ap/78130012" target="_blank"><img class="icon" src="images/contribute/redbubble.png" title="redbubble" alt="raylib on redbubble" width="84" height="84"/></a>
</div>
</div>
<br>
<h2>raylib features</h2>
<br>
<div class="list">
- <strong>NO external dependencies</strong>, all required libraries included with raylib<br>
- Multiplatform: <strong>Windows, Linux, MacOS, RPI, Android, HTML5... and more!</strong><br>
- Written in plain C code (C99) in PascalCase/camelCase notation<br>
- Hardware accelerated with OpenGL (<strong>1.1, 2.1, 3.3 or ES 2.0</strong>)<br>
- <strong>Unique OpenGL abstraction</strong> layer: <a class="simplelink" href="https://github.com/raysan5/raylib/blob/master/src/rlgl.h" target="_blank">rlgl</a><br>
- Powerful <strong>Fonts</strong> module (XNA SpriteFonts, BMfonts, TTF, SDF)<br>
- Outstanding texture formats support, including compressed formats (DXT, ETC, ASTC)<br>
- <strong>Full 3d support</strong> for 3d Shapes, Models, Billboards, Heightmaps and more! <br>
- Flexible Materials system, supporting classic maps and <strong>PBR maps</strong><br>
- <strong>Animated 3d models</strong> supported (skeletal bones animation)<br>
- Shaders support, including <strong>Model shaders</strong> and <strong>Postprocessing shaders</strong><br>
- <strong>Powerful math module</strong> for Vector, Matrix and Quaternion operations: <a class="simplelink" href="https://github.com/raysan5/raylib/blob/master/src/raymath.h" target="_blank">raymath</a><br>
- Audio loading and playing with streaming support (WAV, OGG, MP3, FLAC, XM, MOD)<br>
- <strong>VR stereo rendering</strong> support with configurable HMD device parameters<br>
- Huge examples collection with <a class="simplelink" href="examples.html" target="_blank">+120 code examples</a>!<br>
- Bindings to <a class="simplelink" href="https://github.com/raysan5/raylib/blob/master/BINDINGS.md" target="_blank">+50 programming languages</a>!<br>
- Free and open source. Check [<a class="simplelink" href="license.html" target="_blank">LICENSE</a>].<br>
</div>
<br>
<br>
<h2>raylib architecture</h2>
<br>
<p>raylib is a highly modular library. Everything is contained within a small number of well defined, specific and self-contained modules, named accordingly to its primary functionality. Note that some of those modules can be used in <strong>standalone mode</strong>.</p>
<a href="images/raylib_architecture_v3.7.png"><img src="images/raylib_architecture_v3.7.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
<br>
</div>
<div class="footer">
<p>Webpage hosted in <a href="https://github.com/raysan5/raylib.com">GitHub</a>, for issues and improvements <a href="https://github.com/raysan5/raylib.com">check it out</a>!</p>
</div>
</div>
<!-- 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','https://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>