@react-three/drei 9.45.1 → 9.46.1

package/README.md

@@ -77,6 +77,7 @@ The `native` route of the library **does not** export `Html` or `Loader`. The de
           <li><a href="#marchingcubes">MarchingCubes</a></li>
           <li><a href="#decal">Decal</a></li>
           <li><a href="#svg">Svg</a></li>
+          <li><a href="#asciirenderer">AsciiRenderer</a></li>
         </ul>
         <li><a href="#shaders">Shaders</a></li>
         <ul>
@@ -1249,6 +1250,38 @@ Accepts an SVG url or svg raw data.
 <Svg src={urlOrRawSvgString} />
 ```
 
+#### AsciiRenderer
+
+<p>
+  <a href="https://codesandbox.io/s/vq9wsl"><img width="20%" src="https://codesandbox.io/api/v1/sandboxes/vq9wsl/screenshot.png" alt="Demo"/></a>
+</p>
+
+Abstraction of three's [AsciiEffect](https://threejs.org/examples/?q=as#webgl_effects_ascii). It creates a DOM layer on top of the canvas and renders the scene as ascii characters.
+
+```tsx
+type AsciiRendererProps = {
+  /** Render index, default: 1 */
+  renderIndex?: number
+  /** CSS background color (can be "transparent"), default: black */
+  bgColor?: string
+  /** CSS character color, default: white */
+  fgColor?: string
+  /** Characters, default: ' .:-+*=%@#' */
+  characters?: string
+  /** Invert character, default: true */
+  invert?: boolean
+  /** Colorize output (very expensive!), default: false */
+  color?: boolean
+  /** Level of detail, default: 0.15 */
+  resolution?: number
+}
+```
+
+```jsx
+<Canvas>
+  <AsciiRenderer />
+```
+
 # Shaders
 
 #### MeshReflectorMaterial
@@ -2744,20 +2777,6 @@ This component makes its contents float or hover.
 Creates a "stage" with proper studio lighting, 0/0/0 top-centred, model-shadows, ground-shadows and optional zoom to fit. Make sure to set `makeDefault` on your controls when `adjustCamera` is true!
 
 ```tsx
-type StageShadows = Partial<AccumulativeShadowsProps> &
-  Partial<RandomizedLightProps> &
-  Partial<ContactShadowsProps> & {
-    type: 'contact' | 'accumulative'
-    /** Shadow plane offset, default: 0 */
-    offset?: number
-    /** Shadow bias, default: -0.0001 */
-    bias?: number
-    /** Shadow normal bias, default: 0 */
-    normalBias?: number
-    /** Shadow map size, default: 1024 */
-    size?: number
-  }
-
 type StageProps = {
   /** Lighting setup, default: "rembrandt" */
   preset?:
@@ -2774,7 +2793,23 @@ type StageProps = {
   environment?: PresetsType | Partial<EnvironmentProps>
   /** The lighting intensity, default: 0.5 */
   intensity?: number
+  /** To adjust centering, default: undefined */
+  center?: Partial<CenterProps>
 }
+
+type StageShadows = Partial<AccumulativeShadowsProps> &
+  Partial<RandomizedLightProps> &
+  Partial<ContactShadowsProps> & {
+    type: 'contact' | 'accumulative'
+    /** Shadow plane offset, default: 0 */
+    offset?: number
+    /** Shadow bias, default: -0.0001 */
+    bias?: number
+    /** Shadow normal bias, default: 0 */
+    normalBias?: number
+    /** Shadow map size, default: 1024 */
+    size?: number
+  }
 ```
 
 By default it gives you contact shadows and auto-centering.

package/core/AsciiRenderer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-three/fiber"),r=require("three-stdlib");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=o(e);exports.AsciiRenderer=function({renderIndex:e=1,bgColor:o="black",fgColor:l="white",characters:s=" .:-+*=%@#",invert:c=!0,color:i=!1,resolution:d=.15}){const{size:u,gl:m,scene:a,camera:f}=t.useThree(),E=n.useMemo((()=>{const e=new r.AsciiEffect(m,s,{invert:c,color:i,resolution:d});return e.domElement.style.position="absolute",e.domElement.style.top="0px",e.domElement.style.left="0px",e.domElement.style.pointerEvents="none",e}),[s,c,i,d]);n.useLayoutEffect((()=>{E.domElement.style.color=l,E.domElement.style.backgroundColor=o}),[l,o]),n.useEffect((()=>(m.domElement.style.opacity="0",m.domElement.parentNode.appendChild(E.domElement),()=>{m.domElement.style.opacity="1",m.domElement.parentNode.removeChild(E.domElement)})),[E]),n.useEffect((()=>{E.setSize(u.width,u.height)}),[E,u]),t.useFrame((e=>{E.render(a,f)}),e)};

package/core/AsciiRenderer.d.ts

@@ -0,0 +1,11 @@
+declare type AsciiRendererProps = {
+    renderIndex?: number;
+    bgColor?: string;
+    fgColor?: string;
+    characters?: string;
+    invert?: boolean;
+    color?: boolean;
+    resolution?: number;
+};
+export declare function AsciiRenderer({ renderIndex, bgColor, fgColor, characters, invert, color, resolution, }: AsciiRendererProps): void;
+export {};

package/core/AsciiRenderer.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { useThree, useFrame } from '@react-three/fiber';
+import { AsciiEffect } from 'three-stdlib';
+
+function AsciiRenderer({
+  renderIndex = 1,
+  bgColor = 'black',
+  fgColor = 'white',
+  characters = ' .:-+*=%@#',
+  invert = true,
+  color = false,
+  resolution = 0.15
+}) {
+  // Reactive state
+  const {
+    size,
+    gl,
+    scene,
+    camera
+  } = useThree(); // Create effect
+
+  const effect = React.useMemo(() => {
+    const effect = new AsciiEffect(gl, characters, {
+      invert,
+      color,
+      resolution
+    });
+    effect.domElement.style.position = 'absolute';
+    effect.domElement.style.top = '0px';
+    effect.domElement.style.left = '0px';
+    effect.domElement.style.pointerEvents = 'none';
+    return effect;
+  }, [characters, invert, color, resolution]); // Styling
+
+  React.useLayoutEffect(() => {
+    effect.domElement.style.color = fgColor;
+    effect.domElement.style.backgroundColor = bgColor;
+  }, [fgColor, bgColor]); // Append on mount, remove on unmount
+
+  React.useEffect(() => {
+    gl.domElement.style.opacity = '0';
+    gl.domElement.parentNode.appendChild(effect.domElement);
+    return () => {
+      gl.domElement.style.opacity = '1';
+      gl.domElement.parentNode.removeChild(effect.domElement);
+    };
+  }, [effect]); // Set size
+
+  React.useEffect(() => {
+    effect.setSize(size.width, size.height);
+  }, [effect, size]); // Take over render-loop (that is what the index is for)
+
+  useFrame(state => {
+    effect.render(scene, camera);
+  }, renderIndex); // This component returns nothing, it is a purely logical
+}
+
+export { AsciiRenderer };

package/core/Center.d.ts

@@ -13,7 +13,7 @@ export declare type OnCenterCallbackProps = {
     horizontalAlignment: number;
     depthAlignment: number;
 };
-declare type CenterProps = JSX.IntrinsicElements['group'] & {
+export declare type CenterProps = {
     top?: boolean;
     right?: boolean;
     bottom?: boolean;
@@ -26,5 +26,22 @@ declare type CenterProps = JSX.IntrinsicElements['group'] & {
     precise?: boolean;
     onCentered?: (props: OnCenterCallbackProps) => void;
 };
-export declare const Center: React.ForwardRefExoticComponent<Pick<CenterProps, "visible" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "isGroup" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "left" | "right" | "bottom" | "top" | "disableX" | "disableY" | "disableZ" | "front" | "back" | "onCentered" | "precise"> & React.RefAttributes<Group>>;
-export {};
+export declare const Center: React.ForwardRefExoticComponent<Pick<Omit<import("@react-three/fiber").ExtendedColors<import("@react-three/fiber").Overwrite<Partial<Group>, import("@react-three/fiber").NodeProps<Group, typeof Group>>>, import("@react-three/fiber").NonFunctionKeys<{
+    position?: import("@react-three/fiber").Vector3 | undefined;
+    up?: import("@react-three/fiber").Vector3 | undefined;
+    scale?: import("@react-three/fiber").Vector3 | undefined;
+    rotation?: import("@react-three/fiber").Euler | undefined;
+    matrix?: import("@react-three/fiber").Matrix4 | undefined;
+    quaternion?: import("@react-three/fiber").Quaternion | undefined;
+    layers?: import("@react-three/fiber").Layers | undefined;
+    dispose?: (() => void) | null | undefined;
+}>> & {
+    position?: import("@react-three/fiber").Vector3 | undefined;
+    up?: import("@react-three/fiber").Vector3 | undefined;
+    scale?: import("@react-three/fiber").Vector3 | undefined;
+    rotation?: import("@react-three/fiber").Euler | undefined;
+    matrix?: import("@react-three/fiber").Matrix4 | undefined;
+    quaternion?: import("@react-three/fiber").Quaternion | undefined;
+    layers?: import("@react-three/fiber").Layers | undefined;
+    dispose?: (() => void) | null | undefined;
+} & import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers & CenterProps, "visible" | "attach" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "isGroup" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | keyof CenterProps> & React.RefAttributes<Group>>;

package/core/Stage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),i=require("./Environment.cjs.js"),n=require("./ContactShadows.cjs.js"),r=require("./Center.cjs.js"),a=require("./AccumulativeShadows.cjs.js"),l=require("./Bounds.cjs.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}require("@react-three/fiber"),require("three"),require("three-stdlib"),require("../helpers/environment-assets.cjs.js"),require("./shaderMaterial.cjs.js");var o=s(e),c=u(t);const d={rembrandt:{main:[1,2,1],fill:[-2,-.5,-2]},portrait:{main:[-1,2,.5],fill:[-1,.5,-1.5]},upfront:{main:[0,2,1],fill:[-1,.5,-1.5]},soft:{main:[-2,4,4],fill:[-1,.5,-1.5]}};function m({radius:e,adjustCamera:t}){const i=l.useBounds();return c.useEffect((()=>{t&&i.refresh().clip().fit()}),[e,t]),null}exports.Stage=function({children:e,adjustCamera:t=!0,intensity:s=.5,shadows:u="contact",environment:f="city",preset:p="rembrandt",...h}){var v,b,j,g,y,E,w,q;const S="string"==typeof p?d[p]:p,[{radius:C,height:O},z]=c.useState({radius:0,width:0,height:0,depth:0}),B=null!==(v=null==u?void 0:u.bias)&&void 0!==v?v:-1e-4,L=null!==(b=null==u?void 0:u.normalBias)&&void 0!==b?b:0,M=null!==(j=null==u?void 0:u.size)&&void 0!==j?j:1024,_=null!==(g=null==u?void 0:u.offset)&&void 0!==g?g:0,x="contact"===u||"contact"===(null==u?void 0:u.type),P="accumulative"===u||"accumulative"===(null==u?void 0:u.type),A={..."object"==typeof u?u:{}},k=f?"string"==typeof f?{preset:f}:f:null;return c.createElement(c.Fragment,null,c.createElement("ambientLight",{intensity:s/3}),c.createElement("spotLight",{penumbra:1,position:[S.main[0]*C,S.main[1]*C,S.main[2]*C],intensity:2*s,castShadow:!!u,"shadow-bias":B,"shadow-normalBias":L,"shadow-mapSize":M}),c.createElement("pointLight",{position:[S.fill[0]*C,S.fill[1]*C,S.fill[2]*C],intensity:s}),c.createElement(l.Bounds,o.default({fit:!!t,clip:!!t,margin:Number(t),observe:!0},h),c.createElement(m,{radius:C,adjustCamera:t}),c.createElement(r.Center,{position:[0,_/2,0],onCentered:({width:e,height:t,depth:i,boundingSphere:n,...r})=>z({radius:n.radius,width:e,height:t,depth:i})},e)),c.createElement("group",{position:[0,-O/2-_/2,0]},x&&c.createElement(n.ContactShadows,o.default({scale:4*C,far:C,blur:2},A)),P&&c.createElement(a.AccumulativeShadows,o.default({temporal:!0,frames:100,alphaTest:.9,toneMapped:!0,scale:4*C},A),c.createElement(a.RandomizedLight,{amount:null!==(y=A.amount)&&void 0!==y?y:8,radius:null!==(E=A.radius)&&void 0!==E?E:C,ambient:null!==(w=A.ambient)&&void 0!==w?w:.5,intensity:null!==(q=A.intensity)&&void 0!==q?q:1,position:[S.main[0]*C,S.main[1]*C,S.main[2]*C],size:4*C,bias:-B,mapSize:M}))),f&&c.createElement(i.Environment,k))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),n=require("./Environment.cjs.js"),i=require("./ContactShadows.cjs.js"),r=require("./Center.cjs.js"),a=require("./AccumulativeShadows.cjs.js"),l=require("./Bounds.cjs.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@react-three/fiber"),require("three"),require("three-stdlib"),require("../helpers/environment-assets.cjs.js"),require("./shaderMaterial.cjs.js");var o=s(e),c=u(t);const d={rembrandt:{main:[1,2,1],fill:[-2,-.5,-2]},portrait:{main:[-1,2,.5],fill:[-1,.5,-1.5]},upfront:{main:[0,2,1],fill:[-1,.5,-1.5]},soft:{main:[-2,4,4],fill:[-1,.5,-1.5]}};function m({radius:e,adjustCamera:t}){const n=l.useBounds();return c.useEffect((()=>{t&&n.refresh().clip().fit()}),[e,t]),null}exports.Stage=function({children:e,center:t,adjustCamera:s=!0,intensity:u=.5,shadows:f="contact",environment:p="city",preset:h="rembrandt",...v}){var b,j,g,y,E,w,q,C;const S="string"==typeof h?d[h]:h,[{radius:O,height:z},B]=c.useState({radius:0,width:0,height:0,depth:0}),L=null!==(b=null==f?void 0:f.bias)&&void 0!==b?b:-1e-4,M=null!==(j=null==f?void 0:f.normalBias)&&void 0!==j?j:0,_=null!==(g=null==f?void 0:f.size)&&void 0!==g?g:1024,x=null!==(y=null==f?void 0:f.offset)&&void 0!==y?y:0,P="contact"===f||"contact"===(null==f?void 0:f.type),A="accumulative"===f||"accumulative"===(null==f?void 0:f.type),k={..."object"==typeof f?f:{}},D=p?"string"==typeof p?{preset:p}:p:null;return c.createElement(c.Fragment,null,c.createElement("ambientLight",{intensity:u/3}),c.createElement("spotLight",{penumbra:1,position:[S.main[0]*O,S.main[1]*O,S.main[2]*O],intensity:2*u,castShadow:!!f,"shadow-bias":L,"shadow-normalBias":M,"shadow-mapSize":_}),c.createElement("pointLight",{position:[S.fill[0]*O,S.fill[1]*O,S.fill[2]*O],intensity:u}),c.createElement(l.Bounds,o.default({fit:!!s,clip:!!s,margin:Number(s),observe:!0},v),c.createElement(m,{radius:O,adjustCamera:s}),c.createElement(r.Center,o.default({},t,{position:[0,x/2,0],onCentered:e=>{const{width:n,height:i,depth:r,boundingSphere:a}=e;B({radius:a.radius,width:n,height:i,depth:r}),null!=t&&t.onCentered&&t.onCentered(e)}}),e)),c.createElement("group",{position:[0,-z/2-x/2,0]},P&&c.createElement(i.ContactShadows,o.default({scale:4*O,far:O,blur:2},k)),A&&c.createElement(a.AccumulativeShadows,o.default({temporal:!0,frames:100,alphaTest:.9,toneMapped:!0,scale:4*O},k),c.createElement(a.RandomizedLight,{amount:null!==(E=k.amount)&&void 0!==E?E:8,radius:null!==(w=k.radius)&&void 0!==w?w:O,ambient:null!==(q=k.ambient)&&void 0!==q?q:.5,intensity:null!==(C=k.intensity)&&void 0!==C?C:1,position:[S.main[0]*O,S.main[1]*O,S.main[2]*O],size:4*O,bias:-L,mapSize:_}))),p&&c.createElement(n.Environment,D))};

package/core/Stage.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { EnvironmentProps } from './Environment';
 import { ContactShadowsProps } from './ContactShadows';
+import { CenterProps } from './Center';
 import { AccumulativeShadowsProps, RandomizedLightProps } from './AccumulativeShadows';
 import { PresetsType } from '../helpers/environment-assets';
 declare type StageShadows = Partial<AccumulativeShadowsProps> & Partial<RandomizedLightProps> & Partial<ContactShadowsProps> & {
@@ -19,6 +20,7 @@ declare type StageProps = {
     adjustCamera?: boolean | number;
     environment?: PresetsType | Partial<EnvironmentProps>;
     intensity?: number;
+    center?: Partial<CenterProps>;
 };
-export declare function Stage({ children, adjustCamera, intensity, shadows, environment, preset, ...props }: JSX.IntrinsicElements['group'] & StageProps): JSX.Element;
+export declare function Stage({ children, center, adjustCamera, intensity, shadows, environment, preset, ...props }: JSX.IntrinsicElements['group'] & StageProps): JSX.Element;
 export {};

package/core/Stage.js

@@ -38,6 +38,7 @@ function Refit({
 
 function Stage({
   children,
+  center,
   adjustCamera = true,
   intensity = 0.5,
   shadows = 'contact',
@@ -89,21 +90,24 @@ function Stage({
   }, props), /*#__PURE__*/React.createElement(Refit, {
     radius: radius,
     adjustCamera: adjustCamera
-  }), /*#__PURE__*/React.createElement(Center, {
+  }), /*#__PURE__*/React.createElement(Center, _extends({}, center, {
     position: [0, shadowOffset / 2, 0],
-    onCentered: ({
-      width,
-      height,
-      depth,
-      boundingSphere,
-      ...data
-    }) => set({
-      radius: boundingSphere.radius,
-      width,
-      height,
-      depth
-    })
-  }, children)), /*#__PURE__*/React.createElement("group", {
+    onCentered: props => {
+      const {
+        width,
+        height,
+        depth,
+        boundingSphere
+      } = props;
+      set({
+        radius: boundingSphere.radius,
+        width,
+        height,
+        depth
+      });
+      if (center != null && center.onCentered) center.onCentered(props);
+    }
+  }), children)), /*#__PURE__*/React.createElement("group", {
     position: [0, -height / 2 - shadowOffset / 2, 0]
   }, contactShadow && /*#__PURE__*/React.createElement(ContactShadows, _extends({
     scale: radius * 4,

package/core/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Billboard.cjs.js"),r=require("./ScreenSpace.cjs.js"),s=require("./QuadraticBezierLine.cjs.js"),t=require("./CubicBezierLine.cjs.js"),o=require("./CatmullRomLine.cjs.js"),i=require("./Line.cjs.js"),u=require("./PositionalAudio.cjs.js"),a=require("./Text.cjs.js"),c=require("./Text3D.cjs.js"),n=require("./Effects.cjs.js"),j=require("./GradientTexture.cjs.js"),p=require("./Image.cjs.js"),x=require("./Edges.cjs.js"),l=require("./Trail.cjs.js"),d=require("./Sampler.cjs.js"),q=require("./ComputedAttribute.cjs.js"),m=require("./Clone.cjs.js"),h=require("./MarchingCubes.cjs.js"),C=require("./Decal.cjs.js"),S=require("./Svg.cjs.js"),M=require("./OrthographicCamera.cjs.js"),T=require("./PerspectiveCamera.cjs.js"),P=require("./CubeCamera.cjs.js"),b=require("./DeviceOrientationControls.cjs.js"),B=require("./FlyControls.cjs.js"),g=require("./MapControls.cjs.js"),f=require("./OrbitControls.cjs.js"),v=require("./TrackballControls.cjs.js"),L=require("./ArcballControls.cjs.js"),A=require("./TransformControls.cjs.js"),k=require("./PointerLockControls.cjs.js"),D=require("./FirstPersonControls.cjs.js"),E=require("./GizmoHelper.cjs.js"),R=require("./GizmoViewcube.cjs.js"),w=require("./GizmoViewport.cjs.js"),G=require("./useCubeTexture.cjs.js"),z=require("./useFBX.cjs.js"),F=require("./useGLTF.cjs.js"),O=require("./useKTX2.cjs.js"),I=require("./useProgress.cjs.js"),H=require("./useTexture.cjs.js"),V=require("./useVideoTexture.cjs.js"),y=require("./Stats.cjs.js"),Q=require("./useDepthBuffer.cjs.js"),X=require("./useAspect.cjs.js"),K=require("./useCamera.cjs.js"),W=require("./useDetectGPU.cjs.js"),N=require("./useHelper.cjs.js"),U=require("./useBVH.cjs.js"),_=require("./useContextBridge.cjs.js"),J=require("./useAnimations.cjs.js"),Y=require("./useFBO.cjs.js"),Z=require("./useIntersect.cjs.js"),$=require("./useBoxProjectedEnv.cjs.js"),ee=require("./BBAnchor.cjs.js"),re=require("./useTrailTexture.cjs.js"),se=require("./CurveModifier.cjs.js"),te=require("./MeshDistortMaterial.cjs.js"),oe=require("./MeshWobbleMaterial.cjs.js"),ie=require("./MeshReflectorMaterial.cjs.js"),ue=require("./MeshRefractionMaterial.cjs.js"),ae=require("./PointMaterial.cjs.js"),ce=require("./shaderMaterial.cjs.js"),ne=require("./softShadows.cjs.js"),je=require("./shapes.cjs.js"),pe=require("./RoundedBox.cjs.js"),xe=require("./ScreenQuad.cjs.js"),le=require("./Center.cjs.js"),de=require("./Bounds.cjs.js"),qe=require("./CameraShake.cjs.js"),me=require("./Float.cjs.js"),he=require("./Stage.cjs.js"),Ce=require("./Backdrop.cjs.js"),Se=require("./Shadow.cjs.js"),Me=require("./ContactShadows.cjs.js"),Te=require("./AccumulativeShadows.cjs.js"),Pe=require("./Reflector.cjs.js"),be=require("./SpotLight.cjs.js"),Be=require("./Environment.cjs.js"),ge=require("./Lightformer.cjs.js"),fe=require("./Sky.cjs.js"),ve=require("./Stars.cjs.js"),Le=require("./Cloud.cjs.js"),Ae=require("./Sparkles.cjs.js"),ke=require("./useMatcapTexture.cjs.js"),De=require("./useNormalTexture.cjs.js"),Ee=require("./Points.cjs.js"),Re=require("./Instances.cjs.js"),we=require("./Segments.cjs.js"),Ge=require("./Detailed.cjs.js"),ze=require("./Preload.cjs.js"),Fe=require("./BakeShadows.cjs.js"),Oe=require("./meshBounds.cjs.js"),Ie=require("./AdaptiveDpr.cjs.js"),He=require("./AdaptiveEvents.cjs.js"),Ve=require("./PerformanceMonitor.cjs.js"),ye=require("./RenderTexture.cjs.js"),Qe=require("./Mask.cjs.js"),Xe=require("./Hud.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("@react-three/fiber"),require("react-merge-refs"),require("three"),require("three-stdlib"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("zustand"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("react-composer"),exports.Billboard=e.Billboard,exports.ScreenSpace=r.ScreenSpace,exports.QuadraticBezierLine=s.QuadraticBezierLine,exports.CubicBezierLine=t.CubicBezierLine,exports.CatmullRomLine=o.CatmullRomLine,exports.Line=i.Line,exports.PositionalAudio=u.PositionalAudio,exports.Text=a.Text,exports.Text3D=c.Text3D,exports.Effects=n.Effects,exports.isWebGL2Available=n.isWebGL2Available,exports.GradientTexture=j.GradientTexture,exports.Image=p.Image,exports.Edges=x.Edges,exports.Trail=l.Trail,exports.useTrail=l.useTrail,exports.Sampler=d.Sampler,exports.useSurfaceSampler=d.useSurfaceSampler,exports.ComputedAttribute=q.ComputedAttribute,exports.Clone=m.Clone,exports.MarchingCube=h.MarchingCube,exports.MarchingCubes=h.MarchingCubes,exports.MarchingPlane=h.MarchingPlane,exports.Decal=C.Decal,exports.Svg=S.Svg,exports.OrthographicCamera=M.OrthographicCamera,exports.PerspectiveCamera=T.PerspectiveCamera,exports.CubeCamera=P.CubeCamera,exports.DeviceOrientationControls=b.DeviceOrientationControls,exports.FlyControls=B.FlyControls,exports.MapControls=g.MapControls,exports.OrbitControls=f.OrbitControls,exports.TrackballControls=v.TrackballControls,exports.ArcballControls=L.ArcballControls,exports.TransformControls=A.TransformControls,exports.PointerLockControls=k.PointerLockControls,exports.FirstPersonControls=D.FirstPersonControls,exports.GizmoHelper=E.GizmoHelper,exports.useGizmoContext=E.useGizmoContext,exports.GizmoViewcube=R.GizmoViewcube,exports.GizmoViewport=w.GizmoViewport,exports.useCubeTexture=G.useCubeTexture,exports.useFBX=z.useFBX,exports.useGLTF=F.useGLTF,exports.useKTX2=O.useKTX2,exports.useProgress=I.useProgress,exports.IsObject=H.IsObject,exports.useTexture=H.useTexture,exports.useVideoTexture=V.useVideoTexture,exports.Stats=y.Stats,exports.useDepthBuffer=Q.useDepthBuffer,exports.useAspect=X.useAspect,exports.useCamera=K.useCamera,exports.useDetectGPU=W.useDetectGPU,exports.useHelper=N.useHelper,exports.useBVH=U.useBVH,exports.useContextBridge=_.useContextBridge,exports.useAnimations=J.useAnimations,exports.useFBO=Y.useFBO,exports.useIntersect=Z.useIntersect,exports.useBoxProjectedEnv=$.useBoxProjectedEnv,exports.BBAnchor=ee.BBAnchor,exports.useTrailTexture=re.useTrailTexture,exports.CurveModifier=se.CurveModifier,exports.MeshDistortMaterial=te.MeshDistortMaterial,exports.MeshWobbleMaterial=oe.MeshWobbleMaterial,exports.MeshReflectorMaterial=ie.MeshReflectorMaterial,exports.MeshRefractionMaterial=ue.MeshRefractionMaterial,exports.PointMaterial=ae.PointMaterial,exports.PointMaterialImpl=ae.PointMaterialImpl,exports.shaderMaterial=ce.shaderMaterial,exports.softShadows=ne.softShadows,exports.Box=je.Box,exports.Capsule=je.Capsule,exports.Circle=je.Circle,exports.Cone=je.Cone,exports.Cylinder=je.Cylinder,exports.Dodecahedron=je.Dodecahedron,exports.Extrude=je.Extrude,exports.Icosahedron=je.Icosahedron,exports.Lathe=je.Lathe,exports.Octahedron=je.Octahedron,exports.Plane=je.Plane,exports.Polyhedron=je.Polyhedron,exports.Ring=je.Ring,exports.Sphere=je.Sphere,exports.Tetrahedron=je.Tetrahedron,exports.Torus=je.Torus,exports.TorusKnot=je.TorusKnot,exports.Tube=je.Tube,exports.RoundedBox=pe.RoundedBox,exports.ScreenQuad=xe.ScreenQuad,exports.Center=le.Center,exports.Bounds=de.Bounds,exports.useBounds=de.useBounds,exports.CameraShake=qe.CameraShake,exports.Float=me.Float,exports.Stage=he.Stage,exports.Backdrop=Ce.Backdrop,exports.Shadow=Se.Shadow,exports.ContactShadows=Me.ContactShadows,exports.AccumulativeShadows=Te.AccumulativeShadows,exports.RandomizedLight=Te.RandomizedLight,exports.accumulativeContext=Te.accumulativeContext,exports.Reflector=Pe.Reflector,exports.SpotLight=be.SpotLight,exports.SpotLightShadow=be.SpotLightShadow,exports.Environment=Be.Environment,exports.EnvironmentCube=Be.EnvironmentCube,exports.EnvironmentMap=Be.EnvironmentMap,exports.EnvironmentPortal=Be.EnvironmentPortal,exports.useEnvironment=Be.useEnvironment,exports.Lightformer=ge.Lightformer,exports.Sky=fe.Sky,exports.calcPosFromAngles=fe.calcPosFromAngles,exports.Stars=ve.Stars,exports.Cloud=Le.Cloud,exports.Sparkles=Ae.Sparkles,exports.useMatcapTexture=ke.useMatcapTexture,exports.useNormalTexture=De.useNormalTexture,exports.Point=Ee.Point,exports.Points=Ee.Points,exports.PointsBuffer=Ee.PointsBuffer,exports.PositionPoint=Ee.PositionPoint,exports.Instance=Re.Instance,exports.Instances=Re.Instances,exports.Merged=Re.Merged,exports.Segment=we.Segment,exports.SegmentObject=we.SegmentObject,exports.Segments=we.Segments,exports.Detailed=Ge.Detailed,exports.Preload=ze.Preload,exports.BakeShadows=Fe.BakeShadows,exports.meshBounds=Oe.meshBounds,exports.AdaptiveDpr=Ie.AdaptiveDpr,exports.AdaptiveEvents=He.AdaptiveEvents,exports.PerformanceMonitor=Ve.PerformanceMonitor,exports.usePerformanceMonitor=Ve.usePerformanceMonitor,exports.RenderTexture=ye.RenderTexture,exports.Mask=Qe.Mask,exports.useMask=Qe.useMask,exports.Hud=Xe.Hud;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Billboard.cjs.js"),r=require("./ScreenSpace.cjs.js"),s=require("./QuadraticBezierLine.cjs.js"),t=require("./CubicBezierLine.cjs.js"),o=require("./CatmullRomLine.cjs.js"),i=require("./Line.cjs.js"),u=require("./PositionalAudio.cjs.js"),a=require("./Text.cjs.js"),c=require("./Text3D.cjs.js"),n=require("./Effects.cjs.js"),j=require("./GradientTexture.cjs.js"),p=require("./Image.cjs.js"),x=require("./Edges.cjs.js"),l=require("./Trail.cjs.js"),d=require("./Sampler.cjs.js"),q=require("./ComputedAttribute.cjs.js"),m=require("./Clone.cjs.js"),h=require("./MarchingCubes.cjs.js"),C=require("./Decal.cjs.js"),S=require("./Svg.cjs.js"),M=require("./AsciiRenderer.cjs.js"),T=require("./OrthographicCamera.cjs.js"),P=require("./PerspectiveCamera.cjs.js"),b=require("./CubeCamera.cjs.js"),B=require("./DeviceOrientationControls.cjs.js"),g=require("./FlyControls.cjs.js"),f=require("./MapControls.cjs.js"),v=require("./OrbitControls.cjs.js"),A=require("./TrackballControls.cjs.js"),L=require("./ArcballControls.cjs.js"),k=require("./TransformControls.cjs.js"),R=require("./PointerLockControls.cjs.js"),D=require("./FirstPersonControls.cjs.js"),E=require("./GizmoHelper.cjs.js"),w=require("./GizmoViewcube.cjs.js"),G=require("./GizmoViewport.cjs.js"),z=require("./useCubeTexture.cjs.js"),F=require("./useFBX.cjs.js"),O=require("./useGLTF.cjs.js"),I=require("./useKTX2.cjs.js"),H=require("./useProgress.cjs.js"),V=require("./useTexture.cjs.js"),y=require("./useVideoTexture.cjs.js"),Q=require("./Stats.cjs.js"),X=require("./useDepthBuffer.cjs.js"),K=require("./useAspect.cjs.js"),W=require("./useCamera.cjs.js"),N=require("./useDetectGPU.cjs.js"),U=require("./useHelper.cjs.js"),_=require("./useBVH.cjs.js"),J=require("./useContextBridge.cjs.js"),Y=require("./useAnimations.cjs.js"),Z=require("./useFBO.cjs.js"),$=require("./useIntersect.cjs.js"),ee=require("./useBoxProjectedEnv.cjs.js"),re=require("./BBAnchor.cjs.js"),se=require("./useTrailTexture.cjs.js"),te=require("./CurveModifier.cjs.js"),oe=require("./MeshDistortMaterial.cjs.js"),ie=require("./MeshWobbleMaterial.cjs.js"),ue=require("./MeshReflectorMaterial.cjs.js"),ae=require("./MeshRefractionMaterial.cjs.js"),ce=require("./PointMaterial.cjs.js"),ne=require("./shaderMaterial.cjs.js"),je=require("./softShadows.cjs.js"),pe=require("./shapes.cjs.js"),xe=require("./RoundedBox.cjs.js"),le=require("./ScreenQuad.cjs.js"),de=require("./Center.cjs.js"),qe=require("./Bounds.cjs.js"),me=require("./CameraShake.cjs.js"),he=require("./Float.cjs.js"),Ce=require("./Stage.cjs.js"),Se=require("./Backdrop.cjs.js"),Me=require("./Shadow.cjs.js"),Te=require("./ContactShadows.cjs.js"),Pe=require("./AccumulativeShadows.cjs.js"),be=require("./Reflector.cjs.js"),Be=require("./SpotLight.cjs.js"),ge=require("./Environment.cjs.js"),fe=require("./Lightformer.cjs.js"),ve=require("./Sky.cjs.js"),Ae=require("./Stars.cjs.js"),Le=require("./Cloud.cjs.js"),ke=require("./Sparkles.cjs.js"),Re=require("./useMatcapTexture.cjs.js"),De=require("./useNormalTexture.cjs.js"),Ee=require("./Points.cjs.js"),we=require("./Instances.cjs.js"),Ge=require("./Segments.cjs.js"),ze=require("./Detailed.cjs.js"),Fe=require("./Preload.cjs.js"),Oe=require("./BakeShadows.cjs.js"),Ie=require("./meshBounds.cjs.js"),He=require("./AdaptiveDpr.cjs.js"),Ve=require("./AdaptiveEvents.cjs.js"),ye=require("./PerformanceMonitor.cjs.js"),Qe=require("./RenderTexture.cjs.js"),Xe=require("./Mask.cjs.js"),Ke=require("./Hud.cjs.js");require("@babel/runtime/helpers/extends"),require("react"),require("@react-three/fiber"),require("react-merge-refs"),require("three"),require("three-stdlib"),require("troika-three-text"),require("suspend-react"),require("meshline"),require("lodash.pick"),require("lodash.omit"),require("zustand"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("detect-gpu"),require("three-mesh-bvh"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("react-composer"),exports.Billboard=e.Billboard,exports.ScreenSpace=r.ScreenSpace,exports.QuadraticBezierLine=s.QuadraticBezierLine,exports.CubicBezierLine=t.CubicBezierLine,exports.CatmullRomLine=o.CatmullRomLine,exports.Line=i.Line,exports.PositionalAudio=u.PositionalAudio,exports.Text=a.Text,exports.Text3D=c.Text3D,exports.Effects=n.Effects,exports.isWebGL2Available=n.isWebGL2Available,exports.GradientTexture=j.GradientTexture,exports.Image=p.Image,exports.Edges=x.Edges,exports.Trail=l.Trail,exports.useTrail=l.useTrail,exports.Sampler=d.Sampler,exports.useSurfaceSampler=d.useSurfaceSampler,exports.ComputedAttribute=q.ComputedAttribute,exports.Clone=m.Clone,exports.MarchingCube=h.MarchingCube,exports.MarchingCubes=h.MarchingCubes,exports.MarchingPlane=h.MarchingPlane,exports.Decal=C.Decal,exports.Svg=S.Svg,exports.AsciiRenderer=M.AsciiRenderer,exports.OrthographicCamera=T.OrthographicCamera,exports.PerspectiveCamera=P.PerspectiveCamera,exports.CubeCamera=b.CubeCamera,exports.DeviceOrientationControls=B.DeviceOrientationControls,exports.FlyControls=g.FlyControls,exports.MapControls=f.MapControls,exports.OrbitControls=v.OrbitControls,exports.TrackballControls=A.TrackballControls,exports.ArcballControls=L.ArcballControls,exports.TransformControls=k.TransformControls,exports.PointerLockControls=R.PointerLockControls,exports.FirstPersonControls=D.FirstPersonControls,exports.GizmoHelper=E.GizmoHelper,exports.useGizmoContext=E.useGizmoContext,exports.GizmoViewcube=w.GizmoViewcube,exports.GizmoViewport=G.GizmoViewport,exports.useCubeTexture=z.useCubeTexture,exports.useFBX=F.useFBX,exports.useGLTF=O.useGLTF,exports.useKTX2=I.useKTX2,exports.useProgress=H.useProgress,exports.IsObject=V.IsObject,exports.useTexture=V.useTexture,exports.useVideoTexture=y.useVideoTexture,exports.Stats=Q.Stats,exports.useDepthBuffer=X.useDepthBuffer,exports.useAspect=K.useAspect,exports.useCamera=W.useCamera,exports.useDetectGPU=N.useDetectGPU,exports.useHelper=U.useHelper,exports.useBVH=_.useBVH,exports.useContextBridge=J.useContextBridge,exports.useAnimations=Y.useAnimations,exports.useFBO=Z.useFBO,exports.useIntersect=$.useIntersect,exports.useBoxProjectedEnv=ee.useBoxProjectedEnv,exports.BBAnchor=re.BBAnchor,exports.useTrailTexture=se.useTrailTexture,exports.CurveModifier=te.CurveModifier,exports.MeshDistortMaterial=oe.MeshDistortMaterial,exports.MeshWobbleMaterial=ie.MeshWobbleMaterial,exports.MeshReflectorMaterial=ue.MeshReflectorMaterial,exports.MeshRefractionMaterial=ae.MeshRefractionMaterial,exports.PointMaterial=ce.PointMaterial,exports.PointMaterialImpl=ce.PointMaterialImpl,exports.shaderMaterial=ne.shaderMaterial,exports.softShadows=je.softShadows,exports.Box=pe.Box,exports.Capsule=pe.Capsule,exports.Circle=pe.Circle,exports.Cone=pe.Cone,exports.Cylinder=pe.Cylinder,exports.Dodecahedron=pe.Dodecahedron,exports.Extrude=pe.Extrude,exports.Icosahedron=pe.Icosahedron,exports.Lathe=pe.Lathe,exports.Octahedron=pe.Octahedron,exports.Plane=pe.Plane,exports.Polyhedron=pe.Polyhedron,exports.Ring=pe.Ring,exports.Sphere=pe.Sphere,exports.Tetrahedron=pe.Tetrahedron,exports.Torus=pe.Torus,exports.TorusKnot=pe.TorusKnot,exports.Tube=pe.Tube,exports.RoundedBox=xe.RoundedBox,exports.ScreenQuad=le.ScreenQuad,exports.Center=de.Center,exports.Bounds=qe.Bounds,exports.useBounds=qe.useBounds,exports.CameraShake=me.CameraShake,exports.Float=he.Float,exports.Stage=Ce.Stage,exports.Backdrop=Se.Backdrop,exports.Shadow=Me.Shadow,exports.ContactShadows=Te.ContactShadows,exports.AccumulativeShadows=Pe.AccumulativeShadows,exports.RandomizedLight=Pe.RandomizedLight,exports.accumulativeContext=Pe.accumulativeContext,exports.Reflector=be.Reflector,exports.SpotLight=Be.SpotLight,exports.SpotLightShadow=Be.SpotLightShadow,exports.Environment=ge.Environment,exports.EnvironmentCube=ge.EnvironmentCube,exports.EnvironmentMap=ge.EnvironmentMap,exports.EnvironmentPortal=ge.EnvironmentPortal,exports.useEnvironment=ge.useEnvironment,exports.Lightformer=fe.Lightformer,exports.Sky=ve.Sky,exports.calcPosFromAngles=ve.calcPosFromAngles,exports.Stars=Ae.Stars,exports.Cloud=Le.Cloud,exports.Sparkles=ke.Sparkles,exports.useMatcapTexture=Re.useMatcapTexture,exports.useNormalTexture=De.useNormalTexture,exports.Point=Ee.Point,exports.Points=Ee.Points,exports.PointsBuffer=Ee.PointsBuffer,exports.PositionPoint=Ee.PositionPoint,exports.Instance=we.Instance,exports.Instances=we.Instances,exports.Merged=we.Merged,exports.Segment=Ge.Segment,exports.SegmentObject=Ge.SegmentObject,exports.Segments=Ge.Segments,exports.Detailed=ze.Detailed,exports.Preload=Fe.Preload,exports.BakeShadows=Oe.BakeShadows,exports.meshBounds=Ie.meshBounds,exports.AdaptiveDpr=He.AdaptiveDpr,exports.AdaptiveEvents=Ve.AdaptiveEvents,exports.PerformanceMonitor=ye.PerformanceMonitor,exports.usePerformanceMonitor=ye.usePerformanceMonitor,exports.RenderTexture=Qe.RenderTexture,exports.Mask=Xe.Mask,exports.useMask=Xe.useMask,exports.Hud=Ke.Hud;

package/core/index.d.ts

@@ -18,6 +18,7 @@ export * from './Clone';
 export * from './MarchingCubes';
 export * from './Decal';
 export * from './Svg';
+export * from './AsciiRenderer';
 export * from './OrthographicCamera';
 export * from './PerspectiveCamera';
 export * from './CubeCamera';

package/core/index.js

@@ -18,6 +18,7 @@ export { Clone } from './Clone.js';
 export { MarchingCube, MarchingCubes, MarchingPlane } from './MarchingCubes.js';
 export { Decal } from './Decal.js';
 export { Svg } from './Svg.js';
+export { AsciiRenderer } from './AsciiRenderer.js';
 export { OrthographicCamera } from './OrthographicCamera.js';
 export { PerspectiveCamera } from './PerspectiveCamera.js';
 export { CubeCamera } from './CubeCamera.js';