Skip to content

Zabrafax/adhd-trap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ADHD Bouncy Ball project using JavaScript

View on GitHub Pages: https://zabrafax.github.io/adhd-trap/

Preview

Sandbox allowing you to play with this popular on social media trend and download your own videos!

Inspired by the trend, created with only JavaScript and HTML/CSS. Webpage that have different options to play with. Once you find your perfect settings, you can download the result. Have features like:

  • Ability to choose custom sound effects from your device
  • User friendly sliders as variables settings
  • Color change options
  • Different spin effects often seen on social media

How to launch

View on GitHub pages

https://zabrafax.github.io/adhd-trap/

Manual launch:

  1. Clone the repository:

    git clone git@github.com:Zabrafax/adhd-trap.git
    cd adhd-trap
  2. Open index.html in your browser:

    open index.html

Technologies Used

  • JavaScript HTML5 CSS3 npm
  • Canvas API
  • Web Audio API
  • File API
  • MediaStream Recording API

Future Improvements

Adding new different effects from trending videos such as gradient arcs coloring, dynamic arcs adding or even adding other ADHD-traps.

Created by @Zabrafax