Elastic Man
๐งฌ The Physics of Facial Elasticity
Elastic Man (originally developed as a tech demo for Adult Swim) serves as a benchmark for soft-body dynamics in a browser environment. Unlike traditional games with rigid hitboxes, this simulation treats the character's face as a high-density mesh with variable surface tension constraints. The skin behaves like a fluid membrane, stretching and snapping back based on Hooke's Law of elasticity.
The simulation is devoid of objectives. Its primary value lies in the sensory feedback loop (ASMR visuals) and the technical impressive rendering of subsurface scatteringโthe way light penetrates the translucent "skin" material.
๐ง Sensory Processing & Stress Relief
From a cognitive perspective, this interaction is a form of digital "stimming":
- Tactile Empathy: Although the player touches a screen/mouse, the visual fidelity of the skin stretching triggers mirror neurons, creating a phantom tactile sensation.
- Uncanny Valley Navigation: The face is realistic enough to be recognizable but distorted enough to be comedic. This bypasses the "uncanny valley" repulsion response, landing firmly in the zone of grotesque humor.
๐ฎ Interaction Parameters
The engine responds to specific vector inputs:
- Velocity Tracking: The faster you drag the mouse, the more the skin deforms. The physics engine calculates momentum transfer to the underlying "skull" anchor points.
- Audio Feedback: The squishing sounds are procedurally modulated based on the speed and depth of the stretch, reinforcing the perception of mass and viscosity.
- Eye Tracking: The eyes independently track the cursor, adding a layer of artificial intelligence that creates a sense of being observed by the simulation.
๐ Technical Showcase
Why this matters for WebGL:
- Normal Mapping: Observe how the wrinkles appear dynamically. This is done via dynamic normal maps that react to mesh compression.
- Performance: Despite the complex physics, the shader is optimized to run at 60FPS on low-power devices by utilizing GPU compute shaders.
โ FAQ
Is there a goal?
No, it is a pure sandbox simulation designed for stress relief and physics testing.
How do I change the face quality?
Press the 'M' key (on some versions) or check the toggle in the corner to switch between Low and High shader quality.