Volumetric GLSL sphere Screen-space sphere with a light raymarched interior, soft glass rim, organic audio deformation, and quaternion drag rotation.

GLSL Audio Sphere

Organic internal animation.

A smoother shader sphere using a light raymarched interior, animated plasma gradients, audio-driven deformation, quaternion drag rotation, and smooth state blending in the attached white / blue / black / orange visual system.

Amplitude 0.18

Orb version Organic glass

Option 2 is a custom GLSL version inspired by the linked CodePen reference, using a smoother gyroid-style volumetric interior.

Orb radius 0.375

This replaces the hard-coded shader radius. It applies to both orb versions.

Internal texture size 2.65

Higher values make the Smooth AI orb texture larger, softer, and less zoomed out inside the sphere.

Rotation Orbit drag

Auto orbit 0.00

Orbit drag uses a quaternion built from yaw and pitch, so the object rotates like a normal 3D preview. Arcball is still available for free-form rotation.

Microphone Off

Browser permission is required. Once enabled, the live mic RMS drives setAmplitude(value)-style deformation.

Transcription Off

Click Start transcription, allow browser microphone access, then speak. Status updates will appear above.

Uses the browser SpeechRecognition API when available. It now keeps stable final text and saves partial chunks when Chrome restarts, but for production-level full transcription use a server/API transcription service.

State

PNG renders

The PNG captures only the canvas, without the control panel. For app integration use setAmplitude(value), setVisualState(state), setOrbVersion(version), setOrbRadius(value), setTextureSize(value), setRotationMode(mode), setAutoOrbitSpeed(value), setOrbRotation(yaw, pitch), setOrbQuaternion(x, y, z, w), setMicrophoneEnabled(true), startTranscription(), stopTranscription(), and getTranscript().