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
|
$(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_vr_simulator',
'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_image_processing',
'textures_image_drawing',
'text_sprite_fonts',
'text_bmfont_ttf',
'text_rbmf_fonts',
'text_format_text',
'text_writing_anim',
'text_ttf_loading',
'text_bmfont_unordered',
'models_geometric_shapes',
'models_box_collisions',
'models_billboard',
'models_obj_loading',
'models_heightmap',
'models_cubicmap',
'models_ray_picking',
'shaders_model_shader',
'shaders_shapes_textures',
'shaders_custom_uniform',
'shaders_postprocessing',
'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',
'vr simulator',
'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',
'image processing',
'image drawing',
'sprite fonts',
'bmfonts ttf',
'rbmf fonts',
'text formatting',
'writing animation',
'ttf loading',
'bmfont unordered',
'geometric shapes',
'box collisions',
'billboard drawing',
'obj loading',
'heightmap loading',
'cubesmap loading',
'mesh ray picking',
'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=' + filterType + '/' + exampleName[i] + '" title="' + exampleDesc[i] + '">' +
'<img width="400" height="225" src="../examples/img/' + filterType + '/' + 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" ); }
)
*/
});
|
