@0b5vr/tweakpane-plugin-profiler 中文文档教程

Question

@0b5vr/tweakpane-plugin-profiler

Tweakpane

沙盒

<script src="https://unpkg.com/tweakpane@3.0.5/dist/tweakpane.js"></script>
<script src="./tweakpane-plugin-profiler.js"></script>
<script>
  const pane = new Tweakpane.Pane();

  pane.registerPlugin( TweakpaneProfilerBladePlugin );

  const profiler = pane.addBlade( {
    view: 'profiler',
    label: 'profiler',
  } );

  function update() {
    profiler.measure( 'haha', () => {
      somethingExpensive();
    } );

    requestAnimationFrame( update );
  }
  requestAnimationFrame( update );
</script>