CodePen Canvas

A public sketchbook for small web interactions, interface fragments, motion studies, and playful front-end experiments.

Overview

CodePen Canvas collects lightweight prototypes from my CodePen profile. These sketches are useful for quickly testing interaction ideas before they become larger XR, web, or tool-building projects.

CodePen Demos

SenseGaze Demo

A gaze-sensing interaction sketch for exploring how attention, direction, and interface feedback can be visualized in the browser.

Open full view

Spherical Distance Demo

A spatial math sketch for inspecting distance relationships on a sphere, useful for XR geometry, gaze fields, and curved-surface interaction thinking.

Open full view

Dynamic Scale XR UI

A browser-native XR interface prototype exploring adaptive scale, readable depth, and responsive spatial UI feedback.

Open full view

Camera Culling

A camera-space visibility sketch for testing how interface elements can appear, disappear, or simplify based on view constraints.

Open full view