Simulating raindrops falling on a window

Overview

RainyDay.js

npm version

A simple script for simulating raindrops falling on a glass surface.

Project Page

How to use

Just add script to page and initilize RainyDay.js

new RainyDay({
  image: img // [Required][Image Id or Image element itself, Id of Element having background Image or Element itself]
})

Documentation

Comments
  • Is there any way to increase the amount of Raindrops?

    Is there any way to increase the amount of Raindrops?

    Hi, I really like this project. I'm using something similar on Android. Here's a vid I recorded a few minutes ago: https://www.youtube.com/watch?v=7YNTKc0SHN0 (the App is called RainPaper) I was wondering if I could increase the number of raindrops to make it look similar to the link I just posted. Btw, I'm using "rainyday.js" as a live wallpaper on Kubuntu with a plugin called "HTML Wallpaper"

    Thank you!

    question 
    opened by lexterror 2
  • WS-2018-0210 Low Severity Vulnerability detected by WhiteSource

    WS-2018-0210 Low Severity Vulnerability detected by WhiteSource

    WS-2018-0210 - Low Severity Vulnerability

    Vulnerable Libraries - lodash-3.10.1.tgz, lodash-4.17.4.tgz, lodash-4.3.0.tgz, lodash-3.7.0.tgz

    lodash-3.10.1.tgz

    The modern build of lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/lodash/package.json

    Library home page: http://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz

    Dependency Hierarchy:

    • grunt-1.0.1.tgz (Root Library)
      • grunt-legacy-log-1.0.0.tgz
        • :x: lodash-3.10.1.tgz (Vulnerable Library)
    lodash-4.17.4.tgz

    Lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/grunt-contrib-uglify/node_modules/lodash/package.json

    Library home page: https://registry.npmjs.org/lodash/-/lodash-4.17.4.tgz

    Dependency Hierarchy:

    • grunt-contrib-uglify-1.0.2.tgz (Root Library)
      • :x: lodash-4.17.4.tgz (Vulnerable Library)
    lodash-4.3.0.tgz

    Lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/grunt-legacy-util/node_modules/lodash/package.json

    Library home page: http://registry.npmjs.org/lodash/-/lodash-4.3.0.tgz

    Dependency Hierarchy:

    • grunt-1.0.1.tgz (Root Library)
      • grunt-legacy-log-1.0.0.tgz
        • grunt-legacy-log-utils-1.0.0.tgz
          • :x: lodash-4.3.0.tgz (Vulnerable Library)
    lodash-3.7.0.tgz

    The modern build of lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/jshint/node_modules/lodash/package.json

    Library home page: http://registry.npmjs.org/lodash/-/lodash-3.7.0.tgz

    Dependency Hierarchy:

    • grunt-contrib-jshint-1.1.0.tgz (Root Library)
      • jshint-2.9.5.tgz
        • :x: lodash-3.7.0.tgz (Vulnerable Library)

    Vulnerability Details

    In the node_module "lodash" before version 4.17.11 the functions merge, mergeWith, and defaultsDeep can be tricked into adding or modifying properties of the Object prototype. These properties will be present on all objects.

    Publish Date: 2018-11-25

    URL: WS-2018-0210

    CVSS 2 Score Details (3.5)

    Base Score Metrics not available

    Suggested Fix

    Type: Change files

    Origin: https://github.com/lodash/lodash/commit/90e6199a161b6445b01454517b40ef65ebecd2ad

    Release Date: 2018-08-31

    Fix Resolution: Replace or update the following files: lodash.js, test.js


    Step up your Open Source Security Game with WhiteSource here

    security vulnerability 
    opened by mend-bolt-for-github[bot] 0
  • CVE-2018-3721 Medium Severity Vulnerability detected by WhiteSource

    CVE-2018-3721 Medium Severity Vulnerability detected by WhiteSource

    CVE-2018-3721 - Medium Severity Vulnerability

    Vulnerable Libraries - lodash-3.10.1.tgz, lodash-4.17.4.tgz, lodash-4.3.0.tgz, lodash-3.7.0.tgz

    lodash-3.10.1.tgz

    The modern build of lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/lodash/package.json

    Library home page: http://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz

    Dependency Hierarchy:

    • grunt-1.0.1.tgz (Root Library)
      • grunt-legacy-log-1.0.0.tgz
        • :x: lodash-3.10.1.tgz (Vulnerable Library)
    lodash-4.17.4.tgz

    Lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/grunt-contrib-uglify/node_modules/lodash/package.json

    Library home page: https://registry.npmjs.org/lodash/-/lodash-4.17.4.tgz

    Dependency Hierarchy:

    • grunt-contrib-uglify-1.0.2.tgz (Root Library)
      • :x: lodash-4.17.4.tgz (Vulnerable Library)
    lodash-4.3.0.tgz

    Lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/grunt-legacy-util/node_modules/lodash/package.json

    Library home page: http://registry.npmjs.org/lodash/-/lodash-4.3.0.tgz

    Dependency Hierarchy:

    • grunt-1.0.1.tgz (Root Library)
      • grunt-legacy-log-1.0.0.tgz
        • grunt-legacy-log-utils-1.0.0.tgz
          • :x: lodash-4.3.0.tgz (Vulnerable Library)
    lodash-3.7.0.tgz

    The modern build of lodash modular utilities.

    path: /tmp/git/rainyday.js/node_modules/jshint/node_modules/lodash/package.json

    Library home page: http://registry.npmjs.org/lodash/-/lodash-3.7.0.tgz

    Dependency Hierarchy:

    • grunt-contrib-jshint-1.1.0.tgz (Root Library)
      • jshint-2.9.5.tgz
        • :x: lodash-3.7.0.tgz (Vulnerable Library)

    Vulnerability Details

    lodash node module before 4.17.5 suffers from a Modification of Assumed-Immutable Data (MAID) vulnerability via defaultsDeep, merge, and mergeWith functions, which allows a malicious user to modify the prototype of "Object" via proto, causing the addition or modification of an existing property that will exist on all objects.

    Publish Date: 2018-06-07

    URL: CVE-2018-3721

    CVSS 3 Score Details (6.5)

    Base Score Metrics:

    • Exploitability Metrics:
      • Attack Vector: Network
      • Attack Complexity: Low
      • Privileges Required: Low
      • User Interaction: None
      • Scope: Unchanged
    • Impact Metrics:
      • Confidentiality Impact: None
      • Integrity Impact: High
      • Availability Impact: None

    For more information on CVSS3 Scores, click here.

    Suggested Fix

    Type: Upgrade version

    Origin: https://bugzilla.redhat.com/show_bug.cgi?id=CVE-2018-3721

    Fix Resolution: Upgrade to version lodash 4.17.5 or greater


    Step up your Open Source Security Game with WhiteSource here

    security vulnerability 
    opened by mend-bolt-for-github[bot] 0
  • [ImgBot] optimizes images

    [ImgBot] optimizes images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 3% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /docs/img/logo.jpg | 393.80kb | 378.98kb | 3.76% | | /docs/demo.jpg | 248.59kb | 243.38kb | 2.10% | | | | | | | Total : | 642.39kb | 622.36kb | 3.12% |


    📝docs | :octocat: repo | 🙋issues | 🏅swag | 🏪marketplace

    opened by imgbot[bot] 0
  • Action required: Greenkeeper could not be activated 🚨

    Action required: Greenkeeper could not be activated 🚨

    🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

    To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

    Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

    If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

    Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

    greenkeeper 
    opened by greenkeeper[bot] 0
  • Can I use rainyday without image source?

    Can I use rainyday without image source?

    I know it sounds weird but I wanna use rainyday without setting image. I want to use rainyday for a video for example and I want to rainyday use dynamic background like a video. How can I do that?

    opened by itispey 1
Owner
Muhammad Ubaid Raza
👨🏽‍💻 Full Stack Web Developer 🤲 Open-source lover 👷 Learner
Muhammad Ubaid Raza
A 3rd year University physics project for simulating satellites motion in orbit.

Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos

Rami Sabbagh 8 Jun 26, 2022
PocketUniverse browser extension for simulating transactions.

PocketUniverse Layout Injected The injected script proxies requests from the website to PocketUniverse before forwarding it to window.ethereum. We don

Justin Phu 31 Oct 16, 2022
A lightweight "Falling Sand Game" written in TypeScript

TechSquid Falling Sand Game | TSFSG A lightweight "Falling Sand Game" written in TypeScript with Pixi.js. Click to spawn particles of sand. TO DO: col

Kyle T 8 Aug 15, 2022
VanillaJS implementation of an animated rising / falling number.

number-rollup Demo https://marknorrapscm.github.io/number-rollup/ Features Smooth rising / falling number animations with easing options VanillaJS Zer

null 14 Jul 27, 2021
đź’» Application of an accountant from a falling in love dev

Hi there! ?? This project was developed with care and in the best way I could with the knowledge I have, I hope you enjoy it! ?? What is inside? Next

Giovanna Souza 2 Sep 6, 2022
An extensible HTML DOM window manager with a professional look and feel

Wingman An extensible HTML DOM window manager with a professional look and feel. Installation Wingman only requires two files: wingman.css and wingman

nethe550 1 Jan 21, 2022
Tools for Dump NUXT JS Environment Config Through Browser Window Object

Introduction Nuxt JS is an open source javascript framework making web development simple and powerful. This tool is used to get environment configura

Agus Setya R 7 Sep 5, 2022
A simple cmatrix-like terminal decoration written in JavaScript that supports window resizing.

jsmatrix A simple cmatrix-like terminal decoration written in JavaScript that supports window resizing. Getting Started Dependencies NodeJS Any termin

Fülöp Tibor 7 Mar 27, 2022
A prototype snap for injecting gas fee prices into a confirmation window that also serves as the basis for a 5-minute Snaps tutorial

@Montoya/gas-fee-snap A simple Snap example based on @MetaMask/template-snap. Read below for a tutorial! Prerequisites Before you begin, make sure you

Christian Montoya 18 Dec 8, 2022
This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.

This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.

xataio 761 Jan 1, 2023
Window.fetch polyfill

window.fetch polyfill This project adheres to the [Open Code of Conduct][code-of-conduct]. By participating, you are expected to uphold this code. [co

null 38 Sep 11, 2020
An accessible dialog window library for all humans.

Version 0.4.4 Requires jQuery 1.11.2 or higher (v2 not tested, v3 works but not extensively stress tested). Built by Humaan Modaal Modaal is a WCAG 2.

Humaan 2.7k Dec 26, 2022
Finer control of the Obsidian sidebars. To be used with an external window manager.

Sidebar Toggler Finer control of the Obsidian sidebars. To be used with an external window manager. What the plugin does It adds four commands for tog

pseudometa 8 Nov 4, 2022
A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

Amuchina A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebW

Fabio Spampinato 9 Sep 17, 2022
A simple JavaScript library, to display a window inside of the browser

WindowJS WindowJS is a simple JavaScript library, to display a functional window inside of the browser. Demo: prod.thalmann.it/windowjs/demo.html Navi

Matthias Thalmann 12 Dec 14, 2022
A simple JS example for NextAuth Google login with a popup window instead of redirect.

A simple JS example for NextAuth Google login with a popup window instead of redirect.

null 13 Dec 7, 2022
Test utility to mock `window.matchMedia` for JSDOM environments.

mock-match-media Test utility for mocking window.matchMedia in JSDOM environments. JSDOM doesn't provide support for window.matchMedia, which means te

Raymond Wang 2 Oct 12, 2022
Open a new Arc browser window for a specific workspace.

Alfred "New Arc Window" Workflow (naw) Open a new Arc browser window on a specific space. Demo: https://youtu.be/IKz3Sl9Hcn8. Get it on Packal Or down

Pokai Chang 7 Dec 1, 2022
A lightweight (~850 B) library for easy mac/window shortcut notation. kbd-txt convert shortcut text depending on the type of OS (window/linux/mac).

kbd-txt A lightweight (~850 B) library for easy mac/window shortcut notation. kbd-txt convert shortcut text depending on the type of OS (window/linux/

Minung Han 6 Jan 1, 2023
A 3rd year University physics project for simulating satellites motion in orbit.

Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos

Rami Sabbagh 8 Jun 26, 2022