Moved raylib webpage to docs folder
raylib webpage has been completely reorganized and moved from gh-pages (a pain to work with) to docs folder. Useless libs have been removed, webs have been renamed, etc. Now it would be easier (hopefully) to update webpage. :)
This commit is contained in:
Ray San
parent
f2f05a734d
commit
1f6eb1fc61
38 changed files with 3133709 additions and 0 deletions
66
docs/common/css/examples.css
Normal file
66
docs/common/css/examples.css
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
#container .mix{ position: relative; display: none; }
|
||||
#container .extext { top: 160px!important; width: 400px!important; }
|
||||
|
||||
#filter_menu { width: 820px; height: 80px; margin-left: 18px; }
|
||||
|
||||
.legendButton { padding:5px 15px; float:left; margin-left:10px; margin-right:10px; margin-bottom: 20px; }
|
||||
#core { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:3px solid #898888; }
|
||||
#shapes { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:3px solid #e66666; }
|
||||
#textures { cursor:pointer; background-color:#c8eabf; color:#60815a; border:3px solid #75a06d; }
|
||||
#text { cursor:pointer; background-color:#bef0dd; color:#377764; border:3px solid #52b296; }
|
||||
#models { cursor:pointer; background-color:#bedce8; color:#417794; border:3px solid #5d9cbd; }
|
||||
#shaders { cursor:pointer; background-color:#e2c3f5; color:#a864d2; border:3px solid #a864d2; }
|
||||
#audio { cursor:pointer; background-color:#ebddae; color:#8c7539; border:3px solid #d3b157; }
|
||||
|
||||
.core:hover { background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; }
|
||||
.shapes:hover { background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; }
|
||||
.textures:hover { background-color:#c8eabf; color:#60815a; border:4px solid #75a06d; }
|
||||
.text:hover { background-color:#bef0dd; color:#377764; border:4px solid #52b296; }
|
||||
.models:hover { background-color:#bedce8; color:#417794; border:4px solid #5d9cbd; }
|
||||
.audio:hover { background-color:#ebddae; color:#8c7539; border:4px solid #d3b157; }
|
||||
|
||||
.fcore { border: 1px solid #898888; margin-left: 12px; }
|
||||
.fshapes { border: 1px solid #e66666; margin-left: 12px; }
|
||||
.ftextures { border: 1px solid #75a06d; margin-left: 12px; }
|
||||
.ftext { border: 1px solid #52b296; margin-left: 12px; }
|
||||
.fmodels { border: 1px solid #5d9cbd; margin-left: 12px; }
|
||||
.fshaders { border: 1px solid #a864d2; margin-left: 12px; }
|
||||
.faudio { border: 1px solid #d3b157; margin-left: 12px; }
|
||||
|
||||
.fcore p { color:#5c5a5a!important; }
|
||||
.fshapes p { color:#c55757!important; }
|
||||
.ftextures p { color:#60815a!important; }
|
||||
.ftext p { color:#377764!important; }
|
||||
.fmodels p { color:#417794!important; }
|
||||
.fshaders p { color:#a864d2!important; }
|
||||
.faudio p { color:#8c7539!important; }
|
||||
|
||||
#container .fcore a img, #container .fcore a { border: none; overflow: hidden; float: left; background-color: #e1e1e1; opacity: 1; }
|
||||
#container .fcore a:hover { border: 10px solid #898888; }
|
||||
#container .fcore a:hover img { margin: -10px; opacity: 0.4; }
|
||||
|
||||
#container .fshapes a img, #container .fshapes a { border: none; overflow: hidden; float: left; background-color: #f0d6d6; opacity: 1; }
|
||||
#container .fshapes a:hover { border: 10px solid #e66666; }
|
||||
#container .fshapes a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .ftextures a img, #container .ftextures a { border: none; overflow: hidden; float: left; background-color: #c8eabf; opacity: 1; }
|
||||
#container .ftextures a:hover { border: 10px solid #75a06d; }
|
||||
#container .ftextures a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .ftext a img, #container .ftext a { border: none; overflow: hidden; float: left; background-color: #bef0dd; opacity: 1; }
|
||||
#container .ftext a:hover { border: 10px solid #52b296; }
|
||||
#container .ftext a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .fmodels a img, #container .fmodels a { border: none; overflow: hidden; float: left; background-color: #bedce8; opacity: 1; }
|
||||
#container .fmodels a:hover { border: 10px solid #5d9cbd; }
|
||||
#container .fmodels a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .fshaders a img, #container .fshaders a { border: none; overflow: hidden; float: left; background-color: #e0c6f1; opacity: 1; }
|
||||
#container .fshaders a:hover { border: 10px solid #a864d2; }
|
||||
#container .fshaders a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .faudio a img, #container .faudio a { border: none; overflow: hidden; float: left; background-color: #ebddae; opacity: 1; }
|
||||
#container .faudio a:hover { border: 10px solid #d3b157; }
|
||||
#container .faudio a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .extext { position:absolute; top:140px; width:320px; text-align: center; display: none; }
|
||||
35
docs/common/css/games.css
Normal file
35
docs/common/css/games.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
#container .mix{ position: relative; display: none; }
|
||||
#container .extext { top: 160px!important; width: 400px!important; }
|
||||
|
||||
#filter_menu { width: 820px; height: 80px; margin-left: 18px; }
|
||||
|
||||
.legendButton { padding:5px 15px; float:left; margin-left:10px; margin-right:10px; margin-bottom: 20px; }
|
||||
#sample { cursor:pointer; background-color:#e1e1e1; color:#5c5a5a; border:3px solid #898888; }
|
||||
#game { cursor:pointer; background-color:#f0d6d6; color:#c55757; border:3px solid #e66666; }
|
||||
#user { cursor:pointer; background-color:#bedce8; color:#417794; border:3px solid #5d9cbd; }
|
||||
|
||||
.sample:hover { background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; }
|
||||
.game:hover { background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; }
|
||||
.user:hover { background-color:#bedce8; color:#417794; border:4px solid #5d9cbd; }
|
||||
|
||||
.fsample { border: 1px solid #898888; margin-left: 12px; }
|
||||
.fgame { border: 1px solid #e66666; margin-left: 12px; }
|
||||
.fuser { border: 1px solid #5d9cbd; margin-left: 12px; }
|
||||
|
||||
.fsample p { color:#5c5a5a!important; }
|
||||
.fgame p { color:#c55757!important; }
|
||||
.fuser p { color:#417794!important; }
|
||||
|
||||
#container .fsample a img, #container .fsample a { border: none; overflow: hidden; float: left; background-color: #e1e1e1; opacity: 1; }
|
||||
#container .fsample a:hover { border: 10px solid #898888; }
|
||||
#container .fsample a:hover img { margin: -10px; opacity: 0.4; }
|
||||
|
||||
#container .fgame a img, #container .fgame a { border: none; overflow: hidden; float: left; background-color: #f0d6d6; opacity: 1; }
|
||||
#container .fgame a:hover { border: 10px solid #e66666; }
|
||||
#container .fgame a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .fuser a img, #container .fuser a { border: none; overflow: hidden; float: left; background-color: #bedce8; opacity: 1; }
|
||||
#container .fuser a:hover { border: 10px solid #5d9cbd; }
|
||||
#container .fuser a:hover img { margin: -10px; opacity: 0.3; }
|
||||
|
||||
#container .extext { position:absolute; top:140px; width:320px; text-align: center; display: none; }
|
||||
109
docs/common/css/main.css
Normal file
109
docs/common/css/main.css
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
@font-face {
|
||||
font-family: 'grixel_acme_7_wide_xtnd';
|
||||
src: url('../font/acme_7_wide_xtnd.eot');
|
||||
src: url('../font/acme_7_wide_xtnd.eot?#iefix') format('embedded-opentype'),
|
||||
url('../font/acme_7_wide_xtnd.woff') format('woff'),
|
||||
url('../font/acme_7_wide_xtnd.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size-adjust:0.49;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar { width: 10px; height: 10px; }
|
||||
::-webkit-scrollbar-button:start:decrement,
|
||||
::-webkit-scrollbar-button:end:increment { display: block; height: 10px; }
|
||||
::-webkit-scrollbar-button:vertical:increment { background-color: #fff; }
|
||||
::-webkit-scrollbar-track-piece { background-color: #bdbdbd; }
|
||||
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #000000; }
|
||||
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #000000; }
|
||||
|
||||
*{padding:0px; margin:0px; font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; -moz-font-smoothing: none;-webkit-font-smoothing: none; line-height:24px;}
|
||||
a{text-decoration: none; color:black;}
|
||||
body{background-color:#f5f5f5;}
|
||||
p a:hover{text-decoration: none; color:gray;}
|
||||
|
||||
.page{width:840px; margin:0 auto;}
|
||||
|
||||
.header{width:100%; float:left; position:relative; height:128px; font-size:10pt; margin-top:40px; margin-left:10px;}
|
||||
.content{font-size:8pt; width:840px; padding:10px; padding-top:30px; float:left; position:relative; padding-bottom:50px;}
|
||||
.footer{width:100%; float:left; position:relative; border-top:1px solid black; text-align: right; height:40px; padding-top:10px;}
|
||||
.footer p a{color:#aaaaaa;}
|
||||
.footer p a:hover{color:#444;}
|
||||
.footer p { font-size:6pt; color:#aaaaaa; margin-top:-8px; }
|
||||
.simplelink { font-weight: bold; color: #ff6060; }
|
||||
|
||||
/* font change for better reading... */
|
||||
.content p, .content a, .content p strong, .content strong, .content .downloadText{font-family: Courier New, Verdana, Arial!important; font-size: medium; line-height: 200%; }
|
||||
.downloadButtonInstaller { font-size: x-small; }
|
||||
.list, .list strong {font-family: Courier New, Verdana, Arial!important; font-size: medium; line-height: 200%; }
|
||||
|
||||
#logo{width:128px; height:128px; float:left; position:relative; background-image:url(../img/raylib_logo.png);}
|
||||
.menu{width:680px; height:39px; text-align:right; right:0px; bottom:7px; position:relative; float:left; margin-left: 30px;}
|
||||
.menu a{padding:5px 20px; color:black; font-size:12pt; float:left; position:relative; border-bottom:1px solid black;}
|
||||
.menu a:hover{margin-top:-20px; padding:15px 15px; background: rgb(254,255,255);
|
||||
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); }
|
||||
|
||||
#active{
|
||||
padding:5px 15px; color:#707070; font-size:12pt; float:left; position:relative; border-bottom:1px solid black;
|
||||
margin-top:-20px; padding:15px 15px; background: rgb(254,255,255);
|
||||
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 );
|
||||
}
|
||||
|
||||
#social{ width:300px; height:50px; position:relative; float:right; margin-right:8px; margin-top:20px; margin-bottom:20px; }
|
||||
#social a:hover{ background-position: 0 -36px;}
|
||||
#twitch{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_twitch.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#patreon{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_patreon.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#itchio{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_itchio.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#reddit{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_reddit.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#freenode{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_freenode_irc.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#facebook{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_facebook.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#twitter{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_twitter.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
#github{ width:36px; height:36px; float:left; position:relative; background-image: url(../img/icon_github.png); cursor: pointer; background-repeat:no-repeat; background-position: 0 0;}
|
||||
.list{margin-top:10px; margin-left:30px; display: inline-block}
|
||||
|
||||
#licensebox { width:808px; height:400px; border:12px solid; border-color:#d0d0d0; background-color:#e4e4e4;}
|
||||
#licensebox p { font-size:12px; margin-top: 15px; margin-left: 10px;}
|
||||
.licensepoint { margin-left: 25px!important;}
|
||||
|
||||
.downloadText{width:420px; height:40px; float:left; position:relative; margin-left:40px;}
|
||||
.downloadButton{width:220px; height:35px; float:left; position: relative; cursor:pointer; font-weight: bold; line-height:35px; text-align: center; border-width:5px!important;}
|
||||
.downloadButtonInstaller{width:460px; height:35px; position: relative; margin: auto auto; margin-top:20px!important; cursor:pointer; font-weight: bold; line-height:35px; text-align: center; border-width:5px!important;}
|
||||
#btngit{background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888;}
|
||||
#btngit:hover{background-color:#bedce8; color:#417794; border:4px solid #5d9cbd;}
|
||||
#btnlib{background-color:#e1e1e1; color:#5c5a5a; border:4px solid #898888; margin-top: 15px;}
|
||||
#btnlib:hover{background-color:#f0d6d6; color:#c55757; border:4px solid #e66666; margin-top: 15px;}
|
||||
#btnmac{font-weight: normal; cursor:default; background-color:#f0f0f0; color:#5c5a5a; border:4px solid #d3d3d3;}
|
||||
#newVersion{background-color:#f0d6d6; color:#e55757; border:1px solid #f66666; margin-top: 15px; margin-left: -5px; width:100%; height:30px; position: relative; margin: auto auto; line-height:30px; text-align: center;}
|
||||
#raylib13{position:relative; background-color:#222222; color:#f5f5f5; width:100vw; left:calc(-52vw + 50%); padding:30px; text-align:center; margin: 10px;}
|
||||
|
||||
#basicgrid{width:580px; margin-left:60px; float:left; position:relative; text-align: center}
|
||||
#advgrid{width:560px; margin-left:70px; float:left; position:relative; text-align: center}
|
||||
.exampleBox{cursor:pointer; margin:15px 20px; width:54px; padding-right:2px; height:56px; border:4px solid black; display:inline-block; text-align: right; font-weight: bold; vertical-align: bottom;}
|
||||
.exampleBox .in{display: table-cell; vertical-align: bottom; width:52px; height:56px;}
|
||||
|
||||
.specialBox{cursor:pointer; vertical-align: bottom; color:#818181; width:56px; height:58px; padding-right:2px; padding-top:4px; padding-left:4px; margin:15px 20px; display:inline-block; border:1px solid #b9b9b9; text-align:right;}
|
||||
.specialBox .in{display: table-cell; vertical-align: bottom; width:52px; height:52px; border:1px solid #b9b9b9; margin-top:-5px;}
|
||||
.specialBox:hover{ color: black; border:1px solid black; }
|
||||
.specialBox .in:hover{ color: black; border:1px solid black; }
|
||||
.boxintext{margin-bottom: 3px; margin-right: 2px; line-height:10px; font-size:6pt;}
|
||||
.boxintextex{margin-bottom: 3px; margin-right: -2px; line-height:10px; font-size:6pt; width:54px!important; height:53px!important; font-weight: normal!important;}
|
||||
.boxtodo{margin-bottom: 13px; margin-right: 7px;}
|
||||
|
||||
.help{font-size:8px; margin-left: 25px;}
|
||||
#paypalbox{width:200px; height:50px; border:12px solid; border-color:#d0d0d0; background-color:#e4e4e4; margin:0 auto;}
|
||||
#paypalform input {margin-top: 12px; margin-left: 50px;}
|
||||
#forum{color: maroon;}
|
||||
|
||||
#itchioframe{display:block;text-align:center;}
|
||||
BIN
docs/common/font/acme_7_wide_xtnd.eot
Normal file
BIN
docs/common/font/acme_7_wide_xtnd.eot
Normal file
Binary file not shown.
BIN
docs/common/font/acme_7_wide_xtnd.ttf
Normal file
BIN
docs/common/font/acme_7_wide_xtnd.ttf
Normal file
Binary file not shown.
BIN
docs/common/font/acme_7_wide_xtnd.woff
Normal file
BIN
docs/common/font/acme_7_wide_xtnd.woff
Normal file
Binary file not shown.
BIN
docs/common/img/fb_raylib_logo.png
Normal file
BIN
docs/common/img/fb_raylib_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
docs/common/img/icon_facebook.png
Normal file
BIN
docs/common/img/icon_facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 583 B |
BIN
docs/common/img/icon_freenode_irc.png
Normal file
BIN
docs/common/img/icon_freenode_irc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
docs/common/img/icon_github.png
Normal file
BIN
docs/common/img/icon_github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
docs/common/img/icon_itchio.png
Normal file
BIN
docs/common/img/icon_itchio.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
docs/common/img/icon_patreon.png
Normal file
BIN
docs/common/img/icon_patreon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
docs/common/img/icon_reddit.png
Normal file
BIN
docs/common/img/icon_reddit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
docs/common/img/icon_twitch.png
Normal file
BIN
docs/common/img/icon_twitch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
docs/common/img/icon_twitter.png
Normal file
BIN
docs/common/img/icon_twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 856 B |
BIN
docs/common/img/ln_raylib_logo.png
Normal file
BIN
docs/common/img/ln_raylib_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
docs/common/img/raylib_logo.png
Normal file
BIN
docs/common/img/raylib_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
docs/common/img/raylib_logo_64x64.png
Normal file
BIN
docs/common/img/raylib_logo_64x64.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
144
docs/common/js/examples.js
Normal file
144
docs/common/js/examples.js
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
// Init fancybox
|
||||
$('.fancybox').fancybox();
|
||||
|
||||
var exampleName = [
|
||||
'core_basic_window',
|
||||
'core_input_keys',
|
||||
'core_input_mouse',
|
||||
'core_mouse_wheel',
|
||||
'core_input_gamepad',
|
||||
'core_random_values',
|
||||
'core_color_select',
|
||||
'core_drop_files',
|
||||
'core_storage_values',
|
||||
'core_gestures_detection',
|
||||
'core_3d_mode',
|
||||
'core_3d_picking',
|
||||
'core_3d_camera_free',
|
||||
'core_3d_camera_first_person',
|
||||
'core_2d_camera',
|
||||
'core_world_screen',
|
||||
'core_oculus_rift',
|
||||
'shapes_logo_raylib',
|
||||
'shapes_basic_shapes',
|
||||
'shapes_colors_palette',
|
||||
'shapes_logo_raylib_anim',
|
||||
'textures_logo_raylib',
|
||||
'textures_image_loading',
|
||||
'textures_rectangle',
|
||||
'textures_srcrec_dstrec',
|
||||
'textures_to_image',
|
||||
'textures_raw_data',
|
||||
'textures_formats_loading',
|
||||
'textures_particles_trail_blending',
|
||||
'textures_image_processing',
|
||||
'textures_image_drawing',
|
||||
'text_sprite_fonts',
|
||||
'text_bmfont_ttf',
|
||||
'text_rbmf_fonts',
|
||||
'text_format_text',
|
||||
'text_font_select',
|
||||
'text_writing_anim',
|
||||
'text_ttf_loading',
|
||||
'text_bmfont_unordered',
|
||||
'models_geometric_shapes',
|
||||
'models_box_collisions',
|
||||
'models_billboard',
|
||||
'models_obj_loading',
|
||||
'models_heightmap',
|
||||
'models_cubicmap',
|
||||
'shaders_model_shader',
|
||||
'shaders_shapes_textures',
|
||||
'shaders_custom_uniform',
|
||||
'shaders_postprocessing',
|
||||
'shaders_standard_lighting',
|
||||
'audio_sound_loading',
|
||||
'audio_music_stream',
|
||||
'audio_module_playing',
|
||||
'audio_raw_stream'];
|
||||
|
||||
var exampleDesc = [
|
||||
'basic window',
|
||||
'input keys',
|
||||
'input mouse',
|
||||
'mouse wheel',
|
||||
'input gamepad',
|
||||
'random values',
|
||||
'color select',
|
||||
'drop files',
|
||||
'storage values',
|
||||
'gestures detection',
|
||||
'3d mode',
|
||||
'3d picking',
|
||||
'3d camera free',
|
||||
'3d camera first person',
|
||||
'2d camera',
|
||||
'world screen',
|
||||
'oculus rift',
|
||||
'logo raylib shapes',
|
||||
'basic shapes',
|
||||
'colors palette',
|
||||
'logo raylib anim',
|
||||
'logo raylib texture',
|
||||
'image loading',
|
||||
'texture rectangle',
|
||||
'src-dest. rectangles',
|
||||
'texture to image',
|
||||
'raw data loading',
|
||||
'textures formats loading',
|
||||
'particles trail blending',
|
||||
'image processing',
|
||||
'image drawing',
|
||||
'sprite fonts',
|
||||
'bmfonts ttf',
|
||||
'rbmf fonts',
|
||||
'text formatting',
|
||||
'font selection',
|
||||
'writing animation',
|
||||
'ttf loading',
|
||||
'bmfont unordered',
|
||||
'geometric shapes',
|
||||
'box collisions',
|
||||
'billboard drawing',
|
||||
'obj loading',
|
||||
'heightmap loading',
|
||||
'cubesmap loading',
|
||||
'model shader',
|
||||
'shapes textures shader',
|
||||
'custom uniform in shaders',
|
||||
'postprocessing shaders',
|
||||
'standard lighting',
|
||||
'sound loading',
|
||||
'music streaming',
|
||||
'module playing',
|
||||
'raw stream'];
|
||||
|
||||
for (var i = 0; i < exampleName.length; i++)
|
||||
{
|
||||
var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_"));
|
||||
|
||||
$('#container').append(
|
||||
'<div class="mix f' + filterType + '">' +
|
||||
'<a class="fancybox fancybox.iframe" href="examples/web/loader.html?name=' + exampleName[i] + '" title="' + exampleDesc[i] + '">' +
|
||||
'<img width="400" height="225" src="../examples/img/' + exampleName[i] + '.png"><div class="extext"><p>' + exampleDesc[i] + '</p></div></a>' +
|
||||
'</div>');
|
||||
|
||||
$('#container a .extext').hide();
|
||||
}
|
||||
|
||||
// Instantiate MixItUp:
|
||||
$('#container').mixItUp();
|
||||
|
||||
$("#container a").hover(
|
||||
function(){ $(this).find(".extext").show(); },
|
||||
function(){ $(this).find(".extext").hide(); });
|
||||
|
||||
/*
|
||||
$("#container a img").hover(
|
||||
function() { $(this).stop().animate({ opacity:0.6 }, 200, "easeOutQuad" ); },
|
||||
function() { $(this).stop().animate({ opacity:0 }, 200, "easeOutQuad" ); }
|
||||
)
|
||||
*/
|
||||
});
|
||||
109
docs/common/js/games.js
Normal file
109
docs/common/js/games.js
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
// Init fancybox
|
||||
$('.fancybox').fancybox();
|
||||
|
||||
var exampleName = [
|
||||
'sample_arkanoid',
|
||||
'sample_missile_commander',
|
||||
'sample_gorilas',
|
||||
'sample_snake',
|
||||
'sample_asteroids',
|
||||
'sample_asteroids_survival',
|
||||
'sample_pang',
|
||||
'sample_space_invaders',
|
||||
'sample_floppy',
|
||||
'sample_tetris',
|
||||
'sample_gold_fever',
|
||||
'sample_doom',
|
||||
'game_raylib_features',
|
||||
'game_drturtle',
|
||||
'game_just_do',
|
||||
'game_skully_escape',
|
||||
'game_koala_seasons',
|
||||
'game_light_my_ritual',
|
||||
'user_raymario',
|
||||
'user_crazyball',
|
||||
'user_tictactoe',
|
||||
'user_super_red_rope',
|
||||
'user_taptojamp',
|
||||
'user_funwithsat'];
|
||||
|
||||
var exampleDesc = [
|
||||
'arkanoid',
|
||||
'missile commander',
|
||||
'gorilas',
|
||||
'snake',
|
||||
'asteroids',
|
||||
'asteroids survival',
|
||||
'pang',
|
||||
'space invaders',
|
||||
'floppy',
|
||||
'tetris',
|
||||
'gold fever',
|
||||
'doom',
|
||||
'raylib Features DEMO',
|
||||
'Dr Turtle & Mr Gamera',
|
||||
'JUST DO',
|
||||
'Skully Escape',
|
||||
'Koala Seasons',
|
||||
'LIGHT MY RITUAL',
|
||||
'RayMario (Victor Fisac)',
|
||||
'CrazyBall (Victor Fisac)',
|
||||
'Tic-Tac-Toe (LelixSuper)',
|
||||
'Super Red Rope Puzzles (Kurnic)',
|
||||
'TapToJAmp (MarcMDE)',
|
||||
'FunWithSATCollisions (MarcMDE)'];
|
||||
|
||||
for (var i = 0; i < exampleName.length; i++)
|
||||
{
|
||||
var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_"));
|
||||
|
||||
var linkTag;
|
||||
|
||||
if (filterType == 'sample') linkTag = '<a class="fancybox fancybox.iframe" href="games/loader.html?name=' + exampleName[i] + '" title="' + exampleDesc[i] + '">';
|
||||
else if (filterType == 'game') linkTag = '<a target="_blank" href="games/' + exampleName[i].substring(5) + '.html" title="' + exampleDesc[i] + '">';
|
||||
else if (filterType == 'user')
|
||||
{
|
||||
switch (exampleName[i])
|
||||
{
|
||||
case 'user_raymario': linkTag = '<a target="_blank" href="https://github.com/victorfisac/RayMario" title="' + exampleDesc[i] + '">'; break;
|
||||
case 'user_crazyball': linkTag = '<a target="_blank" href="https://github.com/victorfisac/CrazyBall" title="' + exampleDesc[i] + '">'; break;
|
||||
case 'user_tictactoe': linkTag = '<a target="_blank" href="https://github.com/LelixSuper/TicTacToe" title="' + exampleDesc[i] + '">'; break;
|
||||
case 'user_super_red_rope': linkTag = '<a target="_blank" href="https://kurnic.itch.io/super-red-rope-puzzles" title="' + exampleDesc[i] + '">'; break;
|
||||
case 'user_taptojamp': linkTag = '<a target="_blank" href="http://marcmde.github.io/TapToJAmp_v2_0/" title="' + exampleDesc[i] + '">'; break;
|
||||
case 'user_funwithsat': linkTag = '<a target="_blank" href="http://marcmde.github.io/FunWithSATCollisions_v_1_0_Browser/" title="' + exampleDesc[i] + '">'; break;
|
||||
default: break;
|
||||
}
|
||||
/*
|
||||
https://github.com/MarcMDE/TapToJump //http://marcmde.github.io/TapToJump_v1_0_Browser/
|
||||
https://github.com/MarcMDE/TapToJAmp //http://marcmde.github.io/TapToJAmp_v2_0/
|
||||
https://github.com/MarcMDE/FunWithSATCollisions //http://marcmde.github.io/FunWithSATCollisions_v_1_0_Browser/
|
||||
https://kurnic.wordpress.com/portfolio/flappy-jetpack/
|
||||
*/
|
||||
}
|
||||
|
||||
if (exampleName[i] == 'game_koala_seasons') linkTag = '<a target="_blank" href="http://www.koalaseasons.com" title="' + exampleDesc[i] + '">';
|
||||
|
||||
$('#container').append(
|
||||
'<div class="mix f' + filterType + '">' + linkTag +
|
||||
'<img width="400" height="225" src="../games/img/' + exampleName[i] + '.png"><div class="extext"><p>' + exampleDesc[i] + '</p></div></a>' +
|
||||
'</div>');
|
||||
|
||||
$('#container a .extext').hide();
|
||||
}
|
||||
|
||||
// Instantiate MixItUp:
|
||||
$('#container').mixItUp();
|
||||
|
||||
$("#container a").hover(
|
||||
function(){ $(this).find(".extext").show(); },
|
||||
function(){ $(this).find(".extext").hide(); });
|
||||
|
||||
/*
|
||||
$("#container a img").hover(
|
||||
function() { $(this).stop().animate({ opacity:0.6 }, 200, "easeOutQuad" ); },
|
||||
function() { $(this).stop().animate({ opacity:0 }, 200, "easeOutQuad" ); }
|
||||
)
|
||||
*/
|
||||
});
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue