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
|
$(document).ready(function() {
// Init fancybox
$('.fancybox').fancybox();
var exampleName = [
'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_3d_camera_mode',
'core_3d_camera_free',
'core_3d_camera_first_person',
'core_3d_picking',
'core_world_screen',
'core_custom_logging',
'core_window_letterbox',
'core_drop_files',
'core_random_values',
'core_storage_values',
'core_vr_simulator',
'core_loading_thread',
'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',
'text_raylib_fonts',
'text_sprite_fonts',
'text_ttf_loading',
'text_bmfont_ttf',
'text_font_sdf',
'text_format_text',
'text_input_box',
'text_writing_anim',
'text_rectangle_bounds',
'text_unicode',
'textures_logo_raylib',
'textures_rectangle',
'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_button',
'textures_sprite_explosion',
'textures_bunnymark',
'models_animation',
'models_billboard',
'models_box_collisions',
'models_cubicmap',
'models_first_person_maze',
'models_geometric_shapes',
'models_material_pbr',
'models_mesh_generation',
'models_mesh_picking',
'models_obj_loading',
'models_obj_viewer',
'models_orthographic_projection',
'models_rlgl_solar_system',
'models_skybox',
'models_yaw_pitch_roll',
'models_heightmap',
'shaders_model_shader',
'shaders_shapes_textures',
'shaders_custom_uniform',
'shaders_postprocessing',
'shaders_palette_switch',
'shaders_raymarching',
'shaders_texture_drawing',
'shaders_texture_waves',
'shaders_julia_set',
'shaders_eratosthenes',
'audio_module_playing',
'audio_music_stream',
'audio_raw_stream',
'audio_sound_loading'];
for (var i = 0; i < exampleName.length; i++)
{
var filterType = exampleName[i].substring(0, exampleName[i].indexOf("_"));
var exampleBase = exampleName[i].slice(exampleName[i].indexOf('_') + 1);
var exampleDesc = exampleBase.replace('_', ' ');
$('#container').append(
'<div class="mix f' + filterType + '">' +
'<a class="fancybox fancybox.iframe" href="examples/web/' + filterType + '/' + 'loader.html?name=' + exampleName[i] + '" title="' + exampleDesc + '">' +
'<img width="400" height="225" src="../examples/web/' + filterType + '/' + exampleName[i] + '.png"><div class="extext"><p>' + exampleDesc + '</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" ); }
)
*/
});
|
