How to Make a 2D Clicker Game - Unreal Engine 5 (2024)

Build a 2D clicker game in Unreal Engine 5 with blueprints, featuring coins, shop items, enemy timers, levels, boss mechanics, and ascend progression.

Create a new map in the content browser by adding a maps folder and selecting an empty level; you can also choose from open world level templates.

Import environment assets for your 2D clicker game in Unreal Engine 5, create an assets/environments folder, and apply Paper 2D texture settings to preserve pixel art textures.

Select, create, and configure a tile set to paint a tile map in Unreal Engine 5 Paper 2D, using 16 by 16 tiles and imported assets.

Create and edit a tile map in Unreal Engine 5 by painting dungeon prison tiles on a canvas, using layers and 16x16 tiles.

Design a temporary tile map by using the fill tool and layers to create base and front layouts with walls, pillars, and props, then refine with painting.

Place the tile map in the level, set its world position to zero, switch to orthographic 2d view in Unreal Engine, and remove grid lines for a clean render.

Learn to use a post-process volume in Unreal Engine 5 to control bloom, exposure, vignette, color grading, and saturation for a consistent 2D game's lighting across the level.

Disable anti-aliasing and lighting effects in Unreal Engine 5, set the startup map to dungeon, and observe 2D pixel art layers and camera modes during play.

Learn to build a 2d clicker game in Unreal Engine 5 using blueprints to create Dungeon Clicker game mode and a player controller, and assign them in maps and settings.

In unreal engine 5, add a player camera as a character with a spring arm, adjust orthographic width for 2d view, and disable gravity and collisions.

Import enemy sprites from the course materials and organize them in a textures folder. Use grid sizing to extract sprites, creating separate assets for Unreal Engine 5 and future flipbooks.

Create flipbooks by combining sprites into a two-dimensional animation, adjust frames per second to control motion, and apply settings across all flipbooks using the property matrix for knights.

Create a parent base blueprint for enemies using a 2D paper character, then derive child blueprints like knight and orc; changing values in the parent updates all children.

Assign flipbooks to knight, orc, and rogue enemies; set frame rate per second to ten; compile and save; set collision to none and gravity to zero to finalize enemy class.

Configure the game mode and world settings to use Beep player as the default pawn, then align the player stats and spawn camera for gameplay.

Create a base blueprint actor and a child enemy spawn point, place it in the world, and use its location and rotation to spawn enemies, avoiding the player start.

Spawn enemies in Unreal Engine 5 using spawn actor from class in the player controller, with a custom spawn enemy event and transform-based spawning.

Explore blueprint communication in Unreal Engine 5 by casting the game mode to your custom player controller to call spawn enemy, understand hard references, and transition to blueprint interfaces.

Learn blueprint interfaces to enable communication with the player controller, using a self reference and a get player controller reference to spawn enemies.

Learn to obtain spawn point values in Unreal Engine 5 by using get actor of class to locate the enemy spawn point and its transform.

Learn how to use structures to organize enemy data by creating an enemy info structure that holds health, name, type, and animations, replacing scattered variables.

define enemy data using strings for names, consider localization with text, set the enemy class reference, configure health and animations, and build a level info structure linking levels to enemies.

Define an enemy type enumeration in Unreal Engine 5 blueprints to distinguish normal enemies from boss enemies, using a selectable enum list instead of strings.

Create and populate a data table in Unreal Engine 5 to define every enemy’s health and animations (idle, hit, death) and type; use Google Sheets for data entry with designers.

Create enemy and level info data tables in Unreal Engine 5, define id, name, class, health, idle anim, hit anim, and death anim, then import the csv files.

Learn to create a blueprint function library to expose functions globally across blueprints, such as get health, while balancing library size to avoid performance slowdowns, especially for data tables.

Create function libraries for enemy info and level info using get data table row, remove spaces with replace, convert to names, and return data for use in game mode.

Add and name each enemy in the enemy base, linking a string name to the enemy info data table to extract stats, and use replace node to handle spaces.

Spawn enemies in Unreal Engine 5 by using game mode to track current level, fetch level info from a data table, and spawn the corresponding BP at the spawn point.

Design the enemy name UI in Unreal Engine 5 using a widget blueprint, canvas panel, and text, then center and anchor it for responsive scaling across laptops and 4k monitors.

Learn to add a custom font to Unreal Engine 5 by downloading fonts from Google Fonts and importing them as a font asset. Apply it to UI text and test.

Add an enemy name widget to the enemy base in blueprints, set it to screen space, and position it so the name appears above each enemy during play.

Program the enemy info UI to display name and level in a 2d unreal engine 5 clicker game, using format text and blueprint interface to update on spawn.

Apply damage to an enemy on click in a 2d Unreal Engine 5 clicker game, enabling mouse cursor, adjusting collision, and using print debugging to verify a 15 damage hit.

Pull starting health from the data table, apply damage via any damage event, update current health, clamp to zero, and use print debugging to verify health decreases.

Design a health bar UI with a widget blueprint WB health bar, using a vertical box, text, and a progress bar centered on screen; import assets and set it non-interactive.

Add a health bar widget to the 2D clicker game using blueprints, place it in screen space, name it clearly, and test in play, plan updating the health text next.

Update the health bar in Unreal Engine 5 by calculating percent as current health divided by max health, and refresh the progress bar and text via a custom event.

Trigger a one-shot hit flipbook on enemy damage, sync it with the health update, and revert to the idle animation, while speeding up the flipbooks for a sharper hit effect.

Implement enemy death when health reaches zero by checking health, setting a dead flag, playing a death animation, delaying, and destroying the actor, while preventing further hits and incrementing level.

Increment the current level in game mode with plus-plus, check against max level, and spawn the next enemy from the data table using the player controller.

Adjust custom pivot points on enemy sprites to fix death animations, using plus/minus eight offsets, and update the death blueprint to disable looping.

Spawn multiple hit effects by creating a BP hit effect actor with a flipbook, converting the mouse location to world space, disabling collision, and destroying after the flipbook plays.

Design a floating text UI in Unreal Engine 5 that shows damage, add an HP label behind health, and configure a centered, size-to-content widget blueprint.

Create a floating text animation for the user interface by adding a transform track to move the text upward and fade opacity from 0 to 1, then test in game.

Spawn a floating text actor via the player controller when an enemy is clicked, using a screen-space widget and spawning it at the enemy location; disable collisions for clean visuals.

Update the floating text display in a 2D clicker game using Unreal Engine blueprints. Learn to set text, trigger a custom event, and update the UI with the cursor damage.

Learn to implement a floating text animation in Unreal Engine 5 using blueprints, play the animation, and destroy the text actors after it ends, with adjusted spawn above enemies.

Design and implement a round timer in the main ui for a 2d clicker game in Unreal Engine 5, using a horizontal box, clock icon, and responsive spacing.

Display the main UI by wiring a show/hide widgets flow in the player controller, creating the main UI, adding it to the viewport, and using validated gets for toggle.

Initialize the current round timer from the initial round timer and clamp to zero; implement a timer by event in the game mode and expose the timer handle.

Update the main UI timer in Unreal Engine 5 by creating a custom event to refresh timer text with seconds and convert the float to a string to preserve decimals.

Implement restoring enemy health at timer end using a Restore Health event, update health to max, and reset the round timer in Unreal Engine 5 blueprints.

Learn to reset the round timer on enemy death by clearing and invalidating the timer handle, and restart the timer when the level increments after spawning a new enemy.

Design the currency ui in Unreal Engine 5 for a 2D clicker game. Create an overlay with a coin icon and coin amount text, plus a store panel.

Animate the in-game currency text to brighten the UI by scaling the coin amount: scale to 1.5 after 0.2 seconds, then revert to 1.0 at 0.4 seconds, enhancing feedback.

Create and manage the amount of coins variable in Unreal Engine 5 for a 2d clicker game, using integer 64 and a select-based update function with add/subtract logic.

Create an integer variable for coins dropped, align it with a data sheet column named amount of coins to drop, and update enemy info to enable coin drops on kill.

Learn to update the coins display in a 2d clicker game by triggering coin increases on enemy death, updating the UI text, and playing a coin animation.

Add a scroll box to the main UI overlay, place a vertical box for items, and prepare an item list variable to display shop items dynamically.

Design a reusable shop item card widget blueprint that dynamically updates item data for a 2d clicker game, using an overlay background, coin icon, name, price, and a buy button.

Build an item info structure and a data table for a 2d clicker game in unreal engine 5, including sprite items and coin costs.

Create shop item cards in Unreal Engine 5 using blueprints: fetch data table rows, loop to generate widgets, store them in an array, and display them in a scroll box.

Display shop item cards in a 2D Unreal Engine 5 clicker game by clearing the list and adding items to a vertical box during begin play or via a button.

Populate each shop item card with accurate information by creating an item info variable, exposing it on spawn, and using get item info to update title and price.

Display the correct item card info by wiring item name and price into the shop widget and using a map to track bought quantities from the player.

Update shop item card buy text color based on coin amount in a 2d clicker game using Unreal Engine 5, turning red when coins are insufficient and green when affordable.

Check the player's coins to gate purchases, toggle the buy button with an inverted enabled state, and verify item cost with a pure function.

Implement item purchases by checking coins, triggering a purchase event, and deducting coins, then update the shop UI and button states to reflect affordability.

Learn how to update the amount of items bought by updating the Item Spot map, incrementing counts, and refreshing the shop item card UI.

Create item spawn points in a 2d clicker game by building a BP item spawn point, exposing an instance variable for the item name, and matching names to data table.

Spawn items in the game world by calling a spawn item event from the player controller, using spawn actor from class and get actor of class to obtain spawn location.

Create an easy spawning system in Unreal Engine 5 by gathering item spawn points and spawning items in a line using vector math and an index-based offset.

Learn to implement multi-row spawning logic for a 2D clicker game in Unreal Engine 5, using local variables, loop counters, and z-axis adjustments to spawn items across rows.

Advance spawning logic in Unreal Engine 5 by making item spawn points dynamic using a get item spawn points function, enums or strings, and a looped, row-based spawn system.

Increase shop item prices to create progressive difficulty using a blueprint item cost structure and a data table populated from Google Sheets, with a get item cost function.

Create a get item cost function in the player, wire it to a data table and item info with an item enumeration, enabling enumeration-based price lookup and testing in game.

Update the item cost in the shop UI with a custom event that sets the price text from the data table via the player pawn.

Design an item tooltip widget in Unreal Engine 5 that shows damage per second when hovering over shop cards, covering blueprint setup, layout, and color tweaks.

Update the tooltip UI by creating a custom event named update tooltip UI that formats the item name and DPS values, showing per-item DPS and the total DPS.

Display the shop tooltip widget on hover over item cards, initializing it at game start, and update the tooltip UI with item DPS data after hover and purchases.

Implement automatic damage in a 2d clicker game using Unreal Engine 5, looping damage with timer by event or timer by function name, and tune intervals for smooth play.

Compute the total damage per second by iterating through bought items, multiplying each item's DPS by its quantity, and updating a local total DPS variable for accurate automatic damage.

Learn to apply correct damage per second by updating total DPS on item purchases, divide by 25 for a 0.04s timer, and display integers in the UI.

Discover how to fix the hit effect and trigger the death animation correctly by using a damage type to differentiate auto damage from click damage.

Design and integrate a right-side level display in the main UI for a 2D clicker game, using an overlay, vertical box, and padding to show the current level.

Design the level card UI as a button-based, centered overlay with level text, copy and adjust size, then assemble a level list with padding and a scroll bar.

update the level display by creating a new integer level variable, exposing it on spawn, and feeding it into the widget through the event construct to set the level text.

Unlock levels by implementing a level list user interface in the player controller. Track the previously unlocked level and unlock new levels in the game mode as you defeat enemies.

learn to manually set the current level in a 2d clicker game using unreal engine 5, by updating the game mode, destroying the previous enemy, and wiring UI level buttons.

Unlock the next level instead of auto-spawning, by comparing current level with the unlocked level and updating the unlocked level when an enemy is defeated.

Add a skull icon to boss enemies by placing a skull image on the level UI and showing it only for bosses via enemy type checks.

Add icons to shop cards by placing a horizontal box with a 32 by 32 image, and set the brush from a texture to display item thumbnails.