summaryrefslogtreecommitdiffhomepage
path: root/common/examples.js
blob: 535a6410d073bdcf27bf83929acad77946ccbdd0 (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
$(document).ready(function() {

    // Init fancybox
    $('.fancybox').fancybox();

    var exampleData = [
        '⭐️☆☆☆#core_basic_window', 
        '⭐️☆☆☆#core_input_keys', 
        '⭐️☆☆☆#core_input_mouse', 
        '⭐️☆☆☆#core_input_mouse_wheel', 
        '⭐️☆☆☆#core_input_gamepad', 
        '⭐️☆☆☆#core_input_multitouch', 
        '⭐️⭐️☆☆#core_input_gestures', 
        '⭐️⭐️☆☆#core_2d_camera', 
        '⭐️⭐️☆☆#core_2d_camera_mouse_zoom', 
        '⭐️⭐️⭐️☆#core_2d_camera_platformer', 
        '⭐️☆☆☆#core_3d_camera_mode', 
        '⭐️☆☆☆#core_3d_camera_free', 
        '⭐️⭐️☆☆#core_3d_camera_first_person', 
        '⭐️⭐️☆☆#core_3d_picking', 
        '⭐️⭐️☆☆#core_world_screen', 
        '⭐️⭐️⭐️☆#core_custom_logging', 
        '⭐️⭐️⭐️☆#core_window_flags', 
        '⭐️⭐️☆☆#core_window_letterbox', 
        '⭐️☆☆☆#core_window_should_close', 
        '⭐️⭐️☆☆#core_drop_files', 
        '⭐️☆☆☆#core_random_values', 
        '⭐️⭐️☆☆#core_storage_values', 
        '⭐️⭐️⭐️☆#core_vr_simulator', 
        '⭐️⭐️⭐️☆#core_loading_thread', 
        '⭐️☆☆☆#core_scissor_test', 
        '⭐️☆☆☆#core_basic_screen_manager', 
        '⭐️⭐️⭐️⭐️#core_custom_frame_control', 
        '⭐️⭐️⭐️☆#core_smooth_pixelperfect', 
        '⭐️⭐️⭐️⭐️#core_split_screen',
        '⭐️☆☆☆#shapes_basic_shapes', 
        '⭐️☆☆☆#shapes_bouncing_ball', 
        '⭐️⭐️☆☆#shapes_colors_palette', 
        '⭐️☆☆☆#shapes_logo_raylib', 
        '⭐️⭐️☆☆#shapes_logo_raylib_anim', 
        '⭐️⭐️☆☆#shapes_rectangle_scaling', 
        '⭐️☆☆☆#shapes_lines_bezier', 
        '⭐️⭐️☆☆#shapes_collision_area', 
        '⭐️⭐️☆☆#shapes_following_eyes', 
        '⭐️⭐️☆☆#shapes_easings_ball_anim', 
        '⭐️⭐️☆☆#shapes_easings_box_anim', 
        '⭐️⭐️⭐️☆#shapes_easings_rectangle_array', 
        '⭐️⭐️⭐️☆#shapes_draw_ring', 
        '⭐️⭐️⭐️☆#shapes_draw_circle_sector', 
        '⭐️⭐️⭐️☆#shapes_draw_rectangle_rounded', 
        '⭐️⭐️⭐️⭐️#shapes_top_down_lights', 
        '⭐️☆☆☆#textures_logo_raylib', 
        '⭐️⭐️⭐️☆#textures_srcrec_dstrec', 
        '⭐️⭐️☆☆#textures_image_drawing', 
        '⭐️⭐️☆☆#textures_image_generation', 
        '⭐️☆☆☆#textures_image_loading', 
        '⭐️⭐️⭐️☆#textures_image_processing', 
        '⭐️⭐️☆☆#textures_image_text', 
        '⭐️☆☆☆#textures_to_image', 
        '⭐️⭐️⭐️☆#textures_raw_data', 
        '⭐️☆☆☆#textures_particles_blending', 
        '⭐️⭐️⭐️☆#textures_npatch_drawing', 
        '⭐️☆☆☆#textures_background_scrolling', 
        '⭐️⭐️☆☆#textures_sprite_anim', 
        '⭐️⭐️☆☆#textures_sprite_button', 
        '⭐️⭐️☆☆#textures_sprite_explosion', 
        '⭐️⭐️⭐️☆#textures_bunnymark', 
        '⭐️⭐️⭐️☆#textures_mouse_painting', 
        '⭐️☆☆☆#textures_blend_modes', 
        '⭐️⭐️⭐️☆#textures_draw_tiled', 
        '⭐️☆☆☆#textures_polygon', 
        '⭐️⭐️⭐️☆#textures_fog_of_war', 
        '⭐️⭐️⭐️☆#textures_gif_player', 
        '⭐️☆☆☆#text_raylib_fonts', 
        '⭐️☆☆☆#text_font_spritefont', 
        '⭐️⭐️☆☆#text_font_filters', 
        '⭐️☆☆☆#text_font_loading', 
        '⭐️⭐️⭐️☆#text_font_sdf', 
        '⭐️☆☆☆#text_format_text', 
        '⭐️⭐️☆☆#text_input_box', 
        '⭐️⭐️☆☆#text_writing_anim', 
        '⭐️⭐️⭐️⭐️#text_rectangle_bounds', 
        '⭐️⭐️⭐️⭐️#text_unicode', 
        '⭐️⭐️⭐️⭐️#text_draw_3d', 
        '⭐️⭐️⭐️☆#text_codepoints_loading', 
        '⭐️⭐️☆☆#models_animation', 
        '⭐️⭐️⭐️☆#models_billboard', 
        '⭐️☆☆☆#models_box_collisions', 
        '⭐️⭐️☆☆#models_cubicmap', 
        '⭐️⭐️☆☆#models_first_person_maze', 
        '⭐️☆☆☆#models_geometric_shapes', 
        '⭐️⭐️☆☆#models_mesh_generation', 
        '⭐️⭐️⭐️☆#models_mesh_picking', 
        '⭐️☆☆☆#models_loading', 
        '⭐️☆☆☆#models_loading_gltf', 
        '⭐️☆☆☆#models_loading_vox', 
        '⭐️☆☆☆#models_orthographic_projection', 
        '⭐️⭐️⭐️⭐️#models_rlgl_solar_system', 
        '⭐️⭐️☆☆#models_yaw_pitch_roll', 
        '⭐️⭐️⭐️☆#models_waving_cubes', 
        '⭐️☆☆☆#models_heightmap', 
        '⭐️⭐️☆☆#models_skybox', 
        '⭐️⭐️⭐️⭐️#shaders_basic_lighting', 
        '⭐️⭐️☆☆#shaders_model_shader', 
        '⭐️⭐️☆☆#shaders_shapes_textures', 
        '⭐️⭐️☆☆#shaders_custom_uniform', 
        '⭐️⭐️⭐️☆#shaders_postprocessing', 
        '⭐️⭐️⭐️☆#shaders_palette_switch', 
        '⭐️⭐️⭐️⭐️#shaders_raymarching', 
        '⭐️⭐️☆☆#shaders_texture_drawing', 
        '⭐️⭐️⭐️☆#shaders_texture_outline', 
        '⭐️⭐️☆☆#shaders_texture_waves', 
        '⭐️⭐️⭐️☆#shaders_julia_set', 
        '⭐️⭐️⭐️☆#shaders_eratosthenes', 
        '⭐️⭐️⭐️☆#shaders_fog', 
        '⭐️⭐️☆☆#shaders_simple_mask', 
        '⭐️⭐️⭐️☆#shaders_hot_reloading', 
        '⭐️⭐️⭐️⭐️#shaders_mesh_instancing', 
        '⭐️⭐️☆☆#shaders_multi_sample2d', 
        '⭐️⭐️☆☆#shaders_spotlight', 
        '⭐️☆☆☆#audio_module_playing', 
        '⭐️☆☆☆#audio_music_stream', 
        '⭐️⭐️⭐️☆#audio_raw_stream', 
        '⭐️☆☆☆#audio_sound_loading', 
        '⭐️☆☆☆#audio_multichannel_sound'];  

    for (var i = 0; i < exampleData.length; i++)
    {
        var difficulty = exampleData[i].substring(0, exampleData[i].indexOf('#'));
        var exampleName = exampleData[i].substring(exampleData[i].indexOf('#') + 1);
        var exampleBase = exampleName.slice(exampleName.indexOf('_') + 1);
        var exampleDesc = exampleBase.replace('_', ' ');
        var filterType = exampleName.substring(0, exampleName.indexOf("_"));

        $('#container').append(
            '<div class="mix f' + filterType + '">' +
                '<a class="fancybox fancybox.iframe" href="examples/' + filterType + '/' + 'loader.html?name=' + exampleName + '" title="' + exampleDesc + '">' +
                '<img width="400" height="225" src="https://raw.githubusercontent.com/raysan5/raylib/master/examples/' + filterType + '/' + exampleName + '.png"><div class="extext"><p>' + exampleDesc + '</p></div></a>' +
                '<div id="difficulty_level">' + difficulty + '</div>' +
            '</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" ); }
    )
*/
});