Link Search Menu Expand Document

Create occlusions

Table of contents

  1. Creating occlusions

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]] -->