Journey – UI Kit & Puzzle Demo

Welcome to Island Journey – Mobile Game UI Kit!

This friendly and colorful UI collection is designed to help you create a polished mobile game without building every screen from scratch.

The package includes buttons, panels, icons, avatars, backgrounds, shop interfaces, profile screens, ranking layouts, settings, popups, gameplay HUD elements, and result screens—all organized into connected demo scenes.

Most example settings can be adjusted directly through the Unity Inspector, making the package approachable for designers and developers who prefer an easy visual workflow.

Why You’ll Love This Pack

DEMO HERE

https://ui-journey.web.app

• A complete UI flow from Splash to Result
• More than 500 ready-to-use PNG assets
• Editable SVG source files included
• Designed for portrait mobile games
• Functional UI examples—not only static layouts
• Inspector-friendly values and references
• Includes a playable puzzle game example
• Suitable for casual, puzzle, adventure, educational, and children’s games
• WebGL demo available before purchasing
• Easy to recolor, resize, replace, and expand

What’s Included

UI and Art Assets

• 500+ standalone PNG assets
• Editable SVG source files
• 4+ colorful backgrounds
• 10+ character avatars
• 160+ button and control variations
• 250+ icons and item graphics
• 10+ pattern designs
• Multiple panels, boards, popups, headers, and navigation elements
• Image-based font and number designs
• Coin, Gem, Heart, Bomb, Reward, Rank, Shop, and Profile elements
• Transparent 32-bit PNG files
• Mobile-friendly cartoon art style

Five Connected Demo Scenes

1. SplashText-based intro with fade-in and fade-out transition.
2. TitleAnimated scene transition, Play navigation, Login, Sign Up, Credits, Ads preview, and functional Settings popup.
3. Home / LobbyProfile, Shop, Items, Ranking, Daily Reward, Settings, Start panel, scrolling content, tab switching, highlights, and advertisement preview examples.
4. PlayA complete playable Hex Letter Blast mini-game with score, stages, lives, countdown timer, boosters, sound effects, and responsive game-board generation.
5. ResultSequential result presentation with animated score counting, stage progress, star rating, earned Coins, sound effects, and looping result music support.

Playable Hex Letter Blast Demo

The included sample game demonstrates how the UI can be used in a real gameplay flow.

Players tap matching connected letters on a hexagonal board. Groups of three or more letters can be selected and destroyed to earn points and additional time.

Included gameplay examples:

• Configurable 5×5 hexagonal board
• Expandable support for 6×6, 7×7, and 8×8 boards
• Connected-letter group detection
• Tap once to select and tap again to destroy
• Tile explosion and refill animations
• Random letter generation
• Score calculation
• Stage names such as Stage 1-1, 1-2, 1-3, and 1-4
• Increasing board difficulty
• Countdown progress bar
• Green, yellow, and red time states
• Maximum time limit
• Time bonuses when clearing tiles
• Three-heart life system
• Bomb helper item
• Ready-Go introduction
• Gameplay and result audio flow
• Score transfer from Play to Result
• Result stars and Coin reward examples

The gameplay system is included as an example and can be customized or replaced with your own game logic.

Functional UI Examples

Shop

• Coin, Gem, and Heart tabs
• Active-tab highlights
• Immediate content switching
• Fade transitions
• Free Coin and Free Gem advertisement preview popups
• Closeable example ad banner

Profile and Item Screens

• Vertical scrolling for long Profile content
• Scrollable Item collection
• Consistent item arrangement
• Select and Selected visual states

Ranking

• Scrollable player list
• Fixed personal ranking board
• Supports longer ranking lists

Settings

• Sound-volume slider
• Music-volume slider
• Vibration toggle
• Song name display
• Previous and next song controls
• Saved settings using PlayerPrefs
• Shared button-tap sound system
• Settings can be reused across scenes

Audio Flow

• Scene-specific looping background music support
• Button tap sounds
• Ready-Go sound
• Match and score sound
• Timeout and heart-loss sound
• End-game sound
• Result reveal sound
• Result background music
• Music and sound volumes controlled from Settings

Audio references can easily be replaced through the Inspector.

Result and Reward System

The Result scene includes an animated presentation sequence:

1. Score counts from zero to the final score
2. Reached stage and progress bar appear
3. Earned stars are revealed one by one
4. Coin rewards count from zero to the final amount

Default reward values can be changed through the Inspector:

• 100 points: 1 Star
• 300 points: 2 Stars
• 600 points: 3 Stars
• Every 10 points: 1 Coin

These values are provided as examples and can be adjusted without modifying the UI layout.