summaryrefslogtreecommitdiffhomepage
path: root/index.html
blob: eef61f5862b3e982baa85644f98773ae10ad2565 (plain)
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
<!DOCTYPE html>
<html>
    <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/VkzNHUE" target="_blank"></a>
                    <a id="twitch" href="https://www.twitch.tv/raysan5" target="_blank"></a>
                    <a id="kofi" href="https://ko-fi.com/raysan" 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="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">
                <strong>raylib is a simple and easy-to-use library to enjoy videogames programming.</strong>
                <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.</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 code examples!</a></p>
                <br>
                <strong>raylib supported platforms</strong>
                <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>
                <strong>raylib language bindings</strong>
                <br>
                <p>You can code using raylib in multiple languages! Some raylib users have created raylib bindings to multiple languages. Here's a list of the bindings I'm aware of</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>
                <strong>raylib community</strong>
                <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/VkzNHUE" 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>
                <strong>raylib contributions</strong>
                <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&currency_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://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://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>
                <strong>raylib features</strong>
                <br>
                <div class="list">
                    - <strong>NO external dependencies</strong>, all required libraries included with raylib<br>
                    - Multiplatform: <strong>Windows, Linux, MacOS, 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 Fonts 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>
                    - Shaders support, including Model shaders and Postprocessing shaders<br>
                    - Skeletal animated models support (IQM)<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>
                    - Free and open source. Check [<a class="simplelink" href="license.html" target="_blank">LICENSE</a>].<br>
                </div>
                <br>
                <a href="images/raylib_architecture_v2.0.png"><img src="images/raylib_architecture_v2.0.png" alt="raylib architechture" 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>