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

Change all examples to load the latest compiled library from out/paper.js.

Browse source
This commit is contained in:
Jürg Lehni 2011-06-12 18:42:12 +01:00
parent c341ec220a
commit 5e4192198b
34 changed files with 44 additions and 71 deletions

3
examples/Scripts/Arcs.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var point = view.center;
for (var i = 0; i < 30; i++) {

11
examples/Scripts/BouncingBalls.html
View file

@ -4,10 +4,13 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var balls = [];
var bg = new Path.Rectangle([0, 0], view.size);
bg.fillColor = '#f00';
var group = new Group();
var Ball = Base.extend({
@ -21,12 +24,14 @@
this.dampen = 0.4;
this.gravity = 3;
this.bounce = -0.6;
this.radius = 50 * Math.random() + 30;
this.radius = 60; //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);
this.item.blendMode = 'luminosity';
// this.item.opacity = 0.75;
group.appendTop(this.item);
},

3
examples/Scripts/Chain.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
// Adapted from the following Processing example:
// http://processing.org/learning/topics/follow3.html

3
examples/Scripts/Circle.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var center = view.center;
for (var i = 0; i < 70; i++) {

3
examples/Scripts/CompoundPath.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
project.currentStyle.fillColor = 'black';
var path1 = new Path.Rectangle([200, 200], [100, 100]);

3
examples/Scripts/CurveTimeParametrization.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var path = new Path();
path.moveTo(200, 200);

3
examples/Scripts/Letter.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var letterPath = new Path(
new Segment(new Point(63.39306640625, 265.7138671875), null, new Point(10.86669921875, 6.96630859375)),

3
examples/Scripts/PathStructure.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var y = view.size.height / 2;
var width = view.size.width;

3
examples/Scripts/PhyllotaxisRaster.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
// Example inspired by: 'Phyllotactic Spirals' by Ken Frederick
// http://scriptographer.org/scripts/general-scripts/phyllotactic-spirals/

3
examples/Scripts/RotationRaster.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var raster = new Raster('lenna');
var size = new Size(50, 50);

3
examples/Scripts/RoundRectangle.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var path;
var rect = new Rectangle([150, 150], [300, 300]);

3
examples/Scripts/StrokeBounds.html
View file

@ -4,8 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript">var root = '../../'</script>
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/javascript" src="../../out/paper.js"></script>
<script type="text/paperscript" canvas="canvas">
var paths = [];