Aspects of the web like Banana Rain were thought of as a relic of the internet's short yet vastly immersive past. Less than a decade ago, fun and entertaining gimmicks and stress-relieving programs were apparent on nearly every website, offered either as screensaver options, widgets or splash pages. Such a simplistic design and easily entertaining concept might seem obsolete in today's evolving world of virtual and augmented reality, artificial intelligence, and social media, but sites like Banana Rain are a breath of fresh air amidst a sometimes overwhelming technological landscape.
The premise is simple: move the cursor around the screen and the infinite barrage of bananas will be disrupted. Clicking on any random area will cause an explosion of bananas to disperse. Banana Rain is optimized to support mobile devices as well. Users' cursors will be replaced by fingers, and tapping the screen will, likewise, cause the bananas to disperse.
As far as the internal mechanisms of Banana Rain are concerned, it works much like the aforementioned sits of yore, like falling sand or worms. Back in the day, searching Google for html5 games would result in a number of Canvas tutorials or a list of libraries with sites lie Banana Rain to choose from. Back then, jQuery was widely used in web design, and software like Easle.js and Create.js were popularized alongside Crafty.js, Kiwi.js, Melon.js, Quintus.js, Pixi.js, and Phaser.io. In fact, just a few short years ago, games and demos were being created in Javascript, using Easle.js. Banana Rain works by utilizing a simple line of code: * {
display: banana;
}
Now that's bananas!
Sites like Banana Rain are more than entertaining, moreover. They can be a great source of education, introducing users to simple coding and web design. These same methods are frequently taught in entry-level coding classes, even today. For more information click here https://codepen.io/createjs/full/qQeXee.