sample paper.js

by jpeter06

HTML

<script src="https://raw.github.com/paperjs/paper.js/master/dist/paper.js"></script>
<canvas id="canvas" resize keepalive="true" style='height: 200; width: 200;'></canvas>
<script>(function(){var s="script",n='\n',d=document,b=d.getElementsByTagName(s)[2].innerHTML.split(n);d.write('<'+s+' type="text/paperscript" canvas="canvas">'+b.slice(2,b.length-2).join(n)+'</'+s+'>')})()</script>

JavaScript

// Create a rectangle shaped
var point=new Point(20,20);
var path= new Path();
path.strokeColor = 'black';
path.add(point);
path.add(new Point(100, 50));
path.add(new Point(50, 100));
path.closed = true;
path.selected = true;
    

function onFrame(event) {
    // Each frame, rotate the path by 3 degrees:
    path.rotate(1);
    path.segments[0].point.x=200;
}