Giter Club home page Giter Club logo

asmr's Introduction

ASMR Bliss

ASMR Bliss, Epicodus Week 7, 11/30/2020

By Ellie Lambert, Kaila Sprague-McRae, Taylor Delph, and Garrett Brown

Description

Home Page

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.

๐Ÿ”ง Setup

Specifications

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

slime

Below shows looped animation to simulate rain

rain

Team Goals?

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.

  • tom

๐Ÿ› Bugs

  • Jitterbug
  • wakemeup

๐Ÿ“ซ For support

๐Ÿ› ๏ธ Technologies and tools used

  • Visual Studio Code
  • HTML
  • Markdown
  • CSS
  • jQuery
  • Javascript
  • CanvasAPI
  • webpack
  • mp3
  • gif maker
  • google and a lot of youtube

๐Ÿ“˜ License

[MIT] Copyright (c) 2020 Ellie Lambert, Kaila Sprague-McRae, Taylor Delph, and Garrett Brown

asmr's People

Contributors

jd-fj avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.