diff --git a/script/script.js b/script/script.js index c902589..b915f02 100644 --- a/script/script.js +++ b/script/script.js @@ -1,31 +1,37 @@ var path = new Path({ fillColor: 'black' }); +var url = 'trame.svg'; +var raster = new Raster(url); + var amount = 3 for (var i = 0; i < amount; i++) { - var point = new Point(600, 650) * Point.random(view.size); - path.add(point); - console.log(point); + raster.position = new Point(300,600) * Point.random(view.size); + // var point = new Point(600, 650) * Point.random(view.size); + path.add(raster.position); var segment = path.segments[i]; } +path.closed = true; +path.fullySelected = true; +path.clipMask = true; + function onFrame(event) { // Loop through the segments of the path: // A cylic value between -1 and 1 - var sinus = Math.sin(event.time * 3 + i); + for (var i = 0; i <= amount; i++) { + var sinus = Math.sin(event.time * 1 + i); // Change the y position of the segment point: - segment.point.y = sinus * 60 + 100; + segment.point.y = sinus * 100 + 100; + segment.point.x = sinus * 50 + 150; + + path.smooth(); + } } -path.closed = true; -path.fullySelected = true; -path.position.x += 1000; -path.smooth(); - - diff --git a/trame.svg b/trame.svg new file mode 100644 index 0000000..921bf96 --- /dev/null +++ b/trame.svg @@ -0,0 +1,4028 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + +