Slide 1 / 13
Tessera Flow Logo Global Publisher Pitch

TESSERA
FLOW

The Next-Gen ASMR Architecture for Mobile Puzzle Audiences.

Interactive Presentation Mode Active

Open Web Version (Audio & Demo)

Player Psychology & The Hook

The "Reveal" Drive

Players are deeply motivated by visual curiosity. They do not just solve lines; they proactively reveal a hidden, high-quality mosaic masterpiece step by step, driving strong curiosity-based progression loops.

Self-Accountable Loops

Every level functions on 100% deterministic mathematical physics. When players fail, they instantly realize the strategic error was entirely theirs, triggering aggressive retry behavior and high session retention.

The Premium ASMR Atmosphere 🔊 Click cards for preview

Tactile Texture

A premium film-grain canvas overlay mimics high-end organic mosaic textures, giving organic depth to every single pixel color mapping on the screen.

Procedural Audio

Powered entirely by Web Audio API. Real-time procedural synthesis generates dynamic ink flow murmurs and highly satisfying bubble pops natively.

Haptic Synergy

Full integration with native haptic vibration modules. The physical rumble shifts and dynamically triggers in lockstep with the visual fluid execution.

Advanced Control & Rules

24x30 Orthogonal Grid

All paths are rendered seamlessly via a structured Manhattan movement framework. This enforces clean spatial parameters and grid-based mathematical balance across all level designs.

Ghost Trackpad Swiping

Players do not need to block their visual viewport with their fingers. Selecting a Spawner turns the entire screen into an off-line touch pad, allowing microscopic, grid-precise cellular routing anywhere.

Algorithmic Balance & Stakes

Dynamic A* Pathfinding

Ink capacity isn't hardcoded. The engine runs an internal A* shortest path algorithm checking obstacles, dynamically adding exactly +12% safety margin and a +3 cell leeway threshold to ensure fair difficulty metrics.

High-Stakes Economy

Levels feature a structured 5-Life economy. Precision matters: line breakage or redlocks drop lives. Clearing an entire path back to its source costs a strategic permanent -1 pigment deduction penalty for that wave.

Bridges, Locks & Tunnels

1. Redlock State

Drawing ink flow into locked nodes without bridge allowance triggers line collisions and safety failures, breaking the pigment path.

2. Bridge Routing

By spending allowance, locks transform into Bridges, letting paths cross cleanly without overlap or color mixing.

3. Tunneling

Drawing paths through solidified matching zones runs at zero ink capacity cost and completely bypasses bridge resource spending.

Interactive Sandbox
⚠️ COLLISION DETECTED! LIFE DEDUCTION (-1)

Technical Stack & Architecture

React 18 Vite 5 HTML5 Canvas TypeScript Capacitor 8 TailwindCSS 3

The game architecture functions as a custom, lightweight rendering engine inside a modern web view container. By pairing React UI lifecycle states with low-level HTML5 Canvas Spline Renders, we run a lockstep 60 FPS environment natively across universal operating systems.

Deterministic Execution

Our custom internal Path-Walker tracking engine isolates and tracks node states instantly. Everything from line boundaries to collision detection is computed deterministically, removing performance overhead entirely.

React UI State Layer Menu, HUD & Progression
HTML5 Canvas Walker Engine 60 FPS Deterministic Math Renders

The Engine: Scalable Levels

Asset Integration Pipeline

Our proprietary asset pipeline converts 2D raster designs directly into playable puzzle layouts in seconds, removing manual level-design overhead completely.

Scalable Live-Ops Model

With 100 core levels pre-packaged and ready, new level updates can be deployed continuously on a rapid bi-weekly live-ops cadence without rebuilding core client code.

Zero-Latency Architecture

By loading levels as structured JSON data bundles instead of heavy assets, the game package size remains under 20MB, ensuring instant downloads and smooth web-app runtime.

Monetization Readiness Architecture

The core engine layout features native, plug-and-play architecture hooks designed for clean, non-intrusive revenue scaling:

Rewarded Ecosystems

Built to smoothly execute opt-in rewarded ad placements for instant puzzle hints, grid system undo tokens, or emergency wave-specific bridge resource extensions.

Premium Microtransactions

Clean data layer ready for direct Integration of universal ad-removal purchases, seasonal premium art packs, and high-end glow/neon aesthetic profile visual skins.

Market Positioning Matrix

Product Feature Standard Puzzle Competitors Tessera Flow
Render Foundation Static Flat Color / Block Matrices High-End Organic ASMR + Film Grain
Strategic Loop Single Linear Path Matching Multi-Wave Structural Intersections
Content Engine Cost High Overhead / Manual Layouts Automated Image-to-Level Parsing
Input Ergonomics Fixed Element Dragging Only Universal Ghost Trackpad Swiping

Production Scaling Roadmap

1

Beta Core

100 level assets optimized. Basic systems finalized.

2

Expansion

2-3 months runway to complete 500 premium levels via Parser.

3

Ad & IAP Hooks

Activate Capacitor plugins for local SDK monetization loops.

4

Global Scale

Launch localized build across 11 major global languages.

The Proposition & Ask

Content Scale (500 Levels)
45%
VFX Polish & Mastering
25%
Multi-Device QA Balance
20%
Localization QA
10%

Seeking a Strong Publishing Alliance

Looking for an expert mobile publishing partner to handle global marketing, App Store/Google Play optimization, and scalable User Acquisition campaigns.

Targeting global launch readiness with fully optimized multi-device builds and complete 500+ level progression curves.

End of Presentation

Let's Redefine Puzzle Games.

A-Z engineering built by a solo force, designed for a massive global casual player footprint.

Visit for the full interactive audio experience:

abdullahbakis.com/tessera-flow

abdullahbakis1672@gmail.com