YJ.
Interactive Archives

The Lab

A repository of native WebGL experiments, XR prototypes, and playful micro-interactions. // Current_Registry_Size: 15 modules

Building Time as Splitting Squares: A React + SVG Tutorial
OPEN_MODULE_015
15
Registry_Entry_rial

Building Time as Splitting Squares: A React + SVG Tutorial

A textbook-style tutorial for rebuilding the Time art piece with React, SVG, browser-native animation, and Web Audio.

JavascriptCreative-CodingReactSVGWeb-AudioTutorial
Building Dodge: A React + Canvas Tutorial
OPEN_MODULE_014
14
Registry_Entry_rial

Building Dodge: A React + Canvas Tutorial

A textbook-style interactive guide teaching you how to build the classic Dodge game from scratch using React and the HTML5 Canvas.

JavascriptGameReactCanvasTutorial
Stickman Rig Lab
OPEN_MODULE_013
13
Registry_Entry_-lab

Stickman Rig Lab

The rebuilt canonical 2.5D stickman runtime. A unified sandbox to test base rig silhouette, facing logic, idle loops, walk cycles, and prop attachments.

ReactFramer-MotionSVGCharacter-DesignAnimation-Systems
Web Audio Digital Metronome
OPEN_MODULE_012
12
Registry_Entry_nome

Web Audio Digital Metronome

A precise, web-based digital metronome built with React and the Web Audio API, featuring customizable time signatures and BPM shortcuts.

ReactWeb Audio APIInteractive Tool
Is Time Wide or Is it Long (Replica)
OPEN_MODULE_011
11
Registry_Entry_-art

Is Time Wide or Is it Long (Replica)

A modern 2026 JavaScript restoration of an interactive art piece by Hsin-Chien Huang, remade by Gemini 3.1.

JavascriptCreative-CodingReactWeb-AudioAI-Restoration
Dodge
OPEN_MODULE_010
10
Registry_Entry_odge

Dodge

A modern 2026 JavaScript restoration of the classic Flash dodge game, remade by Gemini 3.1.

JavascriptGameReactCanvasAI-Restoration
Architecting a Modular Stickman Animation System
OPEN_MODULE_09
09
Registry_Entry_tion

Architecting a Modular Stickman Animation System

A deep dive into building an extensible, boundary-aware SVG Stickman using React, Framer Motion, and Inverse Kinematics (IK).

OPEN_MODULE_08
08
Registry_Entry_ncer

Building a Sample-Based Beat Sequencer in Unity

A deep dive into architecting a high-performance audio sequencer using object pooling, DSP timing, and ADSR envelopes.

UnityC#Audio EngineeringGame Tools
Tweenie: Journey of a Unity Tween Library
OPEN_MODULE_07
07
Registry_Entry_enie

Tweenie: Journey of a Unity Tween Library

A 6-day devlog documenting the design decisions, refactors, and 'evil' singletons behind a custom Unity tweening engine.

UnityC#API DesignDevlog
Magic Table
OPEN_MODULE_06
06
Registry_Entry_able

Magic Table

Magic Table is aiming for creating an easy-to-use prototype platform for tabletop interaction. It can sense multiple touch inputs as well as fiducial markers for object tracking. The user can also use speech command to interact with it.

Multi-touch TableComputer VisionOpenFrameworksProjection Mapping
3D Printing
OPEN_MODULE_05
05
Registry_Entry_ting

3D Printing

3D Modeling and 3D Printing Practice

Rhino3DBlender3D PrintingFDMSLA
IOShoe - RF Broadcast
OPEN_MODULE_04
04
Registry_Entry_shoe

IOShoe - RF Broadcast

Test RF signal propagation for a interactive festival demo

RFArduino
Sound Cube
OPEN_MODULE_03
03
Registry_Entry_cube

Sound Cube

Interact with the virtual world with audio feedback in the physical environment

KinectUnity3DTangible
Photo Mosaic
OPEN_MODULE_02
02
Registry_Entry_saic

Photo Mosaic

Experiment on creating photo mosaic algorithm

C++OpenCV
Sgraffi
OPEN_MODULE_01
01
Registry_Entry_affi

Sgraffi

Experience Sgraffitos, where you scratch off the black layer which covers a colored page, to create a cool colorful picture on your iPhone!

Objective-COpenGLiOS

End of registry // more experiments pending