Create occlusions
Table of contents
Creating occlusions
Ideally, you’d have a GUI to create graphical elements, like image occlusions.
Such an interface is generated by using a special makeOcclusions
tag.
This will turn each image in the template into their own occlusion interface.
/** Make occlusions */
globalThis.target = closet.browser.recipes.occlusionEditor()(filterManager.registrar)
filterManager.install(
closet.browser.recipes.rect.show({ tagname: 'rect' }),
closet.browser.recipes.rect.reveal({ tagname: 'rectr' }),
closet.browser.recipes.rect.hide({ tagname: 'recth' }),
)
<img src="/assets/images/wikipedia.png" />
<!-- [[makeOcclusions]] -->