// 2d demo: window, audio, camera, font, tiled, render, fx, spritesheet, input, ui. @todo: spine // - rlyeh, public domain. // // Compile with: // `make demos\01-demo2d.c` (windows) // `sh MAKE.bat demos/01-demo2d.c` (linux, osx) #include "v4k.h" void demo_kids(vec3 offs) { // init static texture_t kids; do_once kids = texture( "spriteSheetExample.png", TEXTURE_LINEAR ); static vec3 pos[2] = {{490,362},{442,362}}, vel[2] = {0}; static int row[2] = {0,3}, frame[2] = {0}; static int inputs[2][4] = {{KEY_W,KEY_A,KEY_S,KEY_D},{KEY_UP,KEY_LEFT,KEY_DOWN,KEY_RIGHT}}; // move for( int i = 0; i < countof(pos); ++i ) { vel[i].x = input(inputs[i][3]) - input(inputs[i][1]); vel[i].y = input(inputs[i][2]) - input(inputs[i][0]); pos[i].x = fmod(pos[i].x + vel[i].x, window_width() + 128); pos[i].y = fmod(pos[i].y + vel[i].y, window_height() + 128); frame[i] += vel[i].x || vel[i].y; } // render for( int i = 0; i < countof(pos); ++i ) { int col = frame[i] / 10, num_frame = row[i] * 4 + col % 4; // 4x4 tilesheet float position[3] = {pos[i].x,pos[i].y,pos[i].y}, offset[2]={0,0}, scale[2]={0.5,0.5}; float spritesheet[3]={num_frame,4,4}; sprite_sheet(kids, spritesheet, // num_frame in a 4x4 spritesheet position, 0, // position(x,y,depth:sort-by-Y), angle offset, scale, // offset(x,y), scale(x,y) false, WHITE, false // is_additive, tint color, resolution-independent ); } } void demo_hud() { // draw pixel-art hud, 16x16 ui element, scaled and positioned in resolution-independant way static texture_t inputs; do_once inputs = texture( "prompts_tilemap_34x24_16x16x1.png", TEXTURE_LINEAR ); float spritesheet[3] = {17,34,24}, offset[2] = {0, - 2*absf(sin(window_time()*5))}; // sprite cell and animation float scale[2] = {3, 3}, tile_w = 16 * scale[0], tile_h = 16 * scale[1]; // scaling float position[3] = {window_width() - tile_w, window_height() - tile_h, window_height() }; // position in screen-coordinates (x,y,z-index) sprite_sheet(inputs, spritesheet, position, 0/*deg*/, offset, scale, false, WHITE, 1); } int main() { // window (80% sized, MSAA x4 flag) window_create(80.0, WINDOW_MSAA4); window_title(__FILE__); // tiled map tiled_t tmx = tiled(vfs_read("castle.tmx")); // tmx.parallax = true; // spine model //spine_t *spn = spine("goblins.json", "goblins.atlas", 0); // camera 2d camera_t cam = camera(); cam.position = vec3(window_width()/2, window_height()/2, 3); // at(CX,CY) zoom(x3) camera_enable(&cam); // audio (both clips & streams) audio_t clip1 = audio_clip( "coin.wav" ); audio_t clip2 = audio_clip( "pew.sfxr" ); audio_t stream1 = audio_stream( "larry.mid" ); audio_t stream2 = audio_stream( "waterworld-map.fur" ); audio_t BGM = stream1; audio_play(BGM, 0); // font config: faces (6 max) and colors (10 max) #define FONT_CJK FONT_FACE3 #define FONT_YELLOW FONT_COLOR2 #define FONT_LIME FONT_COLOR3 font_face(FONT_CJK, "mplus-1p-medium.ttf", 48.f, FONT_JP|FONT_2048); // CJK|FONT_2048|FONT_OVERSAMPLE_Y); font_color(FONT_YELLOW, RGB4(255,255,0,255)); font_color(FONT_LIME, RGB4(128,255,0,255)); // fx: load all post fx files in all subdirs. enable a few filters by default fx_load("fx**.fs"); fx_enable(fx_find("fxCRT2.fs"), 1); fx_enable(fx_find("fxGrain.fs"), 1); fx_enable(fx_find("fxContrast.fs"), 1); fx_enable(fx_find("fxVignette.fs"), 1); // demo loop while (window_swap() && !input_down(KEY_ESC)) { // handle input if( input_down(KEY_F5) ) window_reload(); if( input_down(KEY_F11) ) window_fullscreen( !window_has_fullscreen() ); // camera panning (x,y) & zooming (z) if( !ui_hover() && !ui_active() ) { if( input(MOUSE_L) ) cam.position.x += input_diff(MOUSE_X); if( input(MOUSE_L) ) cam.position.y += input_diff(MOUSE_Y); cam.position.z += input_diff(MOUSE_W) * 0.1; } // apply post-fxs from here fx_begin(); profile("Rendering") { vec3 center = add3(cam.position,vec3(-window_width()/1,-window_height()/2,0)); // render tiled map tiled_render(tmx, center); // demo_kids(vec3(0,0,1)); demo_hud(); // render spine model // spine_animate(spn, !window_has_pause() * window_delta()); // spine_render(spn, vec3(cam.position.x, cam.position.y, 1), true ); // sprite_flush(); } // subtitle sample font_print( FONT_BOTTOM FONT_CENTER FONT_CJK FONT_H1 FONT_YELLOW "私はガラスを食べられます。" FONT_LIME "それは私を傷つけません。\n" ); // post-fxs end here fx_end(); // ui if( ui_panel("Audio", 0)) { static float bgm = 1, sfx = 1, master = 1; if( ui_slider2("BGM", &bgm, va("%.2f", bgm))) audio_volume_stream(bgm); if( ui_slider2("SFX", &sfx, va("%.2f", sfx))) audio_volume_clip(sfx); if( ui_slider2("Master", &master, va("%.2f", master))) audio_volume_master(master); if( ui_label2_toolbar("BGM: Track #1", ICON_MD_VOLUME_UP)) audio_stop(BGM), audio_play(BGM = stream1, AUDIO_SINGLE_INSTANCE); if( ui_label2_toolbar("BGM: Track #2", ICON_MD_VOLUME_UP)) audio_stop(BGM), audio_play(BGM = stream2, AUDIO_SINGLE_INSTANCE); if( ui_label2_toolbar("SFX: Coin", ICON_MD_VOLUME_UP)) audio_play(clip1, 0); if( ui_label2_toolbar("SFX: Pew", ICON_MD_VOLUME_UP)) audio_play(clip2, 0); ui_panel_end(); } if( ui_panel("Tiled", 0)) { ui_float("Zoom in", &cam.position.z); tiled_ui(&tmx); ui_panel_end(); } /*if( ui_panel("Spine", 0)) { spine_ui(spn); ui_panel_end(); }*/ } } // this demo supersedes following old sources: // https://github.com/r-lyeh/V4K/blob/45e34d7890b2b8fe1f4994f4b76e496280d83cb6/demos/00-audio.c // https://github.com/r-lyeh/V4K/blob/45e34d7890b2b8fe1f4994f4b76e496280d83cb6/demos/00-font.c // https://github.com/r-lyeh/V4K/blob/45e34d7890b2b8fe1f4994f4b76e496280d83cb6/demos/00-spine.c // https://github.com/r-lyeh/V4K/blob/45e34d7890b2b8fe1f4994f4b76e496280d83cb6/demos/00-sprite.c // https://github.com/r-lyeh/V4K/blob/45e34d7890b2b8fe1f4994f4b76e496280d83cb6/demos/00-tiled.c // https://github.com/r-lyeh/V4K/blob/45e34d7890b2b8fe1f4994f4b76e496280d83cb6/demos/00-tilemap.c