+
+/*
+ * animator->root_co of remote player
+ */
+static void remote_player_position( int id, v3f out_co ){
+ struct skeleton *sk = &localplayer.skeleton;
+ m4x3f *final_mtx = &netplayers.final_mtx[ sk->bone_count*id ];
+ v3_copy( final_mtx[0][3], out_co );
+}
+
+enum remote_player_gui_type {
+ k_remote_player_gui_type_stranger,
+ k_remote_player_gui_type_friend,
+ k_remote_player_gui_type_you,
+};
+
+/*
+ * Given players' root_co, get the screen point where we should draw tag info.
+ */
+static int player_tag_position( m4x4f pv, v3f root_co, ui_point out_point ){
+ v4f wpos;
+ v3_copy( root_co, wpos );
+ wpos[1] += 2.0f;
+ wpos[3] = 1.0f;
+
+ m4x4_mulv( pv, wpos, wpos );
+
+ if( wpos[3] > 0.0f ){
+ v2_muls( wpos, (1.0f/wpos[3]) * 0.5f, wpos );
+ v2_add( wpos, (v2f){ 0.5f, 0.5f }, wpos );
+
+ float k_max = 32000.0f;
+
+ out_point[0] = vg_clampf(wpos[0] * vg.window_x, -k_max, k_max );
+ out_point[1] = vg_clampf((1.0f-wpos[1]) * vg.window_y, -k_max, k_max );
+ return 1;
+ }
+ else
+ return 0;
+}
+
+/*
+ * Draw chat box relative to the root tag position on the screen
+ */
+static void chat_box( ui_point tag_root, f64 time, const char *message ){
+ if( (vg.time_real - time) > 15.0 )
+ return;
+
+ ui_rect wr;
+ wr[2] = ui_text_line_width( message ) + 8;
+ wr[3] = vg_ui.font->glyph_height + 2;
+ wr[0] = tag_root[0]-(wr[2]/2);
+ wr[1] = tag_root[1] - wr[3] - 8;
+
+ ui_fill( wr, ui_opacity( ui_colour(k_ui_bg), 0.23f ) );
+ ui_text( wr, message, 1, k_ui_align_middle_center, 0 );
+}
+
+/*
+ * Draw full imgui for remote player
+ */
+static void remote_player_nametag( ui_point tag_root,
+ struct network_player *player ){
+ vg_ui.font = &vg_ui_font_big;
+
+ ui_rect wr;
+ wr[2] = VG_MAX( ui_text_line_width( player->username ), 140 ) + 8;
+ wr[3] = 32;
+ wr[0] = tag_root[0]-(wr[2]/2);
+ wr[1] = tag_root[1]-(wr[3]/2);
+
+ ui_fill( wr, ui_opacity( ui_colour(k_ui_bg), 0.23f ) );
+ ui_text( wr, player->username, 1, k_ui_align_middle_center, 0 );
+
+ vg_ui.font = &vg_ui_font_small;
+
+ /* medals */
+ int cols = 0;
+ for( int i=0; i<3; i ++ )
+ if( player->medals[i] )
+ cols ++;
+
+ char buf[32];
+ vg_str str;
+
+ if( cols ){
+ f32 w = (f32)wr[2] / (f32)cols;
+ cols = 0;
+
+ for( int i=0; i<3; i ++ ){
+ if( player->medals[i] ){
+ ui_rect col = { wr[0] + (f32)cols*w, wr[1] + wr[3], w,
+ vg_ui.font->glyph_height };
+
+ vg_strnull( &str, buf, 32 );
+ vg_strcatch( &str, (char)k_SRglyph_vg_circle );
+ vg_strcati32( &str, player->medals[i] );
+
+ ui_text( col, buf, 1, k_ui_align_middle_center,
+ ui_colour( (enum ui_scheme_colour[]){
+ k_ui_yellow, k_ui_gray, k_ui_orange }[i] ) );
+
+ cols ++;
+ }
+ }
+ }
+}
+
+static void remote_player_world_gui( m4x4f pv, v3f root_co,
+ struct network_player *player ){
+ ui_point tag_root;
+ if( !player_tag_position( pv, root_co, tag_root ) )
+ return;
+
+ if( player ){
+ remote_player_nametag( tag_root, player );
+ chat_box( tag_root, player->chat_time, player->chat );
+ }
+ else {
+ if( netplayers.chatting )
+ chat_box( tag_root, vg.time_real, netplayers.chat_buffer );
+ else
+ chat_box( tag_root, netplayers.chat_time, netplayers.chat_message );
+ }
+}
+
+static void remote_player_gui_info( ui_rect box,
+ const char *username,
+ const char *activity,
+ enum remote_player_gui_type type,
+ int in_world ){
+
+ f32 opacity = in_world? 0.6f: 0.3f;
+
+ if( type == k_remote_player_gui_type_you )
+ ui_fill( box, ui_opacity( 0xff555555, opacity ) );
+ else
+ ui_fill( box, ui_opacity( 0xff000000, opacity ) );
+
+ if( type == k_remote_player_gui_type_friend )
+ ui_outline( box, -1, ui_opacity( 0xff00c4f0, opacity ), 0 );
+
+ ui_rect top, bottom;
+ ui_split_ratio( box, k_ui_axis_h, 0.6666f, 1, top, bottom );
+
+ u32 fg;
+
+ if( type == k_remote_player_gui_type_friend )
+ fg = ui_colour( k_ui_yellow + (in_world? k_ui_brighter: 0) );
+ else
+ fg = ui_colour( in_world? k_ui_fg: k_ui_fg+4 );
+
+ vg_ui.font = &vg_ui_font_big;
+ ui_text( top, username, 1, k_ui_align_middle_center, fg );
+ vg_ui.font = &vg_ui_font_small;
+
+ ui_text( bottom, activity, 1, k_ui_align_middle_center, fg );
+}
+
+static void remote_players_imgui_lobby(void){
+ if( network_client.user_intent == k_server_intent_online ){
+ if( !(steam_ready &&
+ (network_client.state == k_ESteamNetworkingConnectionState_Connected)))
+ {
+ return;
+ }
+ }
+
+ ui_px y = 50, width = 200, height = 42, gap = 2,
+ x = vg.window_x - width;
+
+ vg_ui.font = &vg_ui_font_big;
+ ui_text( (ui_rect){ x, 0, width, height },
+ "In World", 1, k_ui_align_middle_center, 0 );
+ vg_ui.font = &vg_ui_font_small;
+
+
+ ui_rect us = { x, y, width, height };
+ /* FIXME: your location */
+ remote_player_gui_info( us, steam_username_at_startup, "you",
+ k_remote_player_gui_type_you, 1 );
+ y += height + gap;
+
+ for( u32 i=0; i<NETWORK_MAX_PLAYERS; i ++ ){
+ struct network_player *player = &netplayers.list[i];
+ if( !player->active || player->isblocked ) continue;
+
+ int in_same_world = player->active_world == world_current_instance();
+ if( !player->isfriend && !in_same_world )
+ continue;
+
+ const char *location = in_same_world? "": "another world";
+ if( player->region_flags & k_ent_region_flag_hasname ){
+ location = player->region;
+ }
+
+ ui_rect box = { x, y, width, height };
+ remote_player_gui_info( box, player->username, location,
+ player->isfriend, in_same_world );
+ y += height + gap;
+ }
+}
+
+static void remote_players_imgui_world( world_instance *world, m4x4f pv,
+ f32 max_dist, int geo_cull ){
+ ui_flush( k_ui_shader_colour, vg.window_x, vg.window_y );
+
+ for( u32 i=0; i<NETWORK_MAX_PLAYERS; i++ ){
+ struct network_player *player = &netplayers.list[i];
+ if( player->active ){
+ v3f co;
+ remote_player_position( i, co );
+
+ if( !player->active_world )
+ continue;
+ if( !player->isfriend &&
+ (world-world_static.instances == k_world_purpose_hub)) continue;
+
+ /* their in our active subworld */
+ if( player->active_world != world ){
+ m4x3_mulv( global_miniworld.mmdl, co, co );
+ co[1] -= 2.0f; /* HACK lol */
+ }
+
+ f32 d2 = v3_dist2( co, localplayer.rb.co );
+
+ if( d2 > (max_dist*max_dist) )
+ continue;
+
+ f32 dist = sqrtf(d2);
+ f32 opacity = 0.95f * sqrtf(((max_dist-dist)/max_dist));
+
+ if( geo_cull ){
+ ray_hit hit;
+ hit.dist = dist;
+
+ v3f dir;
+ v3_sub( co, skaterift.cam.pos, dir );
+ v3_normalize( dir );
+
+ if( ray_world( world, skaterift.cam.pos, dir, &hit,
+ k_material_flag_ghosts ) ){
+ opacity *= 0.5f;
+ }
+ }
+
+ player->opacity = vg_lerpf( player->opacity, opacity,
+ vg.time_frame_delta * 2.0f );
+
+ remote_player_world_gui( pv, co, player );
+
+ vg_ui.colour[3] = player->opacity;
+ ui_flush( k_ui_shader_colour, vg.window_x, vg.window_y );
+ }
+ }
+
+ vg_ui.colour[3] = 1.0f;
+
+ remote_player_world_gui( pv, localplayer.rb.co, NULL );
+ ui_flush( k_ui_shader_colour, vg.window_x, vg.window_y );
+}
+
+static void chat_escape(void){
+ netplayers.chatting = -1;
+}
+
+static void chat_enter( char *buf, u32 len ){
+ vg_strncpy( buf, netplayers.chat_message, NETWORK_MAX_CHAT,
+ k_strncpy_always_add_null );
+ netplayers.chatting = -1;
+ netplayers.chat_time = vg.time_real;
+ chat_send_message( buf );
+}
+
+static void remote_players_chat_imgui(void){
+ if( netplayers.chatting == 1 ){
+ ui_rect box = { 0, 0, 400, 40 },
+ window = { 0, 0, vg.window_x, vg.window_y };
+ ui_rect_center( window, box );
+
+ struct ui_textbox_callbacks callbacks = {
+ .enter = chat_enter,
+ .escape = chat_escape
+ };
+
+ ui_textbox( box, NULL,
+ netplayers.chat_buffer, NETWORK_MAX_CHAT, 1,
+ UI_TEXTBOX_AUTOFOCUS, &callbacks );
+ }
+ else {
+ if( netplayers.chatting == -1 ){
+ netplayers.chatting = 0;
+ srinput.state = k_input_state_resume;
+ }
+ else {
+ if( (skaterift.activity == k_skaterift_default) &&
+ button_down( k_srbind_chat ) ){
+ netplayers.chatting = 1;
+ netplayers.chat_buffer[0] = '\0';
+ srinput.state = k_input_state_pause;
+ }
+ }
+ }
+}