Link Search Menu Expand Document

Occlusions without context

Table of contents

  1. Occlusions without context

Occlusions without context

This is a different concept for displaying occlusions dubbed “occlusions without context”. It will completely obscure the image for the front, and highlight the intended section for the back. It can be useful for things like formula tables.

/** Debug features */
filterManager.install(
  closet.recipes.debug(),
  closet.recipes.define({ tagname: 'def' }),
  closet.recipes.specification.hide({ tagname: 'spec' }),
)

/** Occlusions with highlighting border */
const backProperties = {
  fill: 'transparent',
  strokeWidth: '2px',
  stroke: 'red',
}

filterManager.install(
  closet.browser.recipes.rect.show({ tagname: 'rect', backProperties }),
  closet.browser.recipes.rect.reveal({ tagname: 'rectr', backProperties }),
  closet.browser.recipes.rect.hide({ tagname: 'recth', backProperties }),
)

/** Definining lists */
filterManager.install(
  closet.recipes.setList({ tagname: 'setl' }),
)

/** Default cloze */
filterManager.install(
  closet.recipes.cloze.show({ tagname: 'c' }),
  closet.recipes.cloze.hide({ tagname: 'ch' }),
  closet.recipes.cloze.reveal({ tagname: 'cr' }),
)

/** Picking and Evaluation */
filterManager.install(
  closet.recipes.pick({ tagname: 'pick' }),
  closet.recipes.pickIndex({ tagname: 'pi' }),
  closet.recipes.pickCardNumber({ tagname: 'sel' }),
)
<!--
[[spec1::[[setl::q::Distance Formula]]]]
[[spec2::[[setl::q::Midpoint Formula]]]]
[[spec3::[[setl::q::Slope Formula]]]]
-->What is the [[pi::q]]?
[[c0::<img src="/assets/images/formulas.png" />]]
<!--
[[rect1::120,106,614,58]]
[[rect2::120,190,614,91]]
[[rect3::120,320,614,94]]
-->