WebGPU: Bindless dynamic slot manager

README.md

WebGPU: Bindless dynamic slot manager

view on jsgist

index.css

/*bug-in-github-api-content-can-not-be-empty*/

index.html

/*bug-in-github-api-content-can-not-be-empty*/

index.js

// This class manages a range of dynamic slots
class BindlessSlotManager {
  #lastSubmitIndex = 0;
  #completedSubmitIndex = 0;
  #firstSlotNumber = 0;
  #availableAfterSubmit: number[];
  #device: GPUDevice;
  #resourceTable: GPUResourceTable;

  constructor(device, resourceTable, firstSlotNumber, numSlots) {
    this.#device;
    this.#resourceTable;
    this.#firstSlotNumber = firstSlotNumber;
    this.#availableAfterSubmit = new Array(numSlots);
  }

  // private
  #update(realSlot: number, resource:  GPUBindingResource)  {
    this.#availableAfterSubmit[realSlot - this.#firstSlotNumber] = Number.POSITIVE_INFINITY;
    this.#resourceTable.updateBinding(realSlot, resource);
  }

  insertBinding(resource: GPUBindingResource) {
    const slot = this.#availableAfterSubmit.findIndex(e => e < #this.completedSubmitIndex);
    if (slot < 0) {
      return undefined; // or throw
    }
    this.#update(slot, resource);
    return slot + this.#firstSlotNumber;
  }

  removeBinding(slot: number) {
    this.#availableAfterSubmit[slot - this.#firstSlotNumber] = this.#lastSubmitIndex;
    this.#resouceTable.removeBinding(slot);
  }

  // call this immediately after device.queue.submit
  submit() {
    ++this.#lastSubmitIndex;
    const submitIndex = this.#lastSubmitIndex;
    this.#device.queue.onSubmittedWorkDone().then(() => {
      this.#completedSubmitIndex = submitIndex;
    });
  }
}

jsGist.json

{"name":"WebGPU: Bindless dynamic slot manager","settings":{},"filenames":["index.html","index.css","index.js"]}