projects tag: canvas 2D
Canvas 2D Breakout Game
I always had wanted to be able to create games using the HTML5 Canvas 2D API, so I built (and refactored) a Canvas 2D Breakout Game inspired by one I came across on MDN.
#babel, #canvas 2D, #eslint, #innerhtml property, #keydown event, #keyup event, #modern javascript, #mousemove event, #node sass, #project, #webpack
Dragging Bubbles App
I have always wanted to closely tie audio and audio volume controls with visual and creating multiple audio sources, which I tie to one input of type range. So what better way than with the HTML5 Web Audio and HTML5 Canvas 2D APIs!
#ajax, #canvas 2D, #click event, #create buffer source, #create gain, #create media element source, #input event, #mobile friendly, #modern javascript, #pointerdown event, #pointermove event, #pointerout event, #pointerover event, #pointerup event, #node sass, #project, #set at target time, #web audio api