Skip to content

Instantly share code, notes, and snippets.

View kevinfjbecker's full-sized avatar
🦄
not doing the things that nobody had ever thought of not doing

Kevin Becker kevinfjbecker

🦄
not doing the things that nobody had ever thought of not doing
2 followers · 1 following
View GitHub Profile
@kevinfjbecker
kevinfjbecker / arrow.html
Created July 27, 2011 10:08
Page to display an arrow drawn with the HTML5 canvas api
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Arrow</title>
</head>
<body>
<canvas id="canvas"></canvas>
<script src="arrow.js"></script>
@kevinfjbecker
kevinfjbecker / artsy.html
Created July 27, 2011 19:15
A drawing toy using HTML5 canvas. Draw an abstract flower, and output the drawing to the page as a png image.
<!DOCTYPE html>
<html>
<!--
Created using JS Bin
Source can be edited via /ecekaw/8/edit
-->
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
@kevinfjbecker
kevinfjbecker / angle.html
Created July 29, 2011 10:56
A small interactive HTML5 canvas program that displays an angle graphically and numerically
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Angle</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
@kevinfjbecker
kevinfjbecker / pull-block.html
Created August 12, 2011 11:06
A simple interactive canvas app: the beginnings of a rotate and pull control
<!DOCTYPE html>
<html>
<!--
Created using JS Bin
Source can be edited via /uzuzaj/latest/edit
-->
<!DOCTYPE html>
<html>
@kevinfjbecker
kevinfjbecker / MatrixMultiply.html
Created August 12, 2011 14:22
An example of Matrix mulitplication in JavaScript
<!DOCTYPE html>
<html>
<!--
Created using JS Bin
Source can be edited via /aludec/latest/edit
-->
<head>
<meta charset=utf-8 />
@kevinfjbecker
kevinfjbecker / graph.html
Created September 21, 2011 20:43
HTML5 Canvas Line Graph
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Roulette</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
@kevinfjbecker
kevinfjbecker / vacuum-world.html
Created December 15, 2011 12:02
Vacuum World Robot in HTML5 Cavas
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Hoover</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
@kevinfjbecker
kevinfjbecker / bfs.html
Created December 27, 2011 16:16
Breadth-first Graph Traversal in JavaScript
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A Graph</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
@kevinfjbecker
kevinfjbecker / graph-vis.html
Created December 27, 2011 22:45
HTML5 Canvas Graph View
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>graph-vis</title>
</head>
<body>
<canvas id="viewer" width="800" height="500"></canvas>
<script src="graph-vis.js"></script>
</body>
@kevinfjbecker
kevinfjbecker / graph-bfs.html
Created December 28, 2011 16:11
Animated Breadth-First Search (using HTML5 canvas)
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Click a Node</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>