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

React 3JS Wave
https://github.com/jamesmfriedman/3dwave

Last synced: 9 days ago
JSON representation

React 3JS Wave

• Host: GitHub
• URL: https://github.com/jamesmfriedman/3dwave
• Owner: jamesmfriedman
• Created: 2017-08-22T19:04:39.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-04T02:18:35.000Z (over 5 years ago)
• Last Synced: 2024-08-01T13:34:54.523Z (3 months ago)
• Language: JavaScript
• Homepage: https://jamesmfriedman.github.io/3dwave/
• Size: 1.28 MB
• Stars: 16
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
3D Wave

-------

[https://jamesmfriedman.github.io/3dwave/](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

```javascript

const MyComponent = props => {

  return (

    

  )

}

```