Basic code for world inspector.

Author: Flone-dnb

CMakeLists.txt

@@ -70,6 +70,7 @@ function(tiny_engine_configure_target TARGET_NAME)
     # Add includes (relative to the target's directory).
     target_include_directories(${TARGET_NAME} SYSTEM PUBLIC "../../ext")
     target_include_directories(${TARGET_NAME} PUBLIC include)
+    target_include_directories(${TARGET_NAME} PRIVATE src)
 
     # Enable ASan.
     if(NOT IS_RELEASE_BUILD AND NOT MSVC AND NOT CMAKE_SIZEOF_VOID_P EQUAL 4 AND NOT ENGINE_DISABLE_ASAN_IN_DEBUG)

src/editor/CMakeLists.txt

@@ -8,8 +8,13 @@ set(PROJECT_SOURCES
     src/main.c
     src/editor.c
     src/editor_camera.c
-    include/editor.h
-    include/editor_camera.h
+    src/editor.h
+    src/editor_camera.h
+    src/ui/editor_ui.c
+    src/ui/editor_ui.h
+    src/ui/theme.h
+    src/ui/world_inspector.c
+    src/ui/world_inspector.h
 )
 
 add_executable(${PROJECT_NAME} ${PROJECT_SOURCES})

src/editor/src/editor.c

@@ -3,6 +3,7 @@
 #include <stdio.h>
 #include <editor_camera.h>
 #include <game/model.h>
+#include <game/camera.h>
 #include <game_manager.h>
 #include <io/log.h>
 #include <misc/memory_usage.h>
@@ -13,6 +14,7 @@
 #include <widget/widget.h>
 #include <window.h>
 #include <world.h>
+#include <ui/editor_ui.h>
 
 struct te_editor {
     // Always valid pointer. Must be destroyed during the editor's destruction.
@@ -24,6 +26,12 @@ struct te_editor {
     // Not NULL if game world exists.
     te_world* game_world;
 
+    // Not NULL if exists.
+    te_world* editor_world;
+
+    // Always valid.
+    te_editor_ui* ui;
+
     // Time (in seconds) since @ref game_world_stats_widget was updated.
     float time_since_stats_update_sec;
 };
@@ -32,8 +40,10 @@ te_editor*
 editor_create() {
     te_editor* editor = malloc(sizeof(te_editor));
     editor->editor_camera = editor_camera_create();
+    editor->ui = editor_ui_create();
     editor->game_world_stats_widget = NULL;
     editor->game_world = NULL;
+    editor->editor_world = NULL;
     editor->time_since_stats_update_sec = 10.0f;
 
     return editor;
@@ -42,19 +52,33 @@ editor_create() {
 void
 editor_destroy(te_editor* editor) {
     editor_camera_destroy(editor->editor_camera);
+    editor_ui_destroy(editor->ui);
 
     free(editor);
 }
 
+static void
+editor_create_editor_world(te_editor* editor, struct te_game_manager* game_manager) {
+    editor->editor_world = game_manager_create_world(game_manager, "editor world");
+
+    // Create a dummy camera to display editor's UI.
+    te_camera* camera = camera_create();
+    world_spawn_camera(editor->editor_world, camera);
+    world_set_active_camera(editor->editor_world, camera);
+
+    ui_spawn(editor->ui, editor->editor_world);
+}
+
 void
 editor_on_game_started(void* game_instance, te_game_manager* game_manager) {
     // Load font.
     te_renderer* renderer = game_manager_get_renderer(game_manager);
     te_font_manager* font_manager = renderer_get_font_manager(renderer);
     font_manager_load_font(font_manager, "engine/font/font.ttf");
 
-    // Create default game world.
+    // Create worlds.
     te_editor* editor = game_instance;
+    editor_create_editor_world(editor, game_manager);
     editor_create_game_world(editor, game_manager);
 }
 

src/editor/include/editor.h src/editor/src/editor.hsrc/editor/include/editor.h renamed to src/editor/src/editor.h

@@ -5,6 +5,7 @@
 #include <game/camera.h>
 #include <math_funcs.h>
 #include <misc/globals.h>
+#include <ui/theme.h>
 #include <world.h>
 
 #define DEFAULT_CAMERA_SPEED 4.0f
@@ -56,8 +57,17 @@ editor_camera_spawn(te_editor_camera* editor_camera, struct te_world* world) {
     camera_set_position(editor_camera->camera, (vec3){0.0f, 2.0f, 4.0f});
     camera_set_rotation(editor_camera->camera, (vec3){0.0f, 0.0f, 0.0f});
 
+    // Spawn.
     world_spawn_camera(world, editor_camera->camera);
     world_set_active_camera(world, editor_camera->camera);
+
+    // Set viewport.
+    vec4 viewport;
+    glm_vec4_copy(
+        (vec4){theme_get_left_panel_width(), 0.0f,
+               1.0f - (theme_get_left_panel_width() + theme_get_right_panel_width()), 1.0f},
+        viewport);
+    camera_set_viewport(editor_camera->camera, viewport);
 }
 
 void

src/editor/src/editor_camera.c

@@ -0,0 +1,59 @@
+#include <ui/editor_ui.h>
+
+#include <world.h>
+#include <ui/theme.h>
+#include <ui/world_inspector.h>
+#include <widget/rect_widget.h>
+#include <widget/widget.h>
+#include <world.h>
+
+struct te_editor_ui {
+    te_world_inspector* world_inspector;
+};
+
+te_editor_ui*
+editor_ui_create(void) {
+    te_editor_ui* ui = malloc(sizeof(te_editor_ui));
+
+    ui->world_inspector = world_inspector_create();
+
+    return ui;
+}
+
+void
+editor_ui_destroy(te_editor_ui* ui) {
+    world_inspector_destroy(ui->world_inspector);
+    free(ui);
+}
+
+void
+ui_spawn(te_editor_ui* ui, te_world* editor_world) {
+    vec4 background_color;
+    theme_get_background_panel_color(background_color);
+
+    // Left panel.
+    te_rect_widget* left_rect = rect_widget_create();
+    {
+        te_widget* widget = rect_widget_get_widget(left_rect);
+        widget_set_relative_position(widget, (vec2){0.0f, 0.0f});
+        widget_set_relative_size(widget, (vec2){theme_get_left_panel_width(), 1.0f});
+    }
+    rect_widget_set_color(left_rect, background_color);
+
+    // Right panel.
+    te_rect_widget* right_rect = rect_widget_create();
+    {
+        te_widget* widget = rect_widget_get_widget(right_rect);
+        widget_set_relative_position(
+            widget, (vec2){1.0f - theme_get_right_panel_width(), 0.0f});
+        widget_set_relative_size(widget, (vec2){theme_get_left_panel_width(), 1.0f});
+    }
+    rect_widget_set_color(right_rect, background_color);
+
+    // Add editor widgets.
+    world_inspector_add(ui->world_inspector, rect_widget_get_widget(left_rect));
+
+    // Spawn.
+    world_spawn_widget(editor_world, rect_widget_get_widget(left_rect));
+    world_spawn_widget(editor_world, rect_widget_get_widget(right_rect));
+}

src/editor/include/editor_camera.h src/editor/src/editor_camera.hsrc/editor/include/editor_camera.h renamed to src/editor/src/editor_camera.h

@@ -0,0 +1,10 @@
+#pragma once
+
+typedef struct te_editor_ui te_editor_ui;
+struct te_world;
+
+te_editor_ui* editor_ui_create(void);
+void editor_ui_destroy(te_editor_ui* ui);
+
+// Creates and spawns editor's UI widgets.
+void ui_spawn(te_editor_ui* ui, struct te_world* editor_world);

src/editor/src/ui/editor_ui.c

@@ -0,0 +1,93 @@
+#pragma once
+
+#include <cglm/vec4.h>
+
+static inline float
+prv_theme_vertical_to_horizontal_ratio(void) {
+    return 0.6f;
+}
+
+// Returns width in range [0.0; 1.0] of the left panel (displays world inspector and filesystem panel).
+static inline float
+theme_get_left_panel_width(void) {
+    return 0.125f;
+}
+
+// Returns width in range [0.0; 1.0] of the right panel (displays object inspector).
+static inline float
+theme_get_right_panel_width(void) {
+    return 0.125f;
+}
+
+static inline void
+theme_get_background_panel_color(vec4 rgba) {
+    glm_vec4_copy((vec4){0.15f, 0.15f, 0.15f, 1.0f}, rgba);
+}
+
+// Returns height in range [0.0; 1.0] (relative to the left panel height) of the world inspector.
+static inline float
+theme_get_world_inspector_height(void) {
+    return 0.7f;
+}
+
+static inline float
+theme_get_text_height(void) {
+    return 0.019f;
+}
+
+static inline float
+theme_get_horizontal_padding(void) {
+    return 0.003f;
+}
+
+static inline float
+theme_get_vertical_padding(void) {
+    return 0.001f;
+}
+
+static inline float
+theme_get_horizontal_padding_in_button(void) {
+    return 0.05f * prv_theme_vertical_to_horizontal_ratio();
+}
+
+static inline float
+theme_get_vertical_padding_in_button(void) {
+    return theme_get_horizontal_padding_in_button() * prv_theme_vertical_to_horizontal_ratio();
+}
+
+static inline float
+theme_get_horizontal_spacing(void) {
+    return 0.002f;
+}
+
+static inline float
+theme_get_vertical_spacing(void) {
+    return theme_get_horizontal_spacing() * prv_theme_vertical_to_horizontal_ratio();
+}
+
+static inline float
+theme_get_button_height(void) {
+    return 0.027f;
+}
+
+static inline void
+theme_get_accent_color(vec4 rgba) {
+    glm_vec4_copy((vec4){0.85f, 0.35f, 0.2f, 1.0f}, rgba);
+}
+
+static inline void
+theme_get_button_color(vec4 rgba) {
+    glm_vec4_copy((vec4){0.225f, 0.225f, 0.225f, 1.0f}, rgba);
+}
+
+static inline void
+theme_get_button_color_hovered(vec4 rgba) {
+    theme_get_button_color(rgba);
+    glm_vec4_adds(rgba, 0.2f, rgba);
+}
+
+static inline void
+theme_get_button_color_pressed(vec4 rgba) {
+    theme_get_button_color(rgba);
+    glm_vec4_adds(rgba, 0.1f, rgba);
+}