@react-three/drei 9.83.9 → 9.84.0

package/core/useTrailTexture.js

@@ -14,11 +14,10 @@ import { Texture } from 'three';
 // smooth new sample (measurement) based on previous sample (current)
 function smoothAverage(current, measurement, smoothing = 0.9) {
   return measurement * smoothing + current * (1.0 - smoothing);
-} // default ease
-
+}
 
+// default ease
 const easeCircleOut = x => Math.sqrt(1 - Math.pow(x - 1, 2));
-
 class TrailTexture {
   constructor({
     size = 256,
@@ -45,7 +44,6 @@ class TrailTexture {
     this.force = 0;
     this.initTexture();
   }
-
   initTexture() {
     this.canvas = document.createElement('canvas');
     this.canvas.width = this.canvas.height = this.size;
@@ -56,44 +54,40 @@ class TrailTexture {
     this.canvas.id = 'touchTexture';
     this.canvas.style.width = this.canvas.style.height = `${this.canvas.width}px`;
   }
-
   update(delta) {
-    this.clear(); // age points
+    this.clear();
 
+    // age points
     this.trail.forEach((point, i) => {
-      point.age += delta * 1000; // remove old
-
+      point.age += delta * 1000;
+      // remove old
       if (point.age > this.maxAge) {
         this.trail.splice(i, 1);
       }
-    }); // reset force when empty (when smoothing)
+    });
 
+    // reset force when empty (when smoothing)
     if (!this.trail.length) this.force = 0;
     this.trail.forEach(point => {
       this.drawTouch(point);
     });
     this.texture.needsUpdate = true;
   }
-
   clear() {
     this.ctx.globalCompositeOperation = 'source-over';
     this.ctx.fillStyle = 'black';
     this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
   }
-
   addTouch(point) {
     const last = this.trail[this.trail.length - 1];
-
     if (last) {
       const dx = last.x - point.x;
       const dy = last.y - point.y;
       const dd = dx * dx + dy * dy;
       const force = Math.max(this.minForce, Math.min(dd * 10000, 1));
       this.force = smoothAverage(force, this.force, this.smoothing);
-
       if (!!this.interpolate) {
         const lines = Math.ceil(dd / Math.pow(this.radius * 0.5 / this.interpolate, 2));
-
         if (lines > 1) {
           for (let i = 1; i < lines; i++) {
             this.trail.push({
@@ -106,7 +100,6 @@ class TrailTexture {
         }
       }
     }
-
     this.trail.push({
       x: point.x,
       y: point.y,
@@ -114,22 +107,20 @@ class TrailTexture {
       force: this.force
     });
   }
-
   drawTouch(point) {
     const pos = {
       x: point.x * this.size,
       y: (1 - point.y) * this.size
     };
     let intensity = 1;
-
     if (point.age < this.maxAge * 0.3) {
       intensity = this.ease(point.age / (this.maxAge * 0.3));
     } else {
       intensity = this.ease(1 - (point.age - this.maxAge * 0.3) / (this.maxAge * 0.7));
     }
+    intensity *= point.force;
 
-    intensity *= point.force; // apply blending
-
+    // apply blending
     this.ctx.globalCompositeOperation = this.blend;
     const radius = this.size * this.radius * intensity;
     const grd = this.ctx.createRadialGradient(pos.x, pos.y, Math.max(0, radius * 0.25), pos.x, pos.y, Math.max(0, radius));
@@ -140,9 +131,7 @@ class TrailTexture {
     this.ctx.arc(pos.x, pos.y, Math.max(0, radius), 0, Math.PI * 2);
     this.ctx.fill();
   }
-
 }
-
 function useTrailTexture(config = {}) {
   const {
     size,

package/helpers/environment-assets.d.ts

@@ -10,4 +10,4 @@ export declare const presetsObj: {
     sunset: string;
     warehouse: string;
 };
-export declare type PresetsType = keyof typeof presetsObj;
+export type PresetsType = keyof typeof presetsObj;

package/helpers/ts-utils.d.ts

@@ -1,3 +1,3 @@
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
-export declare type NamedArrayTuple<T extends (...args: any) => any> = Parameters<T>;
-export declare type ForwardRefComponent<P, T> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+export type NamedArrayTuple<T extends (...args: any) => any> = Parameters<T>;
+export type ForwardRefComponent<P, T> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;

package/helpers/useEffectfulState.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-declare type RefType<T> = React.MutableRefObject<T> | ((state: T) => void);
+type RefType<T> = React.MutableRefObject<T> | ((state: T) => void);
 export declare function useEffectfulState<T>(fn: () => T, deps?: React.DependencyList, cb?: RefType<T>): T | undefined;
 export {};

package/helpers/useEffectfulState.js

@@ -3,7 +3,6 @@ import * as React from 'react';
 function call(ref, value) {
   if (typeof ref === 'function') ref(value);else if (ref != null) ref.current = value;
 }
-
 function useEffectfulState(fn, deps = [], cb) {
   const [state, set] = React.useState();
   React.useLayoutEffect(() => {