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

Revert previous commit of BouncingBalls example.

Browse source
This commit is contained in:
Jonathan Puckey 2011-02-21 03:37:35 +01:00
parent 357a8af6ec
commit e898f0482c
1 changed files with 15 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
examples/Scripts/BouncingBalls.html
View file

@ -23,7 +23,6 @@
<script type="text/javascript" src="../../src/path/Segment.js"></script> <script type="text/javascript" src="../../src/path/Segment.js"></script>
<script type="text/javascript" src="../../src/path/PathItem.js"></script> <script type="text/javascript" src="../../src/path/PathItem.js"></script>
<script type="text/javascript" src="../../src/path/Path.js"></script> <script type="text/javascript" src="../../src/path/Path.js"></script>
<script type="text/javascript" src="../../src/path/CompoundPath.js"></script>
<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script> <script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
<script type="text/javascript" src="../../src/color/Color.js"></script> <script type="text/javascript" src="../../src/color/Color.js"></script>
<script type="text/javascript" src="../../src/color/RGBColor.js"></script> <script type="text/javascript" src="../../src/color/RGBColor.js"></script>
@ -38,30 +37,20 @@
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script> <script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
<script> <script>
window.onload = function() { window.onload = function() {
var canvas = document.getElementById('canvas'); var canvas = document.getElementById('canvas');
var doc = new Doc(canvas); var doc = new Doc(canvas);
var balls = []; var balls = [];
var circlePath = new Path.Circle([0, 0], 10); var circlePath = new Path.Circle([0, 0], 10);
circlePath.fillColor = 'red';//new GradientColor(null, [0, 0], [0, 12], [0, 2]); circlePath.fillColor = new GradientColor(null, [0, 0], [0, 12], [0, 2]);
//circlePath.fillColor.gradient.type = 'radial'; circlePath.fillColor.gradient.type = 'radial';
var smallerPath = new Path.Circle([0, 0], 5); var symbol = new Symbol(circlePath);
smallerPath.segments.reverse();
for (var i = 0, l = smallerPath.segments.length; i < l; i++) {
var segment = smallerPath.segments[i];
smallerPath.segments[i] = segment.reverse();
}
smallerPath.fillColor = 'red';
var compoundPath = new CompoundPath([circlePath, smallerPath]);
compoundPath.strokeColor = 'black';
var symbol = new Symbol(compoundPath);
var group = new Group(); var group = new Group();
var Ball = Base.extend({ var Ball = Base.extend({
initialize: function(point, vector) { initialize: function(point, vector) {
if (vector.isZero()) { if (vector.isZero()) {
@ -79,7 +68,7 @@
this.item.scale(this.radius / 10); this.item.scale(this.radius / 10);
group.appendTop(this.item); group.appendTop(this.item);
}, },
contrainPoint: function() { contrainPoint: function() {
var x = this.point.x; var x = this.point.x;
var y = this.point.y; var y = this.point.y;
@ -87,7 +76,7 @@
this.point.x = Math.min(Math.max(radius, x), doc.size.width - radius); this.point.x = Math.min(Math.max(radius, x), doc.size.width - radius);
this.point.y = Math.min(Math.max(radius, y), doc.size.height - radius); this.point.y = Math.min(Math.max(radius, y), doc.size.height - radius);
}, },
iterate: function() { iterate: function() {
this.vector.y += this.gravity; this.vector.y += this.gravity;
this.vector.x *= 0.99; this.vector.x *= 0.99;
@ -106,14 +95,14 @@
this.item.position = this.point; this.item.position = this.point;
} }
}); });
for (var i = 0; i < 10; i++) { for (var i = 0; i < 10; i++) {
var position = Point.random().multiply(doc.size); var position = Point.random().multiply(doc.size);
var vector = Point.random().subtract(0.5, 0).multiply(50, 100); var vector = Point.random().subtract(0.5, 0).multiply(50, 100);
var ball = new Ball(position, vector); var ball = new Ball(position, vector);
balls.push(ball); balls.push(ball);
} }
var lastPoint; var lastPoint;
tool = new Tool({ tool = new Tool({
onMouseDown: function(event) { onMouseDown: function(event) {
@ -129,11 +118,11 @@
} }
}); });
setInterval(draw, 30); setInterval(draw, 30);
var boundPath = new Path.Rectangle([-10, -10], [-11, -11]); var boundPath = new Path.Rectangle([-10, -10], [-11, -11]);
boundPath.strokeColor = 'red'; boundPath.strokeColor = 'red';
boundPath.strokeWidth = 1; boundPath.strokeWidth = 1;
function draw() { function draw() {
for (var i = 0, l = balls.length; i < l; i++) { for (var i = 0, l = balls.length; i < l; i++) {
balls[i].iterate(); balls[i].iterate();