https://github.com/danieldelcore/experiment-1-sine-waves

Sine waves in Threejs
https://github.com/danieldelcore/experiment-1-sine-waves

graphics javascript math threejs webgl

Last synced: 3 months ago
JSON representation

Sine waves in Threejs

• Host: GitHub
• URL: https://github.com/danieldelcore/experiment-1-sine-waves
• Owner: danieldelcore
• Created: 2016-05-08T04:26:20.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2024-08-24T22:13:53.000Z (6 months ago)
• Last Synced: 2024-10-12T23:18:26.246Z (4 months ago)
• Topics: graphics, javascript, math, threejs, webgl
• Language: JavaScript
• Homepage: http://danieldelcore.com/lab/1
• Size: 49.4 MB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Experiment 1

![alt tag](thumb.jpg)

## Sine Waves in THREE.js

This wave pattern is accomplished by calculating a sine wave from the centre of the PlaneGeometry through to the other vertices. For each vertex, calculate the distance from the centre point. Using that distance apply the sin to get the vertical positions of the vertex. Then use time (ts) to create the wave animation. Additionally, there are two variables *size* and *magnitude* that allow us to manipulate the vertical deviation and wave length.

[Live demo](http://danieldelcore.com/lab/1)

## Initial setup

- `npm install --global gulp-cli` : Install gulp globally

- `npm i` Install dependencies

## Building for development

- `gulp dev` : Build files will be output to the '.tmp' directory.

## Building for production

- `gulp build` : Build files will be output to the 'deploy' directory.

## Pushing a new release

- `gulp build` : Compile local changes

- `git add .` : Stage changes

- `git commit -m"change description"` : comment on your changes

- `git tag -a v1.0.0 -m "Change description"` : Add a new tagged release

- `git push --follow-tags` : Push staged changes and tags