Interactives and Web Experiments
Role Designer | Developer
Tasks Interaction Design | Creative Coding
Client Xuan (Sean) Li

Interaction and creative coding experiments and sketches exploring abstract visuals, aesthetic data visualization, and playful interactions. Implemented using frameworks like D3.js, Three.js/React Three Fiber, Processing/P5.js, Unity or Irrlicht Game Engine, or analog hardware electronic prototyping techniques.

Johnny's Laptop is a handcrafted three.js playground using zustand, theatrejs, rapier, and drei as well as custom GLSL shaders, post-processing effects, and positional audio. It's also a candidate for future performance optimizations and transition to WebGPU backend via TSL.

Built with D3.js, Projects Mind Map is a force-directed graph visualizing the relationships between my projects. It builds from a similar graph visualization I prototyped for the Microsoft PixelSense (fmr. Surface) in 2010.

A decent modern gpu and having browser hardware acceleration enabled is recommended for best experience for these projects.