Skip to main content
MP
Creative Tool2025

RUBIK'S OPTICAL SOLVER

Point the camera, detect colors, solve, and visualize in 3D.

Role

Solo Developer

Stack
Vanilla JSCamera API3D Visualization
Status

Completed

Links

Overview

Rubik's Optical Solver captures cube faces through camera input, detects sticker colors, and computes a solution path in-browser.

The full pipeline runs with zero dependencies, including color detection and interactive 3D state visualization.

Key Features

Camera captureFace-by-face cube scanning with browser camera access
Auto color detectionPixel sampling and normalization for sticker classification
3D cube viewStep-wise visual playback of solving moves
No dependenciesFully browser-native implementation

Tech Deep Dive

I implemented the capture and processing stack directly with browser APIs, then mapped detected facelets into solver state and rendered transitions in a lightweight custom 3D visualization layer.

Next ProjectINTENTPATH AI