Demos involving the 2d Context of the HTML 5 Canvas with Javascript

Name Demonstrates DateComments
Random Dots
  • Creating a canvas in javascript
  • Math.floor and Math.random in javascript.
  • Creating a random color in javascript.
  • A function in javascript.
  • A button in HTML with a callback in javascript.
Fall 2016 Early Code, perhaps not the best
Random Dots 2
  • Same as above but separating html and javascript into different files..
Fall 2016 Early Code
Random Dots 3
  • Same as above but an attempt to build a class to do the drawing. This is using the old style classes before ECMAScript 2015.
Fall 2016 Early Code, New version needed.
Random Dots 4
  • Same as above but with more user interaction.
    • Dropdown menu
    • somewhat object oriented.
  • Interface should be updated from class on initialization.
Fall 2016 Early Code, new version needed.
Random Walks
  • Creating a canvas in javascript
  • Math.floor, Math.random, Math.min in javascript.
  • Creating a random color in javascript.
  • A function in javascript.
  • A button in HTML with a callback in javascript.
Fall 2016 Early Code, should rewrite
Some Curves
  • Drop Down menus.
  • Some math I learned in calculus
  • Some pretty line curves
  • I would proabably pass functions now instead of CalculatePoint and this.shape.
Fall 2016 Early Code, should rewrite