Skip to main content
THE DIGITAL WORKSHOPLive Experiments

Interactive Lab

A sandbox for creative frontend prototypes, low-level browser mechanics experiments, and tactile interaction design tests built by Raj Shah.

DEMO 01 · 3D STICKY WALL

Pure CSS 3D Algorithmic Flip Cards

What this shows: GPU-accelerated preserve-3d rotations with zero JS animation libraries.

CONCEPT 1

Two Pointers / Fast & Slow

Detecting cycles in linked lists or finding midpoints in O(1) extra auxiliary space.

Click or tap to flip
JAVA IMPLEMENTATION
while (fast != null && fast.next != null) {
  slow = slow.next;
  fast = fast.next.next;
  if (slow == fast) return true;
}
Click to return
CONCEPT 2

Sliding Window Maximum

Monotonic deque preserving decreasing order so the maximum is always at the front.

Click or tap to flip
JAVA IMPLEMENTATION
Deque<Integer> q = new ArrayDeque<>();
while (!q.isEmpty() && nums[q.peekLast()] <= val) {
  q.pollLast();
}
q.offerLast(i);
Click to return
CONCEPT 3

Binary Search On Answer

When the decision function f(x) is monotonic, search across the answer space [low, high].

Click or tap to flip
JAVA IMPLEMENTATION
while (low <= high) {
  int mid = low + (high - low) / 2;
  if (isValid(mid)) { ans = mid; high = mid - 1; }
  else { low = mid + 1; }
}
Click to return
DEMO 02 · DOM OBJECT POOLING

Tunnel Flap Memory Lifecycle Simulator

What this shows: Recycling 8 persistent DOM nodes eliminates garbage collection stutter.

N1
slot
N2
slot
N3
slot
N4
slot
N5
slot
N6
slot
N7
slot
N8
slot
Nodes Recycled: 24 cyclesDOM Allocation: Constant 8 Nodes (Zero Leak)
Engine Rule

Instead of calling document.createElement() and element.remove(), obstacles that pass the left boundary simply transform their X coordinate back to the right with randomized gap geometry.

DEMO 03 · SPATIAL POINTER TILT

Interactive Physics Perspective Card

What this shows: Real-time pointer vector calculations mapped to 3D matrix perspective.

PHYSICS EXPERIMENT

Obsidian Lime Spatial Tile

Hover and move your pointer across this card to observe real-time angular displacement without layout thrashing.

rotateX: 0.0°rotateY: 0.0°