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

Remove Palette example.

Browse source
This commit is contained in:
Jürg Lehni 2014-10-08 18:15:45 +02:00
parent f4a36b7cd4
commit 0d360a6c0c
1 changed files with 0 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
examples/Interface/Palette.html
View file

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Palette</title>
<link rel="stylesheet" href="../css/style.css">
<script type="text/javascript" src="../../dist/paper-full.js"></script>
<script type="text/paperscript" canvas="canvas">
var values = {
number: 1,
string: 200,
checkbox: true,
list: 'Two',
text: 'Hello World!'
};
var components = {
number: {
type: 'number',
label: 'A Number',
step: 2.5
},
string: {
type: 'string',
label: 'A String'
},
checkbox: {
type: 'boolean',
label: 'A Checkbox',
onChange: function(value) {
values.list = value ? 'Two' : 'One';
}
},
list: {
type: 'list',
label: 'A List',
options: [ 'One', 'Two', 'Three' ]
},
text: {
type: 'text',
label: 'A Text'
},
button: {
type: 'button',
label: 'A Button',
value: 'Click Me!',
onClick: function() {
console.log('Resetting');
palette.reset();
values.text = 'You clicked!';
}
},
slider: {
type: 'slider',
label: 'A Slider',
value: 10,
range: [0, 50],
step: 10
}
};
var palette = new Palette('Values', components, values);
palette.onChange = function(component, name, value) {
console.log(name + ' = ' + value, component);
}
values.number = 10;
values.string = 'Woop woop';
values.list = 'Three';
console.log(JSON.stringify(values));
</script>
</head>
<body>
<canvas id="canvas" width="640" height="100"></canvas>
</body>
</html>