mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2025-08-28 22:08:54 -04:00
Let's not use variable chaining in examples, for clearer code.
This commit is contained in:
parent
51dbd85db5
commit
3078e74f27
9 changed files with 80 additions and 80 deletions
|
@ -44,9 +44,9 @@
|
|||
path2.position = document.bounds.center;
|
||||
path2.scale(2);
|
||||
|
||||
var length1 = path1.length,
|
||||
length2 = path2.length,
|
||||
count = 0;
|
||||
var length1 = path1.length;
|
||||
var length2 = path2.length;
|
||||
var count = 0;
|
||||
function onFrame() {
|
||||
var vector = new Point({
|
||||
angle: -count % 360,
|
||||
|
@ -59,9 +59,9 @@
|
|||
path2.position = document.bounds.center + vector.normalize(50);
|
||||
|
||||
for (var i = 0; i < lineCount; i++) {
|
||||
var path = lineGroup.children[i],
|
||||
l1 = (length1 / lineCount * (i + count / 10)) % length1,
|
||||
l2 = (length2 / lineCount * (i + count / 10)) % length2;
|
||||
var path = lineGroup.children[i];
|
||||
var l1 = (length1 / lineCount * (i + count / 10)) % length1;
|
||||
var l2 = (length2 / lineCount * (i + count / 10)) % length2;
|
||||
path.segments[0].point = path1.getPointAt(l1),
|
||||
path.segments[1].point = path2.getPointAt(l2);
|
||||
}
|
||||
|
|
|
@ -138,11 +138,11 @@
|
|||
},
|
||||
|
||||
borders: function() {
|
||||
var loc = this.loc,
|
||||
r = this.r,
|
||||
oldLoc = this.loc.clone(),
|
||||
width = size.width,
|
||||
height = size.height;
|
||||
var loc = this.loc;
|
||||
var r = this.r;
|
||||
var oldLoc = this.loc.clone();
|
||||
var width = size.width;
|
||||
var height = size.height;
|
||||
if (loc.x < -r) loc.x = width + r;
|
||||
if (loc.y < -r) loc.y = height + r;
|
||||
if (loc.x > width + r) loc.x = -r;
|
||||
|
@ -153,9 +153,9 @@
|
|||
},
|
||||
|
||||
separate: function(boids) {
|
||||
var desiredSeperation = 60,
|
||||
steer = new Point(0, 0),
|
||||
count = 0;
|
||||
var desiredSeperation = 60;
|
||||
var steer = new Point(0, 0);
|
||||
var count = 0;
|
||||
// For every boid in the system, check if it's too close
|
||||
for (var i = 0, l = boids.length; i < l; i++) {
|
||||
var other = boids[i];
|
||||
|
@ -182,11 +182,11 @@
|
|||
// Alignment
|
||||
// For every nearby boid in the system, calculate the average velocity
|
||||
align: function(boids) {
|
||||
var neighborDist = 25,
|
||||
steer = new Point(0, 0),
|
||||
count = 0,
|
||||
nearest = 999,
|
||||
closestPoint;
|
||||
var neighborDist = 25;
|
||||
var steer = new Point(0, 0);
|
||||
var count = 0;
|
||||
var nearest = 999;
|
||||
var closestPoint;
|
||||
for (var i = 0, l = boids.length; i < l; i++) {
|
||||
var other = boids[i];
|
||||
var d = this.loc.getDistance(other.loc);
|
||||
|
@ -214,9 +214,9 @@
|
|||
// Cohesion
|
||||
// For the average location (i.e. center) of all nearby boids, calculate steering vector towards that location
|
||||
cohesion: function(boids) {
|
||||
var neighborDist = 100,
|
||||
sum = new Point(0, 0),
|
||||
count = 0;
|
||||
var neighborDist = 100;
|
||||
var sum = new Point(0, 0);
|
||||
var count = 0;
|
||||
for (var i = 0, l = boids.length; i < l; i++) {
|
||||
var other = boids[i];
|
||||
var d = this.loc.getDistance(other.loc);
|
||||
|
@ -258,11 +258,11 @@
|
|||
heartPath.strokeColor = null;
|
||||
heartPath.scale(1.5);
|
||||
|
||||
var count = 0,
|
||||
groupTogether = false,
|
||||
pathLength = heartPath.length,
|
||||
mouseDown = false,
|
||||
boids = [];
|
||||
var count = 0;
|
||||
var groupTogether = false;
|
||||
var pathLength = heartPath.length;
|
||||
var mouseDown = false;
|
||||
var boids = [];
|
||||
|
||||
// Add the boids:
|
||||
for (var i = 0; i < 30; i++) {
|
||||
|
|
|
@ -15,10 +15,10 @@
|
|||
path.closed = true;
|
||||
}
|
||||
|
||||
var position = document.bounds.center,
|
||||
mousePos = position,
|
||||
children = document.activeLayer.children,
|
||||
count = 0;
|
||||
var position = document.bounds.center;
|
||||
var mousePos = position;
|
||||
var children = document.activeLayer.children;
|
||||
var count = 0;
|
||||
|
||||
function iterate() {
|
||||
count++;
|
||||
|
|
|
@ -8,10 +8,10 @@
|
|||
<script type="text/javascript" src="../../src/load.js"></script>
|
||||
<script type="text/paperscript" canvas="canvas">
|
||||
// http://en.wikipedia.org/wiki/Lenna
|
||||
var raster = new Raster('lenna'),
|
||||
count = 0,
|
||||
lastScale = 1,
|
||||
center = document.bounds.center;
|
||||
var raster = new Raster('lenna');
|
||||
var count = 0;
|
||||
var lastScale = 1;
|
||||
var center = document.bounds.center;
|
||||
function onFrame(event) {
|
||||
count++;
|
||||
var scale = (Math.sin(event.time * 2) + 1) / 2;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue