Tools

Tools & Frameworks

PixiJS

Rendering systems, WebGPU experimentation and graphics tooling.

Overview

I worked closely with members of the PixiJS ecosystem on rendering-related development and next-generation browser graphics technologies during my time at Playco.

My Role

My work focused primarily on preparing rendering systems and shader functionality for WebGPU/WGSL support, alongside broader rendering improvements and framework-level tooling.

I also developed a range of personal rendering experiments and framework-based projects using PixiJS to explore maintainable architecture and scalable rendering workflows.

Filter Demos

Dissolve

A luminance-mask dissolve effect that uses a grayscale texture map to progressively discard or reveal pixels from the rendered image.

Wave

A sine-wave distortion filter that animates vertical pixel offsets to create a soft, rippling motion across the source image.

Wave Horizontal

A horizontal variant of the wave distortion filter, offsetting pixels along the x-axis for a directional animated warp.

Contributions

  • Rewriting PixiJS filters in WGSL for WebGPU compatibility.
  • Developing custom rendering filters and visual effects.
  • Expanding and improving blend mode support.
  • Improving filter flexibility and runtime behaviour.
  • Contributing to interaction and rendering pipeline updates.
  • Rendering-related fixes and framework improvements.