scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-06-13 13:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix examples to use view.bounds/size/center instead of document.bounds/size.

Browse source
This commit is contained in:
Jürg Lehni 2011-05-16 12:51:20 +01:00
parent 0504b99af8
commit 08c03192b6
15 changed files with 53 additions and 65 deletions

2
examples/Scripts/Arcs.html
View file

@ -7,7 +7,7 @@
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/paperscript" canvas="canvas">
var point = document.bounds.center;
var point = view.center;
for (var i = 0; i < 30; i++) {
var vector = new Point(10 + 20 * i, 0).rotate(i);
var l = vector.length;

4
examples/Scripts/BouncingBalls.html
View file

@ -31,7 +31,7 @@
},
iterate: function() {
var size = document.size;
var size = view.size;
this.vector.y += this.gravity;
this.vector.x *= 0.99;
var pre = this.point + this.vector;
@ -50,7 +50,7 @@
});
for (var i = 0; i < 10; i++) {
var position = Point.random() * document.size;
var position = Point.random() * view.size;
var vector = (Point.random() - [0.5, 0]) * [50, 100];
var ball = new Ball(position, vector);
balls.push(ball);

2
examples/Scripts/Chain.html
View file

@ -16,7 +16,7 @@
path.strokeCap = 'round';
var size = 20;
var segments = path.segments;
var center = document.bounds.center;
var center = view.center;
for (var i = 0; i < size; i++)
path.add(center + new Point(i * 100, 0));

2
examples/Scripts/Circle.html
View file

@ -7,7 +7,7 @@
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/paperscript" canvas="canvas">
var center = document.bounds.center;
var center = view.center;
for (var i = 0; i < 70; i++) {
var path = new Path.Circle(center, i * 5);
path.strokeColor = 'black';

10
examples/Scripts/RotationRaster.html
View file

@ -28,14 +28,12 @@
}
}
}
document.activeLayer.position = document.bounds.center;
document.activeLayer.position = view.center;
// Reposition the paths whenever the window is resized:
DomEvent.add(window, {
resize: function(event) {
document.activeLayer.position = document.bounds.center;
}
});
function onResize(event) {
document.activeLayer.position = view.center;
}
</script>
</head>
<body>

2
examples/Scripts/RoundRectangle.html
View file

@ -16,7 +16,7 @@
path.remove();
var size = Math.abs(Math.sin(event.count / 40)) * 150 + 10;
path = new Path.RoundRectangle(rect, size);
path.position = document.bounds.center;
path.position = view.center;
}
</script>
</head>