bfgeek

const canvas = new OffscreenCanvas(1000, 1000);
const ctx = canvas.getContext('2d' /* not sure if this is special */);

const layer = new CanvasVRLayer(canvas);

async function drawLoop() {
  do {
  
  } while (await ctx.commit());
}

bfgeek

interface VRAnchor {
  readonly attribute VRCoordinateSystem coordinateSystem;
};

[Constructor(VRDisplay)]
interface VRStageAnchor : VRAnchor {
  readonly attribute float sizeX;
  readonly attribute float sizeY;
};

bfgeek

<style>
.painting {
  background-image: paint(typed, 10px), url(foo2.png);
  background-image: paint(typed, red), url(foo1.png);
}
</style>
<script>
// paint worklet
registerPaint('typed', class {
  static inputArguments = ['<length>'];

bfgeek

const source = ???;
const audioWorkletNode = new AudioWorkletNode('filter');

source.connect(audioWorkletNode);
audioWorkletNode.connect(ctx.destination);


|----------|
           |---|
           

bfgeek

registerAnimator('foo', class {
  static elements = {
    scroller: {
      isRoot: true;
      scrollInput: true;
    },
    
    parallax: {
      outputProperties: ['transform']
    }

bfgeek

// animation worklet
registerAnimator('parallaxAnim', class {
  static inputs = {
    'scroller': {
      'scrollTop'
    },
    'parallax': {
      'style': ['transform']
    }
  }

bfgeek

registerAnimator('parallax', class {
  static inputs = {
    'scroller': ScrollSource;
  };
  
  static outputs = {
    'parallax': Style(['transform']) // This is bad.
  }
  
  animate(inputs, outputs) {

bfgeek

registerAnimator('parallax', class {
  animate(inputs, outputs) {
    // read scroller vertical scroll offset.
    const scrollTop = inputs.scroller.scrollTop;

    // update parallax transform
    let t = outputs.parallax.styleMap.get('transform').m42;
    t =  -0.2 * scrollTop;
    outputs.parallax.styleMap.set('transform', new CSSTransformValue(... t));
  }

bfgeek

registerLayout('my-grid-layout', class {
  static inputProperties = [/* etc */];

  constructor() {
    this.grid = []; // Place items on a cached grid so don't have to recompute each layout call.
  }

  addRemoveChildren(addRemoveList) {
    // Rebuild grid now, only occurs when child list changes.
    for (let i = 0; i < addRemoveList.length; i++) {

bfgeek

BlockFlowLayout::layout(Box* box)
{
// START TOP GENERATOR MACRO
    switch (m_state) {
        case 0:
            goto a;
        case 1:
            goto b;
    }