@react-three/drei 7.27.4 → 8.2.0

package/README.md

@@ -78,9 +78,6 @@ The `native` route of the library **does not** export `Html` or `Loader`. The de
         <li><a href="#modifiers">Modifiers</a></li>
         <ul>
           <li><a href="#curvemodifier">CurveModifier</a></li>
-          <li><a href="#useedgesplit">useEdgeSplit</a></li>
-          <li><a href="#usetessellation">useTessellation</a></li>
-          <li><a href="#usesimplification">useSimplification</a></li>
         </ul>
       </ul>
     </td>
@@ -147,7 +144,6 @@ The `native` route of the library **does not** export `Html` or `Loader`. The de
           <li><a href="#shapes">Dodecahedron</a></li>
           <li><a href="#shapes">Extrude</a></li>
           <li><a href="#shapes">Lathe</a></li>
-          <li><a href="#shapes">Parametric</a></li>
           <li><a href="#roundedbox">RoundedBox</a></li>
           <li><a href="#screenquad">Screenquad</a></li>
         </ul>
@@ -279,7 +275,7 @@ If you are using other controls (Orbit, Trackball, etc), you will notice how the
 ![](https://img.shields.io/badge/-Dom only-red)
 
 <p align="center">
-  <a href="https://codesandbox.io/s/l4klb"><img width="16%" src="https://codesandbox.io/api/v1/sandboxes/l4klb/screenshot.png" alt="Horizintal tiles"/></a>
+  <a href="https://codesandbox.io/s/l4klb"><img width="16%" src="https://codesandbox.io/api/v1/sandboxes/l4klb/screenshot.png" alt="Horizontal tiles"/></a>
   <a href="https://codesandbox.io/s/4m0d0"><img width="16%" src="https://codesandbox.io/api/v1/sandboxes/4m0d0/screenshot.png" alt="M1 scroll"/></a>
   <a href="https://codesandbox.io/s/gsm1y"><img width="16%" src="https://codesandbox.io/api/v1/sandboxes/gsm1y/screenshot.png" alt="useIntersect"/></a>
   <a href="https://codesandbox.io/s/x8gvs"><img width="16%" src="https://codesandbox.io/api/v1/sandboxes/x8gvs/screenshot.png" alt="Infinite scroll"/></a>
@@ -363,7 +359,7 @@ Semi-OrbitControls with spring-physics, polar zoom and snap-back, for presentati
 
 # Shapes
 
-[Buffer-geometry](https://threejs.org/docs/index.html#api/en/core/BufferGeometry) short-cuts for Plane, Box, Sphere, Circle, Cone, Cylinder, Tube, Torus, TorusKnot, Ring, Tetrahedron, Polyhedron, Icosahedron, Octahedron, Dodecahedron, Extrude, Lathe, Parametric.
+[Buffer-geometry](https://threejs.org/docs/index.html#api/en/core/BufferGeometry) short-cuts for Plane, Box, Sphere, Circle, Cone, Cylinder, Tube, Torus, TorusKnot, Ring, Tetrahedron, Polyhedron, Icosahedron, Octahedron, Dodecahedron, Extrude, Lathe.
 
 ```jsx
 <Plane args={[2, 2]} />
@@ -751,56 +747,6 @@ return (
 )
 ```
 
-#### useEdgeSplit
-
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/modifiers-useedgesplit)
-
-This hook mutates a mesh geometry using [three's Edge Split modifier](https://threejs.org/examples/?q=modifier#webgl_modifier_edgesplit). The first parameter is the cut-off angle, and the second parameter is a `tryKeepNormals` flag (default `true`).
-
-```jsx
-const meshRef = useEdgeSplit(Math.PI / 2)
-
-return (
-  <mesh ref={meshRef}>
-    <boxBufferGeometry args={[10, 10]} />
-  </mesh>
-)
-```
-
-#### useSimplification
-
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/modifiers-usesimplification)
-
-This hook mutates a mesh geometry using [three's Simplification modifier](https://threejs.org/examples/webgl_modifier_simplifier.html).
-
-👉 The simplification code is based on [this algorithm](http://www.melax.com/polychop/).
-
-```jsx
-const meshRef = useSimplification(0.5)
-
-return (
-  <mesh ref={meshRef}>
-    <octahedronBufferGeometry args={[2, 5]} />
-  </mesh>
-)
-```
-
-#### useTessellation
-
-[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/modifiers-usetessellation)
-
-This hook mutates a mesh geometry using [three's Tessellation modifier](https://threejs.org/examples/?q=tess#webgl_modifier_tessellation). It will break-up faces withe edge longer than the maxEdgeLength parameter.
-
-```jsx
-const meshRef = useTessellation(2, 8)
-
-return (
-  <mesh ref={meshRef}>
-    <octahedronBufferGeometry args={[2, 2]} />
-  </mesh>
-)
-```
-
 # Misc
 
 #### useContextBridge
@@ -843,6 +789,7 @@ Allows you to tie HTML content to any object of your scene. It will be projected
 ```jsx
 <Html
   as='div' // Wrapping element (default: 'div')
+  wrapperClass // The className of the wrapping element (default: undefined)
   prepend // Project content behind the canvas (default: false)
   center // Adds a -50%/-50% css transform (default: false) [ignored in transform mode]
   fullscreen // Aligns to the upper-left corner, fills the screen (default:false) [ignored in transform mode]