SYSTEM AND METHOD FOR SERVING INTERACTIVE ADVERTISING CONTENT WITH RESPONSIVE ANIMATIONS
One variation of a method for serving interactive advertisement content includes, at a visual element rendered within a window of a computing device: loading an interactive advertisement, including a digital advertisement and a mask overlaid the digital advertisement, into the visual element, the mask including a base layer and an aperture defining a second opacity less than a first opacity of the base layer; in response to a scroll event that moves the visual element a first position within the window, rendering the interactive advertisement within the visual element; and, in response to a scroll event that moves the visual element to a second position within the window, transforming the mask according to a sequence of transformations at a rate proportional to a scroll rate of the scroll event, the sequence of transformations corresponding to a sequence of vertical positions of the visual element within the window.
1 . A method comprising, at an image player inserted within an electronic document rendered within a window of a computing device:
loading an interactive digital media into the image player, the interactive digital media comprising:
a digital media; and
a mask:
configured to obscure the digital media; and
comprising an aperture:
defining an outline; and
configured to reveal a proportion of the digital media linked to a vertical position of the image player within the window;
in response to a first event that locates the image player at a first vertical position within the window, rendering the digital media within the image player and rendering the mask over the digital media to reveal a first proportion of the digital media;
in response to a first scroll-down event that moves the image player from the first vertical position toward a second vertical position, transforming the aperture to reveal an increasing proportion of the digital media.
2 . The method of claim 1 :
further comprising detecting the first scroll-down event moving the image player from the first vertical position toward the second vertical position according to a scroll rate; and
wherein transforming the aperture to reveal the increasing proportion of the digital media comprises transforming the aperture at a rate corresponding to the scroll rate.