[B! canvas] scalarのブックマーク

Manipulating video using canvas - Web APIs | MDN

By combining the capabilities of the video element with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed. This tutorial demonstrates how to perform chroma-keying (also known as the "green screen effect") using JavaScript code. The document content The HTML document used to render this content is shown below. <!DOCTYPE html

scalar 2011/01/28

canvas
html5

リンク

GitHub - davebalmer/turtlewax: Logo-style turtle graphics in JavaScript using HTML5 Canvas. Basically, turtle graphics re-imagined for a JavaScript world. Current lib (with HSV color support) gzips down to <1K (about half that if you skip HSV color util),

Conventions coordinate and distance units are expressed in pixels angles are expressed in degrees (mecause most humans don't grok radians) Methods begin() Starts a new path in canvas, and looks more Logo-ish along the way. go(distance) Moves forward in the current direction by distance pixels. back(distance) The opposite of go. turn(angle) Turns your current direction. To turn left (counter-clockw