Adding R3F code examples to docs

[austinpapritz]

I'm planning on going through the R3F code examples for uses of maath and adding them to the docs here.

[austinpapritz]

A lot of easing, but only a few other examples. Is there a way to search the dependent repos list down to which functions are used so that I can try to find other examples? Here's what I have so far.

Buffer

• toVectorArray
• swizzleBuffer
• addAxis
• lerpBuffers

Easing

• damp
  • enter portals
  • cards
  • horizontal tiles
• damp2
• damp3
  • cards with border radius
  • vigilant cohen
  • caustics
  • volumetric light godray
  • cards
  • image gallery
  • horizontal tiles
  • the three graces
  • frosted glass
  • scrollcontrols and lens refraction
  • gltf animations
  • router transitions
  • confetti
  • rapier ping pong
  • shader hmr
• damp4
• dampC
  • lusion connectors
  • t-shirt configurator
  • ssgi spheres with rapier physics
  • image gallery
  • horizontal tiles
  • frosted glass
  • gltf animations
• dampE
  • t-shirt configurator
  • room with soft shadows
  • the three graces
  • gltfjsx 400kb drone
• dampM
• dampS
• dampQ
  • image gallery
• dampAngle
• dampLookAt
• sine
• cubic
• quint
• circ
• quart
• expo
• rsqw
• exp
• linear

Geometry

• roundedPlaneGeometry
  • enter portals
  • pass through portals
  • the three graces
• applyBoxUV
• applySphereUV
• applyCylindricalUV

Matrix

• determinant2
• determinant3
• determinant4
• getMinor

Misc

• clamp
• repeat
• deltaAngle
• degToRad
• radToDeg
• vectorEquals
• lexicographic
• convexHull
• remap

Random

• FlashGen
  • thunder clouds
• inSphere
  • gatsby stars

[suggoooiii]

you have a pretty good list here, maybe we can stat by listing the functions that don't have examples

[austinpapritz]

you have a pretty good list here, maybe we can stat by listing the functions that don't have examples

Thanks! Great suggestion, I updated the list with what is missing.

[suggoooiii]

let's try and make our own examples for everything that's missing, i think that would be amazing.
im down if you are 👀

[austinpapritz]

let's try and make our own examples for everything that's missing, i think that would be amazing. im down if you are 👀

I think that something like that would be a great way to improve the docs. I might have time to help out. Like the easing function should probably be demonstrated by having the same motion used for each to really show the difference. Are you thinking of making a bunch of smaller barebones projects or making one big demonstration? Some of the stuff I don't even understand when you would use it, like many of the buffer functions. What did you have in mind?

[suggoooiii]

yeah i don't understand some of the stuff either but we'll figure it out at the end i'm pretty sure.
Yeah i was actually thinking of making smaller projects for each missing eample through codesandbox

[austinpapritz]

Maybe easier than a whole project, creating a simple graphic like this for the easing functions might better show the differences.
https://www.youtube.com/shorts/I9E2H83FnGs