scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-01 02:38:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update Smoothing example.

Browse source
This commit is contained in:
Jonathan Puckey 2011-04-23 16:23:31 +02:00
parent 5e6630a1f3
commit 29e27c932e
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
examples/Animated/Smoothing.html
View file

@ -6,7 +6,7 @@
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/paperscript" canvas="canvas">
var width = document.bounds.width - 10;
var width = document.bounds.width;
var height = document.bounds.height / 2;
var pathHeight = document.bounds.height / 2;
var points = 10;
@ -14,15 +14,17 @@
var smooth = true;
var center = document.bounds.center;
var path = new Path();
for (var i = 0; i < points; i++) {
var point = new Point(width / points * i + 5, center.y);
path.fillColor = 'black';
path.add(document.bounds.bottomLeft);
for (var i = 1; i < points; i++) {
var point = new Point(width / points * i, center.y);
path.add(point);
}
path.selected = true;
path.add(document.bounds.bottomRight);
// path.selected = true;
function onFrame() {
count++;
for (var i = 0; i < points; i++) {
for (var i = 1; i < points; i++) {
var sinSeed = count + (i + i % 10) * 100 ;
var sinHeight = Math.sin(sinSeed / 200) * pathHeight;
var yPos = Math.sin(sinSeed / 100) * sinHeight + height;
@ -41,7 +43,7 @@
if (!smooth) {
// If smooth has been turned off, we need to reset
// the handles of the path:
for (var i = 0; i < points; i++) {
for (var i = 0, l = path.segments.length; i < l; i++) {
var segment = path.segments[i];
segment.handleIn = segment.handleOut = null;
}