Overview
The Auditory Anatomy Mesh & Signal Visualizer is an advanced, interactive WebGL application detailing the biophysical processes of the human ear. Sound relies on a sequential cascading sequence of energy transfers: commencing with longitudinal air pressure oscillations, proceeding into structural mechanical vibrations of middle ear bones, and terminating in hydrodynamic compression waves inside the fluid chambers of the inner ear cochlea.
This portal allows medical students, acousticians, and audiologists to inspect clinical 3D anatomy meshes directly alongside live digital signal sweeps. Sound excitation frequencies and physical mechanical properties can be tuned simultaneously to visualize anatomical kinetics.
How to Use
- Select Mesh Profiles: Toggle between the loaded Clinical Inner Ear OBJ model (sourced from the high-resolution MRI datasets of the University of Dundee School of Medicine) or the interactive Procedural Model designed to highlight clear kinetic vibration sweeps.
- Excitation Oscillator Adjustments: Activate the Web Audio synthesizer using the "Sound Output" button. Sweep the physical frequency sliders (100 Hz to 2200 Hz) to monitor mechanical component kinetic changes. Utilize preset quick keys to hear standard bass, mid, and treble tones.
- Anatomical Hotspots: Click direct 3D labels (Cochlea, Nerves, Tympanic Membrane, or Middle Ear Ossicles) or click meshes directly inside the visualizer frame. The tracking overlay isolates the element and prints its specific acoustic function.
- Customize Shaders: Adjust render profiles on-the-fly. Choose normal textures, wireframe geometry, shaded flat views, solid grey medical sculpts, or transparent glass views to study physiological structures.
- Guided Tour Mode: Click the explicit "Start Guided Tour" button to initiate an automated fly-through showcasing programmed sweeps and automatically focusing on anatomical structures sequentially.
Technical Details
This single-page application is built on top of the robust Three.js WebGL library. Geometry is rendered using specialized texture maps: standard, bump, and alpha/transparency structures. To achieve a fluid frame rate and guarantee an Interaction to Next Paint (INP) score under 200 milliseconds, computational physics displacements are executed inside requestAnimationFrame rendering loops.
Real-time sound excitation frequencies are generated through the HTML5 Web Audio API, utilizing specialized oscillator and gain nodes. To conform to web security requirements, the active AudioContext remains suspended until direct touch gestures are initiated by the user. 2D labeling structures are mapped in real-time by multiplying the 3D target coordinates with the camera projection view matrix.
Future Directions
Future developments for this auditory visualization program focus on:
- FFT Real-Time Microphone Input: Enabling the 3D anatomical structures to vibrate in direct correspondence with external voices or ambient environment noise picked up by active user microphones.
- Interactive Pathological Demos: Simulating auditory conditions like fluid effusion, ossicle fracture, otosclerosis, and auditory nerve damage to highlight physical hearing loss.
- WebXR Headset Deployment: Adding VR/AR compatibility to permit immersive clinical inspections of internal cranial bones.
Anatomy Resources & Technical Reference Directory
Explore source databases, academic links, and anatomical libraries:
- 3D Model Resource: Anatomy of the Inner Ear on Sketchfab - Derived from MRI data from the University of Dundee School of Medicine.
- The Acoustical Society of America (ASA): ASA Scientific Publishing Portal - High-level scientific papers explaining middle ear biomechanics and physical acoustics.
- National Institute on Deafness and Other Communication Disorders (NIDCD): NIDCD Auditory Processing Information - Clinical descriptions of biological cochlear sound transduction and sound-driven neural spikes.
- World Health Organization (WHO) Hearing Guides: WHO Hearing Impairment Guides - Clinical hearing assessment files and hearing aid guidelines.