Skip to content

Latest commit

 

History

History
26 lines (23 loc) · 669 Bytes

README.md

File metadata and controls

26 lines (23 loc) · 669 Bytes

3D Wave

https://jamesmfriedman.github.io/3dwave/

Wave Component Makes a 3d wave with a transparent background that conforms to the size of its container Props

  • color: a hex value for a number 0xffffff
  • separation: how far apart the orbs are. Cannot be reset during components life.
  • amountX: how many orbs on the X axis
  • amountY: how many orbs on the Y axis
  • speed: how fast the wave is pulsing
  • height: how tall the waves are
  • scale: a scaling factor for the orbs as they pulse

Dependencies

  • ThreeJS npm install three

Usage

const MyComponent = props => {
  return (
    <Wave />
  )
}