diff options
Diffstat (limited to 'docs/common/js')
| -rw-r--r-- | docs/common/js/examples.js | 144 | ||||
| -rw-r--r-- | docs/common/js/games.js | 109 |
2 files changed, 253 insertions, 0 deletions
diff --git a/docs/common/js/examples.js b/docs/common/js/examples.js new file mode 100644 index 00000000..d25cbf9b --- /dev/null +++ b/docs/common/js/examples.js @@ -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" ); } + ) +*/ +});
\ No newline at end of file diff --git a/docs/common/js/games.js b/docs/common/js/games.js new file mode 100644 index 00000000..659c2a1a --- /dev/null +++ b/docs/common/js/games.js @@ -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" ); } + ) +*/ +});
\ No newline at end of file |
