Rainy Day Background Created Using JavaScript

Rainy Day Background Created Using JavaScript


  Playing with Articulate Again!!  :o)

  Adding an animated background to your course can enhance the look and feel 
  of your interface.

  Below is a sample that contains rainy background, this aint a video that loops 
  infinitely, I have used JavaScript for this effect.

  NOTE: Here I have used the dummy values for the temperature. I would like 
  to convert these dummy values into real ones, so please suggest how to do so.

  Any suggestions will be greatly appreciated.

  Flash Output: https://db.tt/8kQApf1m

  HTML5 Output: https://db.tt/SUQUORhh

Follow us:
ALSO READ:  Travel Tips Interactive elearning Course


  1. Pretty cool, how did you do it?

  2. Hi there!,
    I started with adding a background Image to a web page. Then used JavaScript to blur the background image and control water droplets. Using this effect can make your course very light and easy to use as compared to adding a high quality video in the background.


Write a Comment

× How can we help you? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday

DSLR stands for Digital single-lens reflex camera. It has a digital imaging sensor. In this kind of camera, the captured image can be viewed in the viewfinder when the shutter button is pressed. Its shown through the main lens rather than through a secondary lens, so the user knows what has been captured. 

He was a German psychologist who is known for discovering the forgetting curve. According to this curve, the biggest decline in memory happens within 20 minutes, and then 1 hour.