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 Chain example.

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

29
examples/Scripts/Chain.html
View file

@ -9,26 +9,31 @@
// Adapted from the following Processing example:
// http://processing.org/learning/topics/follow3.html
var path = new Path();
path.style = {
// The amount of points in the path:
var points = 25;
// The distance between the points:
var length = 35;
var path = new Path({
strokeColor: '#E4141B',
strokeWidth: 20,
strokeCap: 'round'
};
var size = 25;
});
var segments = path.segments;
var start = view.center / [10, 1];
for (var i = 0; i < size; i++)
path.add(start + new Point(i * 100, 0));
for (var i = 0; i < points; i++)
path.add(start + new Point(i * length, 0));
function onMouseMove(event) {
segments[0].point = event.point;
for (var i = 0; i < size - 1; i++) {
var nextSegment = segments[i + 1];
var position = path.segments[i].point;
var vector = position - nextSegment.point;
vector.length = 35;
nextSegment.point = position - vector;
for (var i = 0; i < points - 1; i++) {
var segment = path.segments[i];
var nextSegment = segment.next;
var vector = segment.point - nextSegment.point;
vector.length = length;
nextSegment.point = segment.point - vector;
}
path.smooth();
}