mpos-precept

Imposter DOM rects in THREE

// use in standalone mode
mpos.init()

// use with existing scene
mpos.init( { scene: scene, camera: camera, renderer: renderer } )

const opts = {
  depth: 32,
  parse: function( comment ){ /*data*/ }
}

// add element to scene, and listen for updates
mpos.dom( 'main', opts )

grade

flowchart TB

window-.-selector
subgraph selector
 direction TB
 child--maxRes-->parent
 parent--depth-->child
end

grade("sanitize, transform")
selector-->grade-->a

subgraph type
  direction TB
  a("1x: structure, visibility")
  grade-.-tag{blacklist}
  a-->b{interactive}
  b--no---poster("2x: img, text")
  b--yes---native("3x: form, video")
  native-->c{cors}
end

c-.yes-.->CSS3DRenderer
c--no--->html-to-image
poster-->html-to-image
a-->loader

applications

• menus: runtime, dynamic, translate, filesize, outsource, mixed-media
• sentiment analysis: simulate, augment, local
• advertise: immersive, context-aware
• game: environment, prototype
• test suite: comps, spec sheet