carolinacherry/cardia-survey

This project is a small, self contained web page that shows a beating, photoreal human heart floating in a studio, being scanned region by region like a sci fi medical device. Everything happens in the browser: there is no game engine and no build step. It is one HTML file that pulls in the Three.js graphics library from a CDN and uses the browser's built in Web Audio API for sound. On screen you get a heart that pulses at roughly 68 beats per minute, complete with a subtle brightness flash and a small thump each beat. Next to it runs a live scrolling heartbeat line, the kind you would see on a hospital monitor, timed to match the same beat. A glowing scan line sweeps across the heart's surface and locks onto specific spots, each lock triggering an expanding ring effect. A second camera shows a zoomed in, magnified view of whatever area is currently being scanned. All the sound, including an ambient hum, scanning ticks, lock chimes, and a heartbeat thump, is generated live rather than played from recorded audio clips. There is also a record button that captures the whole scene plus its audio straight to a video file, along with a replay button to reset the scene for another take. Because it uses ES modules and loads a 3D model file, it will not work if you just double click the HTML file. Instead you need to serve it through a simple local web server, using a one line command with Python, Node, or PHP, then open it in your browser and click once to turn on the sound. The project is built with plain HTML, CSS, and JavaScript plus Three.js and the Web Audio API, all inside a single index.html file. It is inspired by an earlier viral "floating rock" demo and reinterprets that idea as a human heart. The code is released under the MIT license, though the bundled 3D heart model and font keep their own separate terms.