added some svgs. faster/slower btns.
This commit is contained in:
parent
91c8ff02bd
commit
6848c6a3a4
3 changed files with 35 additions and 17 deletions
2
public/1/conductor/imgs/faster.svg
Normal file
2
public/1/conductor/imgs/faster.svg
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<svg width="0.333333in" height="0.333333in" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M 28.00,52.00 C 30.22,59.49 33.02,60.56 40.00,63.00 39.80,57.93 39.43,54.47 42.65,50.04 52.61,36.31 73.31,45.21 69.00,63.00 68.04,56.83 68.89,51.37 62.82,47.15 55.53,42.07 44.66,45.62 41.85,54.00 40.42,58.29 41.51,61.01 43.00,65.00 39.52,64.06 33.25,61.19 30.02,61.75 25.97,62.45 23.97,66.26 27.32,69.30 29.96,71.70 35.54,72.69 39.00,73.00 39.00,73.00 38.00,76.00 38.00,76.00 43.91,80.13 46.79,83.18 54.00,80.00 54.00,80.00 53.00,76.00 53.00,76.00 53.00,76.00 39.00,75.00 39.00,75.00 49.46,72.04 60.04,79.57 70.90,69.67 83.39,58.28 75.64,36.13 55.00,37.04 45.82,37.44 46.35,41.62 36.00,40.00 36.00,40.00 36.00,38.00 36.00,38.00 47.01,34.86 54.44,28.50 59.00,18.00 44.79,15.13 36.93,28.30 28.00,35.00 31.50,30.74 35.66,25.79 40.00,22.39 44.82,18.61 48.94,19.20 50.00,13.00 39.85,13.50 32.71,17.98 26.53,26.00 26.53,26.00 21.19,34.59 21.19,34.59 18.83,37.36 13.61,38.79 11.95,44.00 10.07,49.86 16.28,56.87 28.00,52.00 Z M 22.00,41.00 C 22.00,41.00 21.00,45.00 21.00,45.00 21.00,45.00 19.00,41.00 19.00,41.00 19.00,41.00 22.00,41.00 22.00,41.00 Z M 78.00,51.00 C 78.00,51.00 78.00,64.00 78.00,64.00 81.95,62.97 84.94,61.72 87.13,57.98 90.26,52.66 87.23,47.63 78.00,51.00 Z M 68.00,63.00 C 68.00,63.00 68.00,64.00 68.00,64.00 68.00,64.00 67.00,63.00 67.00,63.00 67.00,63.00 68.00,63.00 68.00,63.00 Z M 44.00,65.00 C 44.00,65.00 44.00,66.00 44.00,66.00 44.00,66.00 43.00,65.00 43.00,65.00 43.00,65.00 44.00,65.00 44.00,65.00 Z M 67.00,65.00 C 67.00,65.00 67.00,66.00 67.00,66.00 67.00,66.00 66.00,65.00 66.00,65.00 66.00,65.00 67.00,65.00 67.00,65.00 Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
2
public/1/conductor/imgs/slower.svg
Normal file
2
public/1/conductor/imgs/slower.svg
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<svg width="8.46668mm" height="8.46668mm" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M 26.00,49.00 C 26.00,49.00 26.00,51.00 26.00,51.00 40.40,60.28 54.64,60.46 71.00,57.39 75.83,56.48 79.41,55.92 84.00,54.00 82.30,49.63 80.67,47.75 78.00,44.00 72.09,35.72 68.60,32.13 58.00,32.00 53.01,31.94 48.61,31.69 44.00,34.00 35.87,38.07 35.38,43.97 26.00,49.00 Z M 29.00,61.00 C 29.00,61.00 29.00,63.00 29.00,63.00 29.00,63.00 18.00,66.00 18.00,66.00 26.48,75.31 29.66,67.86 38.00,64.00 38.00,64.00 39.00,70.00 39.00,70.00 39.00,70.00 36.00,71.00 36.00,71.00 38.22,76.57 43.89,76.43 45.99,73.49 47.53,71.29 46.34,66.57 45.99,64.00 45.99,64.00 61.00,64.00 61.00,64.00 61.00,64.00 60.00,70.00 60.00,70.00 60.00,70.00 56.00,70.00 56.00,70.00 57.63,74.90 62.67,76.53 66.15,72.49 69.14,69.01 66.41,67.14 72.00,64.00 73.01,66.55 74.25,69.57 77.07,70.60 80.74,71.94 82.93,67.84 80.97,64.28 80.12,62.73 78.29,61.21 77.00,60.00 77.00,60.00 92.00,54.00 92.00,54.00 88.13,53.44 82.94,56.08 79.00,57.12 72.07,58.94 62.11,60.92 55.00,61.00 46.88,61.09 39.31,59.77 32.00,56.02 26.90,53.41 21.69,48.64 16.00,47.55 8.77,46.15 6.34,52.03 10.31,55.40 12.62,57.36 19.66,57.62 23.00,58.62 23.00,58.62 29.00,61.00 29.00,61.00 Z M 15.00,49.00 C 15.00,49.00 16.00,52.00 16.00,52.00 16.00,52.00 13.00,52.00 13.00,52.00 13.00,52.00 15.00,49.00 15.00,49.00 Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -22,6 +22,8 @@ $(document).ready(function() {
|
|||
SVGImport_size1('./imgs/listen-icon.svg'),
|
||||
SVGImport_size1('./imgs/iconmonstr-plus-4.svg'),
|
||||
SVGImport_size1('./imgs/iconmonstr-minus-4.svg'),
|
||||
SVGImport_size1('./imgs/faster.svg'),
|
||||
SVGImport_size1('./imgs/slower.svg'),
|
||||
//clap
|
||||
AudioImport_p5("./audio/clap@2/" + ("0" + getRandomInt(1, 2)).slice(-2) + ".mp3"),
|
||||
//beach_sounds page 1 ==> 7
|
||||
|
|
@ -50,25 +52,27 @@ $(document).ready(function() {
|
|||
var iconsound = imports[4];
|
||||
var plus = imports[5];
|
||||
var minus = imports[6];
|
||||
var faster = imports[7];
|
||||
var slower = imports[8];
|
||||
//clap
|
||||
var clap = imports[7];
|
||||
var clap = imports[9];
|
||||
//beach list
|
||||
//NOTE: beware! same key is not allowed!! every keys should have different name!!
|
||||
var beach_sounds = {
|
||||
'2011_2011' : imports[8],
|
||||
'2011_벨' : imports[9],
|
||||
'2011_숲' : imports[10],
|
||||
'2011_바람' : imports[11],
|
||||
'2011_헤비레인' : imports[12],
|
||||
'고요6' : imports[13],
|
||||
'고요7' : imports[14],
|
||||
'검은산_뚜루' : imports[15],
|
||||
'검은산_다급' : imports[16],
|
||||
'검은산_부엉' : imports[17],
|
||||
'검은산_불안' : imports[18],
|
||||
'검은산_쏟아짐' : imports[19],
|
||||
'고요13' : imports[20],
|
||||
'고요14' : imports[21],
|
||||
'2011_2011' : imports[10],
|
||||
'2011_벨' : imports[11],
|
||||
'2011_숲' : imports[12],
|
||||
'2011_바람' : imports[13],
|
||||
'2011_헤비레인' : imports[14],
|
||||
'고요6' : imports[15],
|
||||
'고요7' : imports[16],
|
||||
'검은산_뚜루' : imports[17],
|
||||
'검은산_다급' : imports[18],
|
||||
'검은산_부엉' : imports[19],
|
||||
'검은산_불안' : imports[20],
|
||||
'검은산_쏟아짐' : imports[21],
|
||||
'고요13' : imports[22],
|
||||
'고요14' : imports[23],
|
||||
};
|
||||
//NOTE: beware! same key is not allowed!! every keys should have different name!!
|
||||
var beach_players = {
|
||||
|
|
@ -408,14 +412,16 @@ $(document).ready(function() {
|
|||
}),
|
||||
//faster button
|
||||
new Path.Rectangle({
|
||||
name: 'faster_btn',
|
||||
point: [vssw * 5.0, row * vssw * 1.4 + vssw * 3.5],
|
||||
radius: vssw * 0.4,
|
||||
size: [vssw * 1.6, vssw * 0.7],
|
||||
fillColor: new Color({
|
||||
strokeColor: new Color({
|
||||
hue: getRandom(20, 60),
|
||||
saturation: 1,
|
||||
brightness: 1
|
||||
}),
|
||||
strokeWidth : vssw * 0.03,
|
||||
onMouseDown: function() {
|
||||
var par = this.parent;
|
||||
if (par._players.length > 0) {
|
||||
|
|
@ -446,14 +452,16 @@ $(document).ready(function() {
|
|||
}),
|
||||
//slower button
|
||||
new Path.Rectangle({
|
||||
name: 'slower_btn',
|
||||
point: [vssw * 7.8, row * vssw * 1.4 + vssw * 3.5],
|
||||
radius: vssw * 0.4,
|
||||
size: [vssw * 1.6, vssw * 0.7],
|
||||
fillColor: new Color({
|
||||
strokeColor: new Color({
|
||||
hue: getRandom(120, 250),
|
||||
saturation: 1,
|
||||
brightness: 1
|
||||
}),
|
||||
strokeWidth : vssw * 0.03,
|
||||
onMouseDown: function() {
|
||||
var par = this.parent;
|
||||
if (par._players.length > 0) {
|
||||
|
|
@ -477,6 +485,12 @@ $(document).ready(function() {
|
|||
_init: function() {
|
||||
this._player.loop = true;
|
||||
this._player.retrigger = true;
|
||||
var ff = faster.clone().addTo(project);
|
||||
ff.fitBounds(this.children.faster_btn.bounds);
|
||||
ff.fillColor = "orange";
|
||||
var ss = slower.clone().addTo(project);
|
||||
ss.fitBounds(this.children.slower_btn.bounds);
|
||||
ss.fillColor = "lime";
|
||||
this.children.playcounter.fitBounds(this.children.playcounterbox.bounds);
|
||||
this.children.speedcounter.fitBounds(this.children.speedcounterbox.bounds);
|
||||
this.children.speedcounter.content = Number.parseFloat(1).toFixed(1);
|
||||
|
|
|
|||
Loading…
Reference in a new issue