Creative Technology Lab
Home About Experiments ↗ Contact
Lab Archive

Experiments
& Tools

Quick sketches, prototypes, and studies — the lab notebook of HAS Studio. Interactive graphics, audio-reactive systems, generative engines, and AI tools you can play with.

Filter:
⬡ Real-Time Graphics 8 experiments
030Live
WebGPU Particle Engine
3+ million particles at 60fps. Node-based visual architecture with compute shaders for real-time dynamics and force fields.
WebGPUWGSLCompute
029Live
Reaction-Diffusion Growth
Organic pattern generator using Gray-Scott equations. Dual-pass ping-pong rendering with live parameter controls.
WebGLGLSLGenerative
027Live
Fluid Simulation
Navier-Stokes fluid simulation entirely in GLSL. Pressure projection, advection, and curl-noise dye injection.
WebGLGLSLPhysics
025Live
Curl Noise Fields
Flow field visualization using 3D curl noise. 500k trail particles following divergence-free vector fields.
WebGLParticlesMath
022Live
Voronoi Fracture
Real-time Voronoi tessellation with animated seed points. Click to shatter. GPU-accelerated distance field computation.
WebGLGLSLMath
Preview N/A
019WIP
Refraction Study
Screen-space refraction using framebuffer sampling and normal maps. Exploring IOR variation and chromatic aberration effects.
WebGLGLSLShaders
♪ Audio-Reactive 5 experiments
031Live
Audio-Reactive Blob
FFT-driven motion and material response. Bass frequencies deform blob geometry; treble modulates surface roughness.
Web AudioFFTWebGL
026Live
Waveform Sculpture
Live microphone input extruded into a 3D waveform mesh. Geometry updates at 60fps via morph targets.
Web AudioThree.jsMesh
Preview N/A
021WIP
Spectral Terrain
Music spectrum mapped to procedural terrain displacement. Each frequency band controls a different octave of noise.
Web AudioGLSLTerrain
◈ Generative Systems 7 experiments
028Live
Generative Blocks
Architectural compositions from recursive subdivision rules. Each run produces a unique building facade. PNG export included.
Canvas 2DGenerativeExport
024Live
HAS Paste-Up
Halftone particle design tool. Type-driven particle systems where glyph contours become force attractors.
Canvas 2DTypographyParticles
020Live
Pixel Sort Engine
Glitch aesthetics via pixel sorting — horizontal, vertical, diagonal. Upload any image. Multiple sort masks and thresholds.
Canvas 2DGlitchImage
◧ Tools & AI 6 experiments
023Live
Projection Mapper
Homography-based video mapping with scanline renderer. 4-point corner pinning, bezier warping, and social media slide export.
Canvas 2DHomographyVideo
018Live
3D Lightbox Studio
PBR materials, softbox lighting, GLB export, camera bookmarks. Built for product and brand photography mockups in-browser.
Three.jsPBRGLB
Preview N/A
016WIP
MOTION³ Editor
NLE timeline combined with a Three.js viewport. Keyframe animation, camera paths, and real-time 3D preview in the browser.
Three.jsNLEAnimation
WebGLWebGPUThree.jsGLSL / WGSLReactUnreal EngineNode.jsPythonUnityCinema 4DAfter EffectsC#AI / MLComfyUIJavaScriptWeb Audio APIWebGLWebGPUThree.jsGLSL / WGSLReactUnreal EngineNode.jsPythonUnityCinema 4DAfter EffectsC#AI / MLComfyUIJavaScriptWeb Audio API