scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2024-12-29 09:22:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update Arcs example.

Browse source
This commit is contained in:
Jonathan Puckey 2013-03-02 17:05:56 +01:00
parent 2b4a1a7dc4
commit 8ab70fd0de
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
examples/Scripts/Arcs.html
View file

@ -6,19 +6,27 @@
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript" src="../../dist/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var point = view.center;
var values = {
points: 20,
radius: 20,
initialRadius: 10
};
for (var i = 0; i < 30; i++) {
var vector = new Point(10 + 20 * i, 0).rotate(i);
var l = vector.length;
var path = new Path();
path.fillColor = i % 2 ? 'red' : 'black';
path.closed = true;
for (var j = 0; j < 17; j++) {
vector = vector.rotate(45 / 2);
var path = new Path({
fillColor: i % 2 ? 'red' : 'black',
closed: true
});
var point = new Point({
length: values.initialRadius + values.radius * i,
angle: 0
});
for (var j = 0; j <= values.points; j++) {
point.angle += 360 / values.points;
if (j == 0) {
path.add(point + vector);
path.add(view.center + point);
} else {
path.arcTo(point + vector, true);
path.arcTo(view.center + point);
}
}
project.activeLayer.insertChild(0, path);