Kevin Mahardyan SaputraFullstack Web & Mobile Developer

Information Systems · Crafting performant, high-craft web & mobile experiences.

Deployed on Vercel
Back to All Projects
Big Project
2026
Mobile Application

BlockGlass: Casual 2D Block Puzzle Game dengan Liquid Glass UI

Casual 2D block puzzle mobile game built with Unity & WebGL featuring addictive Block Blast-style clearing mechanics and a premium Liquid Glass UI system.

BlockGlass: Casual 2D Block Puzzle Game dengan Liquid Glass UI
Interactive Multi-Role Showcase

Role-Isolated Ecosystem Previews

01 / 03
Mobile GameplayMobile Mockup Frame

Vertical casual puzzle experience designed for smartphone screens with high-precision touch handling and fluid glass particle animations.

3 Verified Screens
1. Liquid Glass Main Menu Lobby
9:41
Click to view full screen
mobile Frame Mockup
01

1. Liquid Glass Main Menu Lobby

Refined Liquid Glass game lobby showcasing theme customizer and game mode selection.

2. Active 8x8 Puzzle Grid Board
9:41
Click to view full screen
mobile Frame Mockup
02

2. Active 8x8 Puzzle Grid Board

Active gameplay session featuring spatial tetromino placement, multi-line combos, and real-time score multiplying.

3. Leaderboards & Player Stats
9:41
Click to view full screen
mobile Frame Mockup
03

3. Leaderboards & Player Stats

Player profile breakdown, all-time high score records, match statistics, and global competitive leaderboard.

Project Architecture & Overview

BlockGlass delivers a modern casual block puzzle experience adhering strictly to fair gameplay without pay-to-win friction. Combines classic spatial tetromino clearing mechanics with a stunning Liquid Glassmorphism interface. Powered by custom shaders with dynamic chromatic refraction, specular highlights, and neon glow accents, complemented by fluid multi-line combo particle bursts and crisp audio design. Fully optimized for high-refresh-rate mobile gameplay and desktop web browsers.

TECHNOLOGIES & TOOLS USED
Unity 2022.3 LTS
C# / Unity Engine
ShaderLab (Liquid Glass)
HTML5 Canvas / WebGL
Tailwind CSS
JavaScript ES6
Deep-Dive Engineering Log

Case Study & Retrospective

CHALLENGE #1

Real-Time Refractive Glass Shader Rendering Without Mobile Frame Drops

Encountered Problem:

Traditional glass shaders rely on expensive multi-pass render textures, leading to thermal throttling on mid-range mobile GPUs.

Engineering Solution:

Engineered an optimized single-pass surface shader simulating chromatic refraction via lightweight procedural normal map sampling.

CHALLENGE #2

Zero-GC Multi-Line Clearing & Combo Particle Explosion System

Encountered Problem:

Repeated prefab instantiations during multi-line clears caused noticeable Garbage Collection frame stutters.

Engineering Solution:

Implemented pre-allocated static Object Pooling for all glass burst particles and combo haptic sound triggers.

NEXT PROJECT
Enterprise Project

DeCafe: Smart POS & Omnichannel Restaurant Ecosystem

Integrated omnichannel POS and restaurant ecosystem featuring 4 operational roles: Admin Dashboard, Tablet Cashier POS, real-time Kitchen Display System (KDS), and customer self-ordering via table QR code.

View Case Study