A looping VHS tape look for your footage: a rolling tracking band that tears the picture, red and cyan colour bleed, tape noise and dropouts, soft corners and a camcorder date stamp
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
The camcorder date burned into the lower right corner, set in the tape's mono face and always in capitals, the way 90s camcorders printed it: month, day, year. Use the real date the footage was shot for a flashback, or any date you want the clip to feel like. Leave it empty to hide the stamp.
now: JUN 14 1997
Show the VCR's PLAY readout and its triangle in the top left, as if the tape has just been put in. Turn it off when the clip should feel like the camera's own footage rather than a tape being played back.
now: true
How bad the tracking is, 0 to 1: the height of the rolling band, how far the picture tears sideways inside it and how much snow it carries. 0 is a perfectly tracked tape with no band, around 0.6 is a worn rental, 1 is a tape that needs somebody to turn the tracking knob.
now: 0.6
Tape noise, 0 to 1: the fine horizontal grain crawling over the picture and the white dropout streaks that flick across it. 0 is a clean first copy, around 0.25 a home recording played a few dozen times with the picture still clear, 0.6 and up a copy of a copy where the grain starts to compete with the picture.
now: 0.25
Draw a stand-in home video under the effect, a backyard birthday on a summer afternoon, so the look can be judged on a picture. Turn it off, with `ground` off, to export the tape look alone on a transparent background for your own footage. The sideways tear and the colour fringing need a picture to act on, so over your own clip they show on the readouts and in the band rather than on your footage.
now: true
Fill the picture with the brand's ground colour when the stand-in scene is off. Off leaves the picture transparent, which is what you want for laying the tape look over your own footage. The soft corners are always painted.
now: false
Brand token id, one of the keys of BRANDS. Its ground colour fills the soft-cornered surround the tape picture sits in, its mono face sets the date and the PLAY readout, and its two accents colour the balloons, bunting and tablecloth of the stand-in party.
now: slate
No Tailwind, no CSS, no asset files. Inline styles only.
A VHS overlay I can put over a whole clip: the rolling tracking line that tears the picture, colour bleeding off the edges, tape noise and those white dropout lines, soft rounded corners, a PLAY readout and a camcorder date in the corner that I can change. It has to loop cleanly, and show it on something that looks like an old home video, like a kid's birthday in the backyard.