diff --git a/docs/classes/circlebase.html b/docs/classes/circlebase.html index e203b70..2d78cdc 100644 --- a/docs/classes/circlebase.html +++ b/docs/classes/circlebase.html @@ -3,8 +3,8 @@
-Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance
Inherited from CircleLight.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from CircleLight.minDistance
Overrides Drawable.minDistance
Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance
Inherited from CircleLight.minDistance
Overrides Drawable.minDistance
The addDeltaTime method should be called once every frame.
Usage:
const renderer = await compile(...);
- const autoscaler = new FpsQualityAutoscaler(renderer);
+ const autoscaler = new FpsQualityAutoscaler(renderer);
+
Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance
Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance
Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance
Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance
insights property.
Example usage:
- <canvas id="main" style="width: 300px; height: 150px"></canvas>
+ <canvas id="main" style="width: 300px; height: 150px"></canvas>
+
@@ -812,7 +817,8 @@ runAnimation(canvas, [Circle.descriptor, CircleLight.descriptor], new CircleLight([150, 75], hsl(270, 100, 40), 0.1)); return true; -}); +}); +The canvas needs to have a fixed size specified by CSS.
For optimising the evaluation of the distance field, the display is divided up into a grid of tiles. The shaders for each tile are compiled to support a fix maximum number of objects on it. When using the built-in drawables it is possible that after a certain number of on-screen objects new ones won't be visible.
Mitigating this issue is quite easy. Instead of the following code:
-this.renderer = await compile(canvas, [Circle.descriptor, CircleLight.descriptor]);
+ this.renderer = await compile(canvas, [Circle.descriptor, CircleLight.descriptor]);
+
Modify it to something similar:
this.renderer = await compile(canvas, [
{
@@ -130,7 +131,8 @@
...CircleLight.descriptor,
shaderCombinationSteps: [0, 1, 2, 4],
},
-]);
+]);
+
The usage of too large numbers is not advised for compatibility and performance reasons alike.
Steps are very useful for tile-based rendering, because it is possible for one tile (at a given moment) to be empty or contain just a few objects, while others have a large cluster of objects. The compiled shaders only take into account the necessary number of objects on each tile.
diff --git a/docs/interfaces/__global.array.html b/docs/interfaces/__global.array.html index 2c48b3e..88f3c35 100644 --- a/docs/interfaces/__global.array.html +++ b/docs/interfaces/__global.array.html @@ -3,8 +3,8 @@ -Array | SDF-2D - v0.7.4 - +Array | SDF-2D - v0.7.5 + @@ -23,7 +23,7 @@Preparing search index... The search index is not available - SDF-2D - v0.7.4 + SDF-2D - v0.7.5
Inherited from EmptyDrawable.descriptor
Overrides Drawable.descriptor
Inherited from EmptyDrawable.getObjectToSerialize
Overrides Drawable.getObjectToSerialize
Inherited from EmptyDrawable.minDistance
Overrides Drawable.minDistance