Skip to content

Who needs stress balls when you have got an infinite supply of bubble wraps? Our website brings the joy of it straight to the browser with every feel you need.

Notifications You must be signed in to change notification settings

nihaltp/bubble_wrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

frame (3)

Endless Bubble Wrap 🎯

Basic Details

Team Name: Binary Fools

Team Members

  • Team Lead: NIHAL T P - Rajiv Gandhi Institute of Techonlogy
  • Member 2: BHARATH KRISHNA G - Rajiv Gandhi Institute of Techonlogy

Project Description

Who needs stress balls when you have got an infinite supply of bubble wraps? Our website brings the joy of it straight to the browser with every feel you need.

The Problem (that doesn't exist)

You just popped your last piece of bubble wrap. You can't just forget the feel of it, can you?

The Solution (that nobody asked for)

An endless sheet of bubble wrap, clickable, poppable. Complete with satisfying feel and pop. Random bubbles, Random pops, Works on any screen size

Technical Details

Technologies

  • HTML, CSS, JS
  • No frameworks used - 100% handcrafted!
  • JS Audio API for sound
  • Github Pages for Hosting

Implementation

Installation

Open your browser and open this link

Project Documentation

Responsive layout that dynamically calculates how many bubbles are needed to fill in the screen. Each bubble has a click event the changes it to a random popped image and plays a random pop sound. Allows overlapping of pops for realistic pop sound, equipped with a endless bubble popping experience.

Screenshots (Add at least 3)

![Screenshot1](Add screenshot 1 here with proper name) A fully loaded bubble wrap screen, ready for chaos

![Screenshot2](Add screenshot 2 here with proper name) Popping of bubbles resulting in the change of image

![Screenshot3](Add screenshot 3 here with proper name) Responsive behaviour: bubble adjust based on screen size

Diagrams

Workflow

Project Demo

Video

video This video shows how I created a never-ending virtual bubble wrap using randomly selected pop sounds and popping images. Click, pop, repeat — forever.

Additional Demos

[Add any extra demo materials/links]

Team Contributions


Made with ❤️ at TinkerHub Useless Projects

Static Badge Static Badge

About

Who needs stress balls when you have got an infinite supply of bubble wraps? Our website brings the joy of it straight to the browser with every feel you need.

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •