Site Navigation

$ADD PAGE NAVIGATION$ L1

$ADD PAGE NAVIGATION$ L2

$ADD PAGE NAVIGATION$ L2

$ADD PAGE NAVIGATION$ L2

$ADD PAGE NAVIGATION$ L2

$ADD PAGE NAVIGATION$ L2

Introduction


During my senior year of highschool, I took a class that offered Javascript lessons through Khan Academy. These Javascript lessons were heavily focused on the visual aspect of JS, however they forgot one key part. They never taught us how to insert it into a website. This page will be the first success on that front.

Disclaimer!
This Page Has Many Infinite Javascript Loops!
It is not recommend to leave open too long on mobile.


Make It Rain Project

In this project the goal was simple, simulate rain in a way that let the user add more drops to the scene. This is actually one of my least over-spec'd projects. I simply made mine slowly remove rain from the scene when the user stops interacting. I also added an accurate rain gauge the showed how many drops were being rendered and would automatically scale up if it was too small though it wouldn't scale down. This version was modified to work outside of Khan Academy's simplified, inaccurate JS environment.

Features

  • Will pseudo pause when the mouse exits the canvas or the user taps outside of the box.
  • Adds more rain when canvas is clicked on.
  • Rain will be removed when the canvas is active but not clicked on.

Bugs/Flaws

  • Script still runs through a minimal loop when pseudo paused.
  • F5 is blocked when not paused.
  • Mobile touch support is limited, cannot register holding down, only taps, only sometimes.
Your browser does not support canvas element.

TMP Project

Features

Bugs/Flaws

Your browser does not support canvas element.

Assignment