Expert
p5.js — Expert
Advanced shaders, machine learning, real-time audio systems, custom renderers, WebRTC, hardware integration, procedural world generation, and preparing work for public exhibition.
01
Advanced Shader Programming
Raymarching, multi-pass rendering, feedback loops, and noise-based procedural textures.
02
Machine Learning with ml5.js
PoseNet, Handpose, ImageClassifier, BodySegmentation, and training custom models.
03
Real-time Audio Visualisation
Web Audio API, pitch detection, beat detection, and spectral analysis pipelines.
04
Generative Art Systems
Algorithmic composition, rule-based aesthetics, output series, and edition management.
05
Custom Renderers
Off-screen buffers, multi-pass effects, instanced rendering, and SVG output.
06
Performance Optimisation
Profiling, GPU vs CPU bottlenecks, workers, object pooling, and draw call reduction.
07
WebRTC & Live Collaboration
Peer-to-peer video, data channels, and building multi-user shared canvas experiences.
08
Hardware Integration
Web Serial API, WebMIDI, Arduino, OSC, and connecting physical sensors to p5.js.
09
Procedural World Generation
Terrain, city layout, vegetation, weather, and chunk-based infinite scrolling.
10
Publishing & Portfolio
Platforms, NFTs, print editions, exhibition tech riders, and documentation practice.