{"id":6030,"date":"2026-03-04T05:59:01","date_gmt":"2026-03-04T05:59:01","guid":{"rendered":"https:\/\/sites.wsagames.com\/hl1d23\/?p=6030"},"modified":"2026-05-08T11:41:42","modified_gmt":"2026-05-08T11:41:42","slug":"mini-game-berry-picking","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/hl1d23\/mini-game-berry-picking\/","title":{"rendered":"Mini Game: Berry Picking"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

08 April Update - Berry Task UI Structure and Core Logic<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

After finishing the Figma prototype, I started building the berry task UI structure in Unity. The UI is based on one main berryTaskUI object, which contains DimBackground and TaskWindow. DimBackground is used to darken the gameplay background, while TaskWindow works as the main task panel.<\/p>

Inside TaskWindow, I placed five berry buttons: Berry1 to Berry5. These berries are all clickable buttons. The UI also includes CounterText, InstructionText, and CloseButton. CounterText shows the current harvesting progress, InstructionText explains the task goal, and CloseButton allows the player to manually close the task window.<\/p>

The UI art assets were created by me. I first used Figma to define the window scale, berry icon size, and button placement. Then I drew the final berry icons and task UI assets in Procreate. This helped me keep the asset sizes consistent, so future mini games can reuse a similar UI structure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Berry Button Interaction<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The main harvesting logic is controlled by BerryTaskManager. At the start, the script finds the five berry buttons inside TaskWindow and adds a click event to each button.<\/p>

When the player clicks a berry, that berry is hidden, showing that it has been picked. At the same time, the system increases clickedCount and updates the counter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\tberry.gameObject.SetActive(false);\r\nclickedCount++;\r\nUpdateUI();<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d27895 elementor-widget elementor-widget-heading\" data-id=\"6d27895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Counter Update<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e91b30 elementor-widget elementor-widget-text-editor\" data-id=\"9e91b30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The counter is controlled by CounterText. Every time the player clicks a berry, UpdateUI() refreshes the current task progress.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97aa6d8 elementor-widget elementor-widget-code-highlight\" data-id=\"97aa6d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>counterText.text = $\"{clickedCount}\/{total}\";<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b64e5b elementor-widget elementor-widget-text-editor\" data-id=\"6b64e5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Here, total is set to 5, so the goal is to collect five berries. When clickedCount reaches 5, the system marks the task as completed.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea307c7 elementor-widget elementor-widget-code-highlight\" data-id=\"ea307c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>if (clickedCount &gt;= total)\r\n{\r\n    taskCompleted = true;\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04065ed elementor-widget elementor-widget-image\" data-id=\"04065ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1625\" height=\"1054\" src=\"https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/05\/ezgif.com-animated-gif-maker-12.gif\" class=\"attachment-full size-full wp-image-6655\" alt=\"\" sizes=\"100vw\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d649b14 elementor-widget elementor-widget-heading\" data-id=\"d649b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Berry Bush State Switch<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cadcf35 elementor-widget elementor-widget-text-editor\" data-id=\"cadcf35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Besides the UI interaction, I also added a berry bush state switch in the scene. To make the completed task state clearer, I created two berry bush prefab states: WithFruit, which represents the bush before harvesting, and Empty, which represents the bush after harvesting.<\/p><p>This is controlled by BerryShrubSwitcher. At the start, the bush shows the fruit version. After the task is completed, the script hides WithFruit and shows Empty.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f40025 elementor-widget elementor-widget-code-highlight\" data-id=\"4f40025\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>public void SwitchToEmpty()\r\n{\r\n    withFruitObj.SetActive(false);\r\n    emptyObj.SetActive(true);\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c95edb elementor-widget elementor-widget-image\" data-id=\"7c95edb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1625\" height=\"1054\" src=\"https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/05\/ezgif.com-animated-gif-maker-13.gif\" class=\"attachment-full size-full wp-image-6654\" alt=\"\" sizes=\"100vw\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-516e383 elementor-widget elementor-widget-heading\" data-id=\"516e383\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Connection to Other Systems<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b55423 elementor-widget elementor-widget-text-editor\" data-id=\"5b55423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This berry task is also connected to the existing task and inventory systems. After the task is completed, the script sends the Berry item to the player\u2019s inventory. However, this part has already been explained in Inventory &amp; Reputation &amp; Task System, so I only mention it briefly here as the result of the task.<\/p><p>The logic for pressing E to open the task UI also reuses the previous Object &amp; NPC Interaction System. The dim background, slide-in animation, and slide-out closing animation reuse the task window animation from Inventory &amp; Reputation &amp; Task System. Therefore, this page mainly focuses on the berry task itself: clicking berries, updating the counter, and switching the berry bush state.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df69090 elementor-widget elementor-widget-heading\" data-id=\"df69090\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">=====================================================================<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fcc003 e-con-full e-flex e-con e-child\" data-id=\"2fcc003\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bacef7d elementor-widget elementor-widget-heading\" data-id=\"bacef7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">02 March Update - Berry Picking Mini Game Prototype<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f3a1f0 elementor-widget elementor-widget-text-editor\" data-id=\"0f3a1f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"758\" data-end=\"1071\">When creating the berry-picking task, I did not want the player to simply press E and receive the item immediately. Instead, I decided to turn it into a simple mini game. The idea was inspired by the short task interactions in <em data-start=\"985\" data-end=\"1003\">Goose Goose Duck<\/em>, where the player completes a small task by clicking a few objects.<\/p><p data-start=\"1073\" data-end=\"1416\">Before building it in Unity, I first created a simple prototype in Figma. I mainly used it to test the size of the task window, the berry icons, the counter position, and the close button placement. This allowed me to check whether the interface was clear, while also helping me decide the size of the art assets for future similar mini games.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d52c04b elementor-widget elementor-widget-image\" data-id=\"d52c04b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1323\" height=\"792\" src=\"https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/03\/Berry.png\" class=\"attachment-full size-full wp-image-6644\" alt=\"\" srcset=\"https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/03\/Berry.png 1323w, https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/03\/Berry-300x180.png 300w, https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/03\/Berry-1024x613.png 1024w, https:\/\/sites.wsagames.com\/hl1d23\/wp-content\/uploads\/sites\/53\/2026\/03\/Berry-768x460.png 768w\" sizes=\"100vw\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c46e69a elementor-widget elementor-widget-text-editor\" data-id=\"c46e69a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1418\" data-end=\"1544\">At the same time, I also evaluated the main functions needed for this task. The berry-picking task includes several key parts:<br \/><br \/><\/p><ol data-start=\"1546\" data-end=\"2298\"><li data-start=\"1546\" data-end=\"1638\">The player walks to the berry bush interaction point and presses E to open the task UI.<\/li><li data-start=\"1639\" data-end=\"1759\">When the task opens, the gameplay screen becomes darker, and the UI panel slides into the screen with an animation.<\/li><li data-start=\"1760\" data-end=\"1854\">The berries are made as clickable buttons. When the player clicks a berry, it disappears.<\/li><li data-start=\"1855\" data-end=\"1991\">A counter is displayed on the right side of the UI and updates based on the number of berries clicked, for example from 0\/5 to 5\/5.<\/li><li data-start=\"1992\" data-end=\"2110\">The UI panel can be closed either by clicking the X button manually or automatically after the task is completed.<\/li><li data-start=\"2111\" data-end=\"2217\">After the task is completed, the berry bush changes from a fruit-bearing version to an empty version.<\/li><li data-start=\"2218\" data-end=\"2298\">Once the task is complete, the Berry item is added to the player\u2019s inventory.<\/li><\/ol><p data-start=\"2300\" data-end=\"2710\" data-is-last-node=\"\" data-is-only-node=\"\">I also needed to consider some gameplay issues related to the task. For example, when the task UI is opened, the player\u2019s keyboard movement input should be locked.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>08 April Update &#8211; Berry Task UI Structure and Core Logic After finishing the Figma prototype, I started building the berry task UI structure in Unity. The UI is based on one main berryTaskUI object, which contains DimBackground and TaskWindow. DimBackground is used to darken the gameplay background, while TaskWindow works as the main task &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sites.wsagames.com\/hl1d23\/mini-game-berry-picking\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Mini Game: Berry Picking&#8221;<\/span><\/a><\/p>\n","protected":false},"author":44,"featured_media":6662,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-6030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-y2_s2_development"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/posts\/6030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/comments?post=6030"}],"version-history":[{"count":13,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/posts\/6030\/revisions"}],"predecessor-version":[{"id":6665,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/posts\/6030\/revisions\/6665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/media\/6662"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/media?parent=6030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/categories?post=6030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/hl1d23\/wp-json\/wp\/v2\/tags?post=6030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}