scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-07-08 18:54:26 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rework Bouncing Balls example.

Browse source
This commit is contained in:
Jonathan Puckey 2011-05-08 15:44:19 +01:00
parent 94889148a4
commit 822047cde0
1 changed files with 8 additions and 9 deletions

17
examples/Scripts/BouncingBalls.html
View file

@ -8,11 +8,7 @@
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/paperscript" canvas="canvas">
var balls = [],
group = new Group(),
circlePath = new Path.Circle([0, 0], 10),
symbol = new Symbol(circlePath);
circlePath.fillColor = new GradientColor(null, [0, 0], [0, 12], [0, 2]);
circlePath.fillColor.gradient.type = 'radial';
group = new Group();
var Ball = Base.extend({
initialize: function(point, vector) {
@ -25,10 +21,12 @@
this.dampen = 0.4;
this.gravity = 3;
this.bounce = -0.6;
this.radius = 50 * Math.random() + 10;
this.item = new PlacedSymbol(symbol);
this.item.position = point;
this.item.scale(this.radius / 10);
this.radius = 50 * Math.random() + 30;
this.item = new Path.Circle(point, this.radius);
var color = new HSBColor(Math.random() * 360, 1, 1);
var gradient = new Gradient([color, new RGBColor(0, 0, 0)], 'radial');
this.item.fillColor = new GradientColor(gradient, point,
point + this.radius, this.radius * 0.8);
group.appendTop(this.item);
},
@ -47,6 +45,7 @@
var max = Point.max(this.radius, this.point + this.vector);
this.item.position = this.point = Point.min(max, size - this.radius);
this.item.rotate(this.vector.x / 2);
}
});