This is our project for Epicodus' final week of Javascript: Team Week. The goal with this project is to have a page with a slime theme that allows the user to click on it and cause relaxing slime sounds to play as well as show an animation for the movement of the slime, with other themes possibly in the workings.
- Click to view Github repository Or simply paste the following url into your prefered browser https://github.com/ebezjian/asmrbliss.git
- To Clone repository simply click the green Code button and copy the url
- Using a prefered terminal type command
git clone paste-url-here - Alternetivly click the Set up in Desktop button
- Once in your editing program type
npm install - Once complete type
npm startto view the live local host of the website - put on your headphones for best sound expierence
- [Click to open active site in Github]) (https://ebezjian.github.io/asmrbliss/) Or simply paste the following url into your prefered browser https://ebezjian.github.io/asmrbliss/
| Behavior | Input | Output |
|---|---|---|
| user clicks and holds on page and drags mouse | clickon/drag | produces a sound |
| user hovers over boxes to make it turn on About Us | hover mouse | rotates boxes |
| user interacts with webpage to start music | any interaction | calm music on each of the pages |
| user interacts with nav bar to produce sound | hover over navbar | produces a sound of paper turning |
Below shows user dragging mouse through interactive particle animation created to simulate slime
Below shows looped animation to simulate rain
MVP: Have a single page with a slime theme that allows the user to click it and drag for a plesant sound and animation effect.
Stretch goals:
1.) Have more than one theme, such as rainwater, mukbang playlist, About Us page.
2.) Have every aspect of the webpage have sound when interacted with (ex navbar)
3.) World Domination.
4.) Buy Amazon button the cuts to partying with Tom Haverford.
- Jitterbug
- Visual Studio Code
- HTML
- Markdown
- CSS
- jQuery
- Javascript
- CanvasAPI
- webpack
- mp3
- gif maker
- google and a lot of youtube
[MIT] Copyright (c) 2020 Ellie Lambert, Kaila Sprague-McRae, Taylor Delph, and Garrett Brown