Enhanced Primitives Demo
LuminousSphere v4 with Pizza Punk techniques: materials, Lissajous motion, flow trails, and lighting.
Global Controls
Adjust parameters for all spheres below
Material System
6 material presets adapted from Pizza Punk's "Sculpted Flow"
mat
glossy
metallic
soft
glass
spectrum
Motion Patterns
Organic motion using Lissajous curves, drift, breathing, and pulse
lissajous
drift
breathing
pulse
Lighting System
Specular highlights and shadow layers for depth rendering
Without Lighting
Flat appearance
With Lighting
Specular highlights + shadows
Flow Trails
Motion blur effect from Pizza Punk's technique of omitting background()
Technical Implementation
Pizza Punk techniques adapted for React
Lissajous Curves
Parametric sine/cosine motion creating organic figure-8 patterns. Formula: x = sin(t × freqX + phaseX), y = cos(t × freqY + phaseY)
Material System
6 presets controlling shininess (0-300), specular color, opacity, blur, and shadow intensity. Adapted from Pizza Punk's 3D material rendering for 2D CSS.
Flow Trails
Motion blur effect inspired by omitting background() in p5.js sketches. Implemented via blurred duplicate layers with reduced opacity.
Lighting Layers
Specular highlights (top-left gradient) and drop shadows (beneath orb) create depth and dimensionality using box-shadow and radial gradients.