| 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.