Difference between plane geometry and plane buffer geometry in react-three

In React Three.js, plane geometry and plane buffer geometry are two different types of geometries used to create 2D surfaces in a 3D space.

• Plane geometry is a type of geometry that represents a flat, rectangular surface made up of a grid of vertices and faces. Each face is a rectangular shape, and the vertices are arranged in a regular grid pattern. Plane geometry is suitable for creating simple, flat surfaces such as floors or walls.
• Plane buffer geometry is similar to plane geometry, but it uses buffer attributes instead of regular attributes to define the vertices and faces. This makes it more efficient for rendering large numbers of vertices, as it reduces the number of draw calls required. Buffer geometry is often used for more complex surfaces that require a higher level of detail, such as terrains or complex 2D shapes.

In summary, plane geometry is simpler and suitable for creating basic 2D surfaces, while plane buffer geometry is more efficient and better suited for more complex surfaces that require a higher level of detail.