{"id":"vinyl-record","version":"1.0.0","title":"Spinning Vinyl Record","summary":"A vinyl record turning on a turntable at 33⅓ rpm, light running across its grooves, your title on the label. Loops perfectly.","kind":"object","target":"three","collections":["product-reveals","hypnotic-loops"],"tags":["vinyl","record","turntable","music","lp","record player","dj","retro","spinning","label","loop","3d"],"loopable":true,"motion":"procedural","durationSeconds":9,"status":"published","media":{"poster":"https://aipixelwizard.com/media/vinyl-record/1.0.0/poster.webp","preview":"https://aipixelwizard.com/media/vinyl-record/1.0.0/preview.mp4","sample":"https://aipixelwizard.com/media/vinyl-record/1.0.0/sample.mp4","sampleBytes":2642320,"sampleNote":"Pre-rendered with the default settings. Customised settings must be exported locally (npm run render)."},"urls":{"page":"https://aipixelwizard.com/visuals/vinyl-record","manifest":"https://aipixelwizard.com/api/v1/visuals/vinyl-record/versions/1.0.0","agentMd":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/agent.md","files":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/","demo":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/index.html"},"description":"A long-player turning on a turntable in a studio: the grooves catch the light in a bright wedge as real records do, the label is printed with your title, the metal platter's rim is dotted for the strobe, and a chrome tonearm rests in the groove, rising a fraction with the record's warp while its shadow falls across the disc. Choose the vinyl (black, red, mustard, marbled or gold), the deck (walnut, black or brushed silver), the label colour and its two lines, the camera angle (three-quarter, from above or low) and the backdrop.","role":"Hero object (Three.js 3D): a turntable for music, podcast and nostalgia content.","useCases":["A now-playing visual for a song release, a playlist or a radio show","A podcast or DJ-set background that loops for the whole episode","A gold record moment for a milestone or an award"],"synonyms":["spinning record","vinyl record animation","record player","turntable loop","lp spinning","gold record","dj deck","now playing","album spin"],"digest":"0ef58e862373c92019254196ef74746b8bbde208b7cbaf529cf3aa47aa7fae95","implementation":{"target":"three","runtime":"browser","language":"javascript","module":"esm","entry":"src/vinyl-record.js","exports":[{"name":"createTurntable","signature":"createTurntable({ vinyl?, deck?, labelColor?, inkColor?, title?, subtitle?, seed?, anisotropy? }) => { group, turning, recordCentre, stylus, surfaceY, update(time), dispose() }","description":"The turntable with its record as a THREE.Group (1 unit = 10 cm, standing on y = 0). update(time) turns it at 33⅓ rpm."},{"name":"RPM","signature":"RPM = 33⅓","description":"Turns per minute: five turns take exactly 9 seconds."},{"name":"VINYLS","signature":"VINYLS: { black, red, yellow, marble, gold }","description":"The record finishes."},{"name":"DECKS","signature":"DECKS: { walnut, black, silver }","description":"The turntable finishes."}],"reusable":["src/vinyl-record.js"],"demo":"demo.js","harness":"index.html"},"dependencies":[{"id":"three","version":"0.185.1","scope":"source","reason":"Renderer, geometry and physical materials (anisotropic grooves)."},{"id":"chrome-material","version":"1.1.0","scope":"demo","reason":"Studio environment light, backdrop, floor and contact shadow."},{"id":"apw-runtime","version":"1.0.0","scope":"demo","reason":"Demo harness."}],"uses":[],"usedBy":[],"params":[{"key":"vinyl","label":"Vinyl","type":"select","default":"black","options":[{"value":"black","label":"Black"},{"value":"red","label":"Red"},{"value":"yellow","label":"Mustard"},{"value":"marble","label":"Marbled"},{"value":"gold","label":"Gold record"}]},{"key":"deck","label":"Turntable","type":"select","default":"walnut","options":[{"value":"walnut","label":"Walnut"},{"value":"black","label":"Black"},{"value":"silver","label":"Brushed silver"}]},{"key":"label","label":"Label colour","type":"color","default":"#efe4cf"},{"key":"title","label":"Label title","type":"text","default":"Midnight Session","maxLength":28,"sensitive":true},{"key":"subtitle","label":"Label second line","type":"text","default":"Side one, long play","maxLength":36,"sensitive":true},{"key":"angle","label":"Camera","type":"select","default":"hero","options":[{"value":"hero","label":"Three-quarter"},{"value":"top","label":"From above"},{"value":"low","label":"Low angle"}]},{"key":"background","label":"Backdrop","type":"color","default":"#241a15"},{"key":"orbit","label":"Camera drift","type":"boolean","default":true},{"key":"seed","label":"Seed","help":"Changes the wood grain, the dust on the record and the marbling.","type":"integer","min":1,"max":999,"step":1,"default":3}],"presets":[{"id":"default","label":"Walnut deck, black vinyl","params":{}},{"id":"red","label":"Red vinyl from above","params":{"vinyl":"red","deck":"black","label":"#141416","angle":"top","background":"#3a1418"}},{"id":"dj","label":"DJ deck, low angle","params":{"deck":"silver","label":"#f2c230","title":"Club Mix","subtitle":"Extended version, 12 inch","angle":"low","background":"#14171c"}},{"id":"gold","label":"Gold record","params":{"vinyl":"gold","deck":"black","label":"#121214","title":"Certified Gold","subtitle":"500,000 copies sold","background":"#0f0f12"}},{"id":"marble","label":"Marbled vinyl on linen","params":{"vinyl":"marble","label":"#1e3352","title":"Slow Mornings","subtitle":"Acoustic sessions","angle":"top","background":"#cdc3b4","seed":8}}],"output":{"width":1080,"height":1080,"fps":30,"durationSeconds":9,"posterSeconds":4,"alpha":false,"motion":"procedural","loop":{"seamless":true,"cycleSeconds":9,"method":"At 33⅓ rpm the record makes exactly five turns in 9 seconds; the arm's warp motion follows the turns and the camera drift is a sine of the loop, so the last frame meets the first."},"seed":{"param":"seed","behavior":"Seed picks the wood grain, the dust and scuffs on the record and the marbling: same seed, same record."}},"composition":{"inputs":"Time in seconds; the vinyl, deck, label colour and texts.","outputs":"A THREE.Group: the turntable with its platter, record and tonearm, standing on y = 0.","coordinates":"1 unit = 10 cm. The deck is 4.5 wide and 3.55 deep; the record (radius 1.52) turns about recordCentre, left of the deck's centre.","lighting":"Physical materials: needs scene.environment for the groove sheen and the chrome; a shadow-casting key light lays the tonearm's shadow on the record.","timing":"update(time) is a pure function of time; frames render in any order.","compatibleWith":["chrome-material","orbit-camera","kinetic-title"],"notes":["Label texts are treated as private: not stored in shared packs unless you choose to include them.","The label uses the system's Helvetica or Arial; the record's maps are drawn in code, no image files."]},"reuse":["Song release: the default with the song title on the label, and the artist name on the second line.","Podcast background: Red vinyl from above, camera drift off, behind your episode title.","Milestone: Gold record with your number on the second line."],"integration":{"newProject":"Set scene.environment (createStudioEnvironment from Chrome Material works), add createTurntable().group, add a shadow-casting light, and call update(time) each frame.","existingProject":"Copy src/vinyl-record.js. Add the group to your scene, scale it, and call update(seconds) every frame; use turning if you only want the record."},"performance":{"notes":"About forty meshes and a few textures made once; nothing is rebuilt per frame. Smooth at 1080p on laptop GPUs.","limits":"The anisotropic sheen needs WebGL 2. Software WebGL (no GPU) renders slowly."},"limitations":["Plays at 33⅓ rpm only (45 rpm would not loop in a short clip).","The tonearm stays in one groove; it does not cue up or lift off."],"license":{"spdx":"MIT","notice":"Copyright (c) 2026 AI Pixel Wizard. Released under the MIT License. See LICENSE in this folder.","thirdParty":[{"name":"three.js","version":"0.185.1","license":"MIT","url":"https://github.com/mrdoob/three.js"}]},"rights":{"approvedForPublicRelease":true},"provenance":"Adapted from the owner's threejs-sketches/audio-musical/webgpu-vinyl-groove (MIT), rebuilt for AI Pixel Wizard in October 2026 in WebGL as a full turntable: anisotropic grooves, a printed label, a strobe-dotted platter, a modelled tonearm, studio light and shadows, a true 33⅓ rpm loop and the frame/time contract.","changelog":[{"version":"1.0.0","date":"2026-10-05","notes":"Initial release."}],"verification":{"testedOn":"2026-10-06","inputs":{"vinyl-record@1.0.0":"0ef58e862373c92019254196ef74746b8bbde208b7cbaf529cf3aa47aa7fae95","three@0.185.1":"664ca387e5fab46ff2daaa6895e1d015426850891af5ea5082cbbcc3985b068c","chrome-material@1.1.0":"ecb41776bfc1ee88997604f916a5ffe833f971d7edcc97c855697a5792d6f1dd","apw-runtime@1.0.0":"5be859cdac74823ba0bcc32c6daf06688a871104d24db5d4ceaffffd84d7c40d"},"environment":"Chrome 154.0.8037.97 headless on Linux 7.0.0-38-generic (x64), Node 22.14.0","renderer":"WebGL 2 via SwiftShader (software)","width":1080,"height":1080,"fps":30,"frames":270,"renderSeconds":2189.4,"loopCheck":{"checked":true,"seamless":true,"maxDifference":0,"note":"Frame 0 vs end state (progress 1): mean |Δ| 0.0000, max |Δ| 0 of 255."},"determinism":{"checked":true,"identical":true},"errors":[],"media":{"poster":"/media/vinyl-record/1.0.0/poster.webp","preview":"/media/vinyl-record/1.0.0/preview.mp4","sample":"/media/vinyl-record/1.0.0/sample.mp4","sampleBytes":2642320}},"files":[{"path":"LICENSE","size":1072,"sha256":"8a5f3a96f07e11522ec4bdd0a583356f99bad1245920f9709cee09b995a45153","contentType":"text/plain; charset=utf-8","url":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/LICENSE"},{"path":"asset.json","size":10139,"sha256":"797bd89bcee9ddb253d45702895d44e63b9fa91b65894bd1d508bd437643c899","contentType":"application/json; charset=utf-8","url":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/asset.json"},{"path":"demo.js","size":3813,"sha256":"06ba3cfd8f608f7f6e77d118add0d30aac00f60890d57f3d1a57a9e3efc01518","contentType":"text/javascript; charset=utf-8","url":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/demo.js"},{"path":"index.html","size":526,"sha256":"e66340a3d5db6153f5a4080c304fc4962e4e8c0cca18b15ea5f8c865c1afabb0","contentType":"text/html; charset=utf-8","url":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/index.html"},{"path":"src/vinyl-record.js","size":24252,"sha256":"a749759701bcf024348593277001ff181d0add58d947a50c4d8e783cbce43222","contentType":"text/javascript; charset=utf-8","url":"https://aipixelwizard.com/registry/vinyl-record/1.0.0/src/vinyl-record.js"}],"warnings":[]}