fp: Add camera shake

.gitignore

@@ -1,3 +1,4 @@
 Build/
 Nocheckin/
 feely_pona_build.exe
+feely_pona_version.txt

build.bat

@@ -6,7 +6,13 @@ set script_dir=%script_dir_backslash:~0,-1%
 set build_dir=%script_dir%\Build
 set code_dir=%script_dir%
 
+REM Bootstrap a version
+git show -s --date=format:%%Y-%%m-%%d --format=%%cd HEAD> feely_pona_version.txt
+git rev-parse --short=8 HEAD>> feely_pona_version.txt
+git rev-list --count HEAD>> feely_pona_version.txt
+
 REM Bootstrap the build program
+mkdir %build_dir% 2>nul
 pushd %build_dir%
 cl /nologo /Z7 /W4 %code_dir%\feely_pona_build.cpp || exit /B 1
 copy feely_pona_build.exe %code_dir% 1>nul

feely_pona.cpp

@@ -309,7 +309,7 @@ static void FP_PlayReset(FP_Game *game, TELY_Platform *platform)
 
     play->root_entity      = Dqn_VArray_Make(&play->entities, Dqn_ZeroMem_No);
     Dqn_FArray_Add(&play->parent_entity_stack, play->root_entity->handle);
-    Dqn_PCG32_Seed(&play->rng, 0xABCDEF);
+    Dqn_PCG32_Seed(&play->rng, platform->core.epoch_time);
 
     // NOTE: Map ===================================================================================
     {
@@ -480,7 +480,7 @@ static void FP_PlayReset(FP_Game *game, TELY_Platform *platform)
     FP_Entity_CreateBillboard(game, Dqn_V2_InitNx2(1898,  771),  FP_EntityBillboardState_Strafe,      "Strafe Billboard");
 
     // NOTE: Camera ================================================================================
-    play->camera.world_pos = base_mid_p - Dqn_V2_InitV2I(platform->core.window_size * .5f);
+    play->camera.world_pos = {};
     play->camera.scale     = Dqn_V2_InitNx1(1);
     play->camera.size      = Dqn_V2_InitNx2(1826, 1046);
 }
@@ -496,7 +496,7 @@ void TELY_DLL_Reload(void *user_data)
 {
     TELY_Platform *platform = DQN_CAST(TELY_Platform *)user_data;
     Dqn_Library_SetPointer(platform->core.dqn_lib);
-
+    platform->func_set_window_title(DQN_STRING8("Terry Cherry"));
 }
 
 FP_DLL_FUNCTION
@@ -1996,7 +1996,25 @@ void FP_Update(TELY_Platform *platform, FP_Game *game, TELY_PlatformInput *input
 
                 if (entity->flags & FP_GameEntityFlag_CameraTracking) {
                     FP_GameCamera *camera    = &game->play.camera;
-                    camera->world_pos     = FP_Game_CalcEntityWorldPos(game, entity->handle) * camera->scale;
+
+                    // NOTE: calculate camera position based on camera shake
+                    Dqn_V2 camera_position = camera->world_pos;
+                    if (camera->shake_duration > 0) {
+                        Dqn_f32 offset_x = (Dqn_PCG32_NextF32(&game->play.rng) * 1000 - 500) * camera->shake_intensity;
+                        Dqn_f32 offset_y = (Dqn_PCG32_NextF32(&game->play.rng) * 1000 - 500) * camera->shake_intensity;
+
+                        camera_position.x += offset_x;
+                        camera_position.y += offset_y;
+
+                        camera->shake_duration -= input->delta_s;
+                    }
+
+                    Dqn_f64 camera_smoothing = 5.0f;
+
+                    camera->world_pos.x += (camera_position.x - camera->world_pos.x) * (camera_smoothing * input->delta_s);
+                    camera->world_pos.y += (camera_position.y - camera->world_pos.y) * (camera_smoothing * input->delta_s);
+
+                    camera->world_pos_target = FP_Game_CalcEntityWorldPos(game, entity->handle) * camera->scale;
                 }
 
                 FP_GamePlaceableBuilding placeable_building = PLACEABLE_BUILDINGS[game->play.build_mode_building_index];
@@ -2245,12 +2263,19 @@ void FP_Update(TELY_Platform *platform, FP_Game *game, TELY_PlatformInput *input
                 }
 
                 defender->hp           = defender->hp >= attacker->base_attack ? defender->hp - attacker->base_attack : 0;
+                defender->hit_on_frame = game->play.update_counter;
+
+                if (game->play.player == defender->handle) {
+                    game->play.camera.shake_intensity = 0.1f;
+                    game->play.camera.shake_duration  = 0.25f;
+                }
+
                 if (defender->hp <= 0) {
                     if (!defender->is_dying) {
                         FP_GameEntity *coin_receiver = FP_Game_GetEntity(game, attacker->projectile_owner);
                         if (FP_Game_IsNilEntity(coin_receiver))
                             coin_receiver = attacker;
-                        coin_receiver->coins += 1;
+                        coin_receiver->coins += 2;
                     }
                     defender->is_dying = true;
                 }
@@ -2290,11 +2315,12 @@ void FP_Update(TELY_Platform *platform, FP_Game *game, TELY_PlatformInput *input
         }
     }
 
+    // NOTE: Camera ================================================================================
+    FP_GamePlay *play     = &game->play;
+    FP_GameCamera *camera = &play->camera;
     if (!FP_Game_IsNilEntityHandle(game, game->play.clicked_entity)) {
         Dqn_V2       window_size  = Dqn_V2_InitV2I(platform->core.window_size);
-        FP_GamePlay *play         = &game->play;
 
-        FP_GameCamera *camera     = &play->camera;
         camera->scale             = window_size / camera->size;
         Dqn_V2 camera_size_screen = camera->size * camera->scale;
 
@@ -2302,12 +2328,13 @@ void FP_Update(TELY_Platform *platform, FP_Game *game, TELY_PlatformInput *input
         Dqn_V2 map_screen_size      = map_world_size * camera->scale;
         Dqn_V2 half_map_screen_size = map_screen_size * .5f;
 
-        camera->world_pos.x = DQN_MIN(camera->world_pos.x,  half_map_screen_size.w - (camera_size_screen.w * .5f));
-        camera->world_pos.x = DQN_MAX(camera->world_pos.x, -half_map_screen_size.w + (camera_size_screen.w * .5f));
-        camera->world_pos.y = DQN_MAX(camera->world_pos.y, -half_map_screen_size.h + (camera_size_screen.h * .5f));
-        camera->world_pos.y = DQN_MIN(camera->world_pos.y,  half_map_screen_size.h - (camera_size_screen.h * .5f));
+        camera->world_pos_target.x = DQN_MIN(camera->world_pos_target.x,  half_map_screen_size.w - (camera_size_screen.w * .5f));
+        camera->world_pos_target.x = DQN_MAX(camera->world_pos_target.x, -half_map_screen_size.w + (camera_size_screen.w * .5f));
+        camera->world_pos_target.y = DQN_MAX(camera->world_pos_target.y, -half_map_screen_size.h + (camera_size_screen.h * .5f));
+        camera->world_pos_target.y = DQN_MIN(camera->world_pos_target.y,  half_map_screen_size.h - (camera_size_screen.h * .5f));
     }
 
+    camera->world_pos += (camera->world_pos_target - camera->world_pos) * (5.f * DQN_CAST(Dqn_f32)input->delta_s);
     Dqn_Profiler_EndZone(update_zone);
 }
 
@@ -2431,13 +2458,26 @@ void FP_Render(FP_Game *game, TELY_Platform *platform, TELY_Renderer *renderer,
             if (sprite.flip & TELY_AssetFlip_Y)
                 dest_rect.size.h *= -1.f; // NOTE: Flip the texture vertically
 
+            Dqn_V4 sprite_colour = TELY_COLOUR_WHITE_V4;
+            if (entity->hit_on_frame) {
+                DQN_ASSERT(game->play.update_counter >= entity->hit_on_frame);
+                Dqn_usize       frames_elapsed_since_hit = game->play.update_counter - entity->hit_on_frame;
+                Dqn_usize const HIT_CONFIRM_DURATION     = 8;
+                if (frames_elapsed_since_hit < HIT_CONFIRM_DURATION) {
+                    sprite_colour   = TELY_COLOUR_RED_V4;
+                    sprite_colour.g = ((1.f / HIT_CONFIRM_DURATION) * frames_elapsed_since_hit);
+                    sprite_colour.b = ((1.f / HIT_CONFIRM_DURATION) * frames_elapsed_since_hit);
+                }
+            }
+
+            sprite_colour.a *= entity->action.sprite_alpha;
             TELY_Render_TextureColourV4(renderer,
                                         sprite.sheet->tex_handle,
                                         src_rect,
                                         dest_rect,
                                         Dqn_V2_Zero /*rotate origin*/,
                                         0.f /*rotate radians*/,
-                                        TELY_Colour_V4Alpha(TELY_COLOUR_WHITE_V4, entity->action.sprite_alpha));
+                                        sprite_colour);
 
             if (entity->converted_faction) {
                 Dqn_V2 label_p = Dqn_Rect_InterpolatedPoint(dest_rect, Dqn_V2_InitNx2(0, -0.25f));
@@ -3600,8 +3640,8 @@ void FP_Render(FP_Game *game, TELY_Platform *platform, TELY_Renderer *renderer,
         TELY_Render_TextF(renderer, draw_p, Dqn_V2_Zero, "  F9  %s god mode", game->play.god_mode ? "Disable" : "Enable"); draw_p.y += TELY_Render_FontHeight(renderer, assets);
         TELY_Render_TextF(renderer, draw_p, Dqn_V2_Zero, "  F10 %s noclip", player->flags & FP_GameEntityFlag_NoClip ? "Disable" : "Enable"); draw_p.y += TELY_Render_FontHeight(renderer, assets);
         TELY_Render_TextF(renderer, draw_p, Dqn_V2_Zero, "  F11 Building inventory +1"); draw_p.y += TELY_Render_FontHeight(renderer, assets);
-        TELY_Render_TextF(renderer, draw_p, Dqn_V2_Zero, "  F12 %s by enemies", player->faction == FP_GameEntityFaction_Nil ? "Attacked" : "Ignored"); draw_p.y += TELY_Render_FontHeight(renderer, assets);
         TELY_Render_TextF(renderer, draw_p, Dqn_V2_Zero, "  1   %s HUD", game->play.debug_hide_hud ? "Show" : "Hide"); draw_p.y += TELY_Render_FontHeight(renderer, assets);
+        TELY_Render_TextF(renderer, draw_p, Dqn_V2_Zero, "  2   %s by enemies", player->faction == FP_GameEntityFaction_Nil ? "Attacked" : "Ignored"); draw_p.y += TELY_Render_FontHeight(renderer, assets);
         TELY_Render_PopFont(renderer);
         TELY_Render_PopColourV4(renderer);
 
@@ -3656,14 +3696,15 @@ void FP_Render(FP_Game *game, TELY_Platform *platform, TELY_Renderer *renderer,
             player->inventory.kennels  += 1;
         }
 
-        if (TELY_Platform_InputScanCodeIsPressed(input, TELY_PlatformInputScanCode_F12)) {
+        if (TELY_Platform_InputScanCodeIsPressed(input, TELY_PlatformInputScanCode_1))
+            game->play.debug_hide_hud = !game->play.debug_hide_hud;
+
+        if (TELY_Platform_InputScanCodeIsPressed(input, TELY_PlatformInputScanCode_2)) {
             player->faction = player->faction == FP_GameEntityFaction_Nil
                                   ? FP_GameEntityFaction_Friendly
                                   : FP_GameEntityFaction_Nil;
         }
 
-        if (TELY_Platform_InputScanCodeIsPressed(input, TELY_PlatformInputScanCode_1))
-            game->play.debug_hide_hud = !game->play.debug_hide_hud;
     }
 }
 

feely_pona_build.cpp

@@ -387,6 +387,22 @@ int main(int argc, char const **argv)
     uint64_t feely_pona_emscripten_timings[2] = {};
     if (target_web) {
         Dqn_String8 const raylib_emscripten_lib_name = DQN_STRING8("raylib_emscripten.a");
+        bool debug_build                             = false;
+
+        Dqn_List<Dqn_String8> build_specific_compile_flags = {};
+        if (debug_build) {
+            build_specific_compile_flags = Dqn_List_InitCArrayCopy<Dqn_String8>(scratch.arena, 32, {
+                DQN_STRING8("-s"), DQN_STRING8("ASSERTIONS=2"),
+                DQN_STRING8("-s"), DQN_STRING8("SAFE_HEAP=0"),
+                DQN_STRING8("-s"), DQN_STRING8("STACK_OVERFLOW_CHECK=2"),
+                DQN_STRING8("--profiling-funcs"), // Expose function names in stack trace
+                DQN_STRING8("-g"), // Debug symbols
+            });
+        } else {
+            build_specific_compile_flags = Dqn_List_InitCArrayCopy<Dqn_String8>(scratch.arena, 32, {
+                DQN_STRING8("-Os"), // Optimise for size
+            });
+        }
 
         // NOTE: Compile each raylib file separately with emcc =====================================
         {
@@ -406,8 +422,7 @@ int main(int argc, char const **argv)
                 build_file.input_file_path         = base_file;
                 build_file.output_file_path        = Dqn_String8_InitF(scratch.allocator, "raylib_%.*s_emscripten.o", DQN_STRING_FMT(file_stem));
 
-                raylib_emscripten_build_context.compile_files = Dqn_Slice_InitCArrayCopy(scratch.arena, {build_file});
-                raylib_emscripten_build_context.compile_flags = Dqn_Slice_InitCArrayCopy(scratch.arena, {
+                Dqn_List<Dqn_String8> compile_flags = Dqn_List_InitCArrayCopy(scratch.arena, 32, {
                     DQN_STRING8("cmd"),
                     DQN_STRING8("/C"),
                     DQN_STRING8("emcc.bat"),
@@ -417,6 +432,10 @@ int main(int argc, char const **argv)
                     DQN_STRING8("-D PLATFORM_WEB"),
                     DQN_STRING8("-D GRAPHICS_API_OPENGL_ES2"),
                 });
+                Dqn_List_AddList(&compile_flags, build_specific_compile_flags);
+
+                raylib_emscripten_build_context.compile_files = Dqn_Slice_InitCArrayCopy(scratch.arena, {build_file});
+                raylib_emscripten_build_context.compile_flags = Dqn_List_ToSliceCopy(&compile_flags, scratch.arena);
                 raylib_emscripten_build_context.build_dir = build_dir;
                 Dqn_List_Add(&raylib_emscripten_output_files, build_file.output_file_path);
 
@@ -446,11 +465,53 @@ int main(int argc, char const **argv)
             }
         }
 
-        // NOTE: feely pona emscripten =================================================================
+        // NOTE: feely pona emscripten =============================================================
         {
             feely_pona_emscripten_timings[0]             = Dqn_OS_PerfCounterNow();
             DQN_DEFER { feely_pona_emscripten_timings[1] = Dqn_OS_PerfCounterNow(); };
 
+            // NOTE: feely pona emscripten shell =======================================================
+            Dqn_String8 html_shell_path = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/feely_pona_emscripten_shell.html", DQN_STRING_FMT(build_dir));
+            {
+                Dqn_String8 html_path   = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/feely_pona_emscripten_shell.html", DQN_STRING_FMT(code_dir));
+                Dqn_String8 html_buffer = Dqn_Fs_Read(html_path, scratch.allocator);
+                if (!DQN_CHECKF(html_buffer.size,
+                                "Failed to read Emscripten HTML shell file. The file at\n\n  '%.*s'\n\ndoes not exist or is not readable",
+                                DQN_STRING_FMT(html_path)))
+                    return -1;
+
+                Dqn_String8                 version_path   = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/feely_pona_version.txt", DQN_STRING_FMT(code_dir));
+                Dqn_String8                 version_buffer = Dqn_Fs_Read(version_path, scratch.allocator);
+                Dqn_String8SplitAllocResult version_parts  = Dqn_String8_SplitAlloc(scratch.allocator, version_buffer, DQN_STRING8("\n"));
+
+                if (!DQN_CHECKF(version_parts.size == 3,
+                                "Version file '%.*s' must have 3 lines containing, date, commit hash and number of commits. The buffer we tried extracting information from was\n\n%.*s\n\n",
+                                DQN_STRING_FMT(version_path),
+                                DQN_STRING_FMT(version_buffer))) {
+                    return -1;
+                }
+
+                Dqn_String8 date         = Dqn_String8_TrimWhitespaceAround(version_parts.data[0]);
+                Dqn_String8 commit_hash  = Dqn_String8_TrimWhitespaceAround(version_parts.data[1]);
+                Dqn_String8 commit_count = Dqn_String8_TrimWhitespaceAround(version_parts.data[2]);
+                Dqn_String8 version_text = Dqn_String8_InitF(scratch.allocator,
+                                                             "%.*s edition rev. %.*s-%.*s",
+                                                             DQN_STRING_FMT(date),
+                                                             DQN_STRING_FMT(commit_count),
+                                                             DQN_STRING_FMT(commit_hash));
+
+                Dqn_String8 html_buffer_processed = Dqn_String8_Replace(html_buffer,
+                                                                        DQN_STRING8("@version@"),
+                                                                        version_text,
+                                                                        0 /*start_index*/,
+                                                                        scratch.allocator);
+                if (!DQN_CHECKF(Dqn_Fs_Write(html_shell_path,
+                                            html_buffer_processed),
+                                "Failed to write Emscripten HTML shell with the project version inserted into it. We were unable to write to the target location\n\n  '%.*s'\n",
+                                DQN_STRING_FMT(html_shell_path)))
+                    return -1;
+            }
+
             // NOTE: Compile with emcc =============================================================
             Dqn_CPPBuildContext build_context     = {};
             build_context.compile_file_obj_suffix = DQN_CPP_BUILD_OBJ_SUFFIX_O;
@@ -458,30 +519,24 @@ int main(int argc, char const **argv)
                 Dqn_CPPBuildCompileFile{{}, Dqn_FsPath_ConvertF(scratch.arena, "%.*s/feely_pona_unity_nodll.cpp", DQN_STRING_FMT(code_dir)) },
             });
 
-            Dqn_String8 prefix          = DQN_STRING8("Terry_Cherry");
-            build_context.compile_flags = Dqn_Slice_InitCArrayCopy(scratch.arena, {
+            Dqn_String8 output_name = DQN_STRING8("Terry_Cherry");
+            Dqn_List<Dqn_String8> compile_flags = Dqn_List_InitCArrayCopy(scratch.arena, 32, {
                 DQN_STRING8("cmd"), DQN_STRING8("/C"), DQN_STRING8("emcc.bat"),
-                DQN_STRING8("-o"), Dqn_String8_InitF(scratch.allocator, "%.*s.html", DQN_STRING_FMT(prefix)),
-                DQN_STRING8("-Os"), // Optimize for size
+                DQN_STRING8("-o"), Dqn_String8_InitF(scratch.allocator, "%.*s.html", DQN_STRING_FMT(output_name)),
                 DQN_STRING8("-Wall"),
-                DQN_STRING8("--shell-file"), Dqn_FsPath_ConvertF(scratch.arena, "%.*s/feely_pona_emscripten_shell.html", DQN_STRING_FMT(code_dir)),
+                DQN_STRING8("--shell-file"), html_shell_path,
                 Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s", DQN_STRING_FMT(build_dir), DQN_STRING_FMT(raylib_emscripten_lib_name)),
                 DQN_STRING8("-s"), DQN_STRING8("USE_GLFW=3"),
-                // DQN_STRING8("-s"), DQN_STRING8("ASSERTIONS=2"),
-                // DQN_STRING8("-s"), DQN_STRING8("SAFE_HEAP=0"),
                 DQN_STRING8("-s"), DQN_STRING8("TOTAL_MEMORY=512MB"),
                 DQN_STRING8("-s"), DQN_STRING8("TOTAL_STACK=32MB"),
                 DQN_STRING8("-s"), DQN_STRING8("ALLOW_MEMORY_GROWTH"),
-                // DQN_STRING8("-s"), DQN_STRING8("STACK_OVERFLOW_CHECK=2"),
-                // DQN_STRING8("--profiling-funcs"), // Expose function names in stack trace
-                // DQN_STRING8("-g"), // Debug symbols
-                // NOTE: Must be relative path such that fopen("Data/...") works
-                // otherwise the VFS will encode the full absolute path to the
-                // assets
                 DQN_STRING8("--preload-file"), DQN_STRING8("Data"),
                 DQN_STRING8("-msimd128"),
                 DQN_STRING8("-msse2"),
             });
+            Dqn_List_AddList(&compile_flags, build_specific_compile_flags);
+
+            build_context.compile_flags = Dqn_List_ToSliceCopy(&compile_flags, scratch.arena);
             build_context.build_dir     = build_dir;
 
             if (dry_run) {
@@ -492,7 +547,7 @@ int main(int argc, char const **argv)
             }
 
             // NOTE: Move the files to a directory
-            Dqn_String8 folder_path = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s_Emscripten", DQN_STRING_FMT(build_dir), DQN_STRING_FMT(prefix));
+            Dqn_String8 folder_path = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s_Emscripten", DQN_STRING_FMT(build_dir), DQN_STRING_FMT(output_name));
             if (!Dqn_Fs_DirExists(folder_path)) {
                 Dqn_String8 mkdir_cmd = Dqn_String8_InitF(scratch.allocator, "mkdir %.*s", DQN_STRING_FMT(folder_path));
                 Dqn_OS_ExecOrAbort(mkdir_cmd, {});
@@ -506,8 +561,8 @@ int main(int argc, char const **argv)
             };
 
             for (Dqn_String8 file_ext : generated_file_extension) {
-                Dqn_String8 src_path  = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s.%.*s", DQN_STRING_FMT(build_dir), DQN_STRING_FMT(prefix), DQN_STRING_FMT(file_ext));
-                Dqn_String8 dest_path = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s.%.*s", DQN_STRING_FMT(folder_path), DQN_STRING_FMT(prefix), DQN_STRING_FMT(file_ext));
+                Dqn_String8 src_path  = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s.%.*s", DQN_STRING_FMT(build_dir), DQN_STRING_FMT(output_name), DQN_STRING_FMT(file_ext));
+                Dqn_String8 dest_path = Dqn_FsPath_ConvertF(scratch.arena, "%.*s/%.*s.%.*s", DQN_STRING_FMT(folder_path), DQN_STRING_FMT(output_name), DQN_STRING_FMT(file_ext));
                 Dqn_String8 cmd       = Dqn_String8_InitF(scratch.allocator, "cmd /C move /Y %.*s %.*s", DQN_STRING_FMT(src_path), DQN_STRING_FMT(dest_path));
                 if (dry_run) {
                     Dqn_Print_StdLnF(Dqn_PrintStd_Out, "%.*s\n", DQN_STRING_FMT(cmd));

feely_pona_emscripten_shell.html

@@ -4,124 +4,49 @@
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
-    <title>raylib web game</title>
+    <title>Terry Cherry</title>
 
-    <meta name="title" content="raylib web game">
-    <meta name="description" content="New raylib web videogame, developed using raylib videogames library">
-    <meta name="keywords" content="raylib, games, html5, programming, C, C++, library, learn, videogames">
+    <meta name="title" content="Terry Cherry">
+    <meta name="description" content="Terry fends off the hordes of cherries">
     <meta name="viewport" content="width=device-width">
 
-    <!-- Open Graph metatags for sharing -->
-    <meta property="og:title" content="raylib web game">
-    <meta property="og:image:type" content="image/png">
-    <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo.png">
-    <meta property="og:site_name" content="raylib.com">
-    <meta property="og:url" content="https://www.raylib.com/games.html">
-    <meta property="og:description" content="New raylib web videogame, developed using raylib videogames library">
-
-    <!-- Twitter metatags for sharing -->
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@raysan5">
-    <meta name="twitter:title" content="raylib web game">
-    <meta name="twitter:image" content="https://www.raylib.com/common/raylib_logo.png">
-    <meta name="twitter:url" content="https://www.raylib.com/games.html">
-    <meta name="twitter:description" content="New raylib web game, developed using raylib videogames library">
-
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="https://www.raylib.com/favicon.ico">
-
     <style>
       body {
         font-family: arial;
         margin: 0;
         padding: none;
+        background: #301010;
       }
 
       #header {
-        width: 100%;
-        height: 80px;
-        background-color: #888888;
-      }
-
-      /* NOTE: raylib logo is embedded in the page as base64 png image */
-      #logo {
-        width:64px;
-        height:64px;
-        float:left;
-        position:relative;
-        margin:10px;
-        background-image:url('data:image/png;base64,\
-iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADs\
-MAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAA7JJREFUaEPtk0FyWzEMQ+37X7fZhxX4\
-YY3AD1OKF1nkzTRlSBCCLeVBnvl/AUdaELOunPno1kts1kixdtEZKVs+xIxebBkZsVknn/L5nFGDLR8T4zVC9fX19S/+tTFijr\
-YK4jUjbPUtqBHpnEE6PkZD7jQZV8n5Recw1XQKciZuPaEtR6UjNs5ENVGMsBVqpPtER0ZMOhpyp8m4YL4OjD9yxsyZxnQycfMJ\
-ETNSzsRE1+dihK3YMiJmpHTW3xpmXPC6BXlCHfqnBlsjY5hxf/6EVEOM2BTEi0fYCX4ONSI6Kq3Blg/prIOMq2CsRur4KQ0x64\
-SdjOufEDEdHZGOhmz5RDHCVqhRuQ86YsVskbc+GXchLiHnFyYH+UigQDVGnImbT8hwFkgLg2qiM8JO6Ylx1FNLa3DmYwqCTsZd\
-4BPqGJG7MwKzpeiWKTKxXkLMVE3MSOmsdwxLH6Rd/wCCLSNDx6djeKfJuArGeoYamRHpaEjnCBYZVy8hZqo2GI36qPjsiOiMsB\
-XGcev4Mx9TLGTchbgEjN/uz6jGrBvDjg+LTNx8Qp2CbG2xMKgmOiPslJ4Yxx+eSnSkzlosZNwFPiHl7FRTkLNRJm4+IeVM0ymI\
-H42wE/wcKalQI4MRl4EW3p6VcRWMua8F6WjIlqZDxvVPiHQ6CjVbYkV9ohhhp/Rk1wiYgpyJ78i4CsZbjkb8Qx+ihvzu3RPaKo\
-gZkY6GlEeMsKdPSOFIC8VoOusg44L5c+T8ouOoGhWbdWJ8tMi4egkxo4hoh2yNTGf3iIyr5Lyic4bRENXo+lvDjAt4C1Hk/OKt\
-UaAj0+n4dMSZ2D+hrYJsaYh2SClG2jV9kJKKzhlGQ1SsW299Mq6C8dYZHTExo8fzieI5ivipYnYy7nwJqGKmOYyRwfiUBXITfh\
-5qSHRGWEkfqJqURgvsdHyWYv7Ko8DnYYegk3EB00cxprdrJRzFd7YQzawu8L1GMTYS/KpPaAFTkIn1EmJmspJSs5xBzSyGhlkB\
-mlxfNFiP5mw4wlbMh4F5Ddxp5jNINBdCEz9zPOC1zD7Q0HBdmXndwv0TMtydEdzlWJT4VZ8Qt9Qn4/onxMIwa5ZYGJU5yufBiC\
-jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaBBfOTCGHM2aEbZi1+gO\
-1XTWVXMnzrhAn5DSOZVsiQlHnSITKzGj6DeTcZWc/3oy7h9//PF4PL4BlvsWrb6RE+oAAAAASUVORK5CYII=');
+        font-weight: bold;
+        color: white;
+        height: 30px;
+        text-align: center;
+        padding-left: 5px;
+        padding-right: 5px;
+        padding-top: 5px;
+        padding-bottom: 10px;
       }
 
       .emscripten { padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
       div.emscripten { text-align: center; }
-      div.emscripten_border { border: 1px solid black; }
+      div.emscripten_border {  border: 0px solid black; }
+      div.emscripten_status { border: 0px solid black; }
 
       /* NOTE: Canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten {
         border: 0px none;
         background: black;
-        width: 100%;
-      }
-
-      .spinner {
-        height: 30px;
-        width: 30px;
-        margin: 0;
-        margin-top: 20px;
-        margin-left: 20px;
-        display: inline-block;
-        vertical-align: top;
-        -webkit-animation: rotation .8s linear infinite;
-        -moz-animation: rotation .8s linear infinite;
-        -o-animation: rotation .8s linear infinite;
-        animation: rotation 0.8s linear infinite;
-        border-left: 5px solid black;
-        border-right: 5px solid black;
-        border-bottom: 5px solid black;
-        border-top: 5px solid red;
-        border-radius: 100%;
-        background-color: rgb(245, 245, 245);
-      }
-      @-webkit-keyframes rotation {
-        from {-webkit-transform: rotate(0deg);}
-        to {-webkit-transform: rotate(360deg);}
-      }
-      @-moz-keyframes rotation {
-        from {-moz-transform: rotate(0deg);}
-        to {-moz-transform: rotate(360deg);}
-      }
-      @-o-keyframes rotation {
-        from {-o-transform: rotate(0deg);}
-        to {-o-transform: rotate(360deg);}
-      }
-      @keyframes rotation {
-        from {transform: rotate(0deg);}
-        to {transform: rotate(360deg);}
+        width: 75vw;
       }
 
       #status {
         display: inline-block;
         vertical-align: top;
-        margin-top: 30px;
-        margin-left: 20px;
-        font-weight: bold;
-        color: rgb(40, 40, 40);
+        font-weight: normal;
+        font-size: 0.8em;
+        color: darkgray;
       }
 
       #progress {
@@ -133,30 +58,26 @@ jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaB
         display: inline-block;
         float: right;
         vertical-align: top;
-        margin-top: 15px;
-        margin-right: 20px;
       }
 
       #output {
-        width: 100%;
+        width: 90%;
         height: 140px;
         margin: 0 auto;
         margin-top: 10px;
         display: block;
         background-color: black;
-        color: rgb(37, 174, 38);
+        color: white;
         font-family: 'Lucida Console', Monaco, monospace;
         outline: none;
       }
 
       input[type=button] {
         background-color: lightgray;
-        border: 4px solid darkgray;
         color: black;
         text-decoration: none;
         cursor: pointer;
         width: 140px;
-        height: 50px;
       }
 
       input[type=button]:hover {
@@ -167,18 +88,10 @@ jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaB
   </head>
   <body>
     <div id="header">
-        <a id="logo" href="https://www.raylib.com"></a>
-
-        <div class="spinner" id='spinner'></div>
+        <h1 style="font-size: 1em; text-align: center; margin-top: 0; margin-bottom: 0; padding-bottom: 3px">Terry Cherry</h1>
         <div class="emscripten" id="status">Downloading...</div>
-
-        <span id='controls'>
-          <span><input type="button" value="🖵 FULLSCREEN" onclick="Module.requestFullscreen(false, false)"></span>
-          <span><input type="button" id="btn-audio" value="🔇 SUSPEND" onclick="toggleAudio()"></span>
-        </span>
-
         <div class="emscripten">
-          <progress value="0" max="100" id="progress" hidden=1></progress>
+          <progress value="0" max="100" id="progress" hidden=0></progress>
         </div>
     </div>
 
@@ -186,31 +99,17 @@ jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaB
       <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
     </div>
 
+    <div style="display: flex; justify-content: space-around;">
+        <span id='controls'>
+          <span><input type="button" value="🖵 FULLSCREEN" onclick="Module.requestFullscreen(false, false)"></span>
+          <span><input type="button" id="btn-audio" value="🔇 SUSPEND" onclick="toggleAudio()"></span>
+        </span>
+    </div>
+
     <textarea id="output" rows="8"></textarea>
-
-    <script type='text/javascript' src="https://cdn.jsdelivr.net/gh/eligrey/FileSaver.js/dist/FileSaver.min.js"> </script>
-    <script type='text/javascript'>
-        function saveFileFromMEMFSToDisk(memoryFSname, localFSname)     // This can be called by C/C++ code
-        {
-            var isSafari = false; // Not supported, navigator.userAgent access is being restricted
-            //var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-            var data = FS.readFile(memoryFSname);
-            var blob;
-
-            if (isSafari) blob = new Blob([data.buffer], { type: "application/octet-stream" });
-            else blob = new Blob([data.buffer], { type: "application/octet-binary" });
-
-            // NOTE: SaveAsDialog is a browser setting. For example, in Google Chrome,
-            // in Settings/Advanced/Downloads section you have a setting:
-            // 'Ask where to save each file before downloading' - which you can set true/false.
-            // If you enable this setting it would always ask you and bring the SaveAsDialog
-            saveAs(blob, localFSname);
-        }
-    </script>
     <script type='text/javascript'>
         var statusElement = document.querySelector('#status');
         var progressElement = document.querySelector('#progress');
-        var spinnerElement = document.querySelector('#spinner');
         var Module = {
             preRun: [],
             postRun: [],
@@ -266,15 +165,17 @@ jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaB
                     progressElement.value = parseInt(m[2])*100;
                     progressElement.max = parseInt(m[4])*100;
                     progressElement.hidden = true;
-                    spinnerElement.hidden = false;
                 } else {
                     progressElement.value = null;
                     progressElement.max = null;
                     progressElement.hidden = true;
-                    if (!text) spinnerElement.style.display = 'none';
                 }
 
-                statusElement.innerHTML = text;
+                if (text) {
+                    statusElement.innerHTML = '@version@: ' + text;
+                } else {
+                    statusElement.innerHTML = '@version@';
+                }
             },
             totalDependencies: 0,
             monitorRunDependencies: function(left) {
@@ -288,7 +189,6 @@ jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaB
 
         window.onerror = function() {
             Module.setStatus('Exception thrown, see JavaScript console');
-            spinnerElement.style.display = 'none';
             Module.setStatus = function(text) { if (text) Module.printErr('[post-exception status] ' + text); };
         };
     </script>
@@ -296,7 +196,6 @@ jwE50AGjLCVuS8Yt4H7OgZLKK5EKOsLviEWJSL/+0uMi7gLUSBseYwqEbXvSHCec1CJvZPyHCmYQffaB
     <!-- REF: https://developers.google.com/web/updates/2018/11/web-audio-autoplay -->
     <script type='text/javascript'>
         var audioBtn = document.querySelector('#btn-audio');
-
         // An array of all contexts to resume on the page
         const audioContexList = [];
         (function() {

feely_pona_game.h

@@ -195,6 +195,7 @@ struct FP_GameEntity
     Dqn_V2                                attack_box_size;
     Dqn_V2                                attack_box_offset;
     bool                                  attack_processed;
+    Dqn_usize                             hit_on_frame;
     bool                                  is_dying;
     uint64_t                              last_attack_timestamp;
     uint64_t                              attack_cooldown_ms;
@@ -257,8 +258,11 @@ struct FP_GameCamera
 {
     Dqn_V2  size;
     Dqn_V2  world_pos;
+    Dqn_V2  world_pos_target;
     Dqn_f32 rotate_rads;
     Dqn_V2  scale;
+    Dqn_f32 shake_intensity;
+    Dqn_f64 shake_duration;
 };
 
 enum FP_GameAudio

feely_pona_unity_nodll.h

@@ -92,7 +92,8 @@ DQN_MSVC_WARNING_POP
 DQN_GCC_WARNING_POP
 
 #if defined(DQN_PLATFORM_EMSCRIPTEN)
-#include <emscripten.h>
+#include <emscripten/emscripten.h>
+#include <emscripten/html5.h>
 #endif
 
 // NOTE: TELY_Platform =============================================================================