Skip to content

Instantly share code, notes, and snippets.

@jeisenma
jeisenma / PJSdemo2.html
Created October 10, 2012 16:31
Processing.js Demo - just demonstrating that you can show processing.js sketches using bl.ocks and gist
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>BallsWithClass : Built with Processing and Processing.js</title>
<script src="https://github.com/downloads/processing-js/processing-js/processing-1.4.1.min.js"></script>
<script type="application/javascript">
/*
* This code searches for all the <script type="application/processing" target="canvasid">
* in your page and loads each script in the target canvas with the proper id.
* It is useful to smooth the process of adding Processing code in your page and starting
@jeisenma
jeisenma / index.html
Created March 6, 2012 20:22
Multiple Canvases
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Multiple Canvases Example</title>
<link rel="stylesheet" href="http://paperjs.org/static/css/style.css">
<script type="text/javascript" src="http://paperjs.org/static/js/paper.js?1312143495000"></script>
<script type="text/paperscript" canvas="stroked">
@jeisenma
jeisenma / index.html
Created March 6, 2012 18:56
Projectile Class
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Projectile Class Example</title>
<script type="text/javascript" src="http://paperjs.org/static/js/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var projectiles = []; // array to hold all the projectiles
@jeisenma
jeisenma / index.html
Created March 6, 2012 15:13
circle test
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Circular Progressbar</title>
<script type="text/javascript" src="http://paperjs.org/static/js/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var circle = new Path.Circle(view.center, 50);
circle.fillColor = 'red';