forked from BenT-o/GrooveScribe
-
Notifications
You must be signed in to change notification settings - Fork 4
/
GrooveMultiDisplay.html
94 lines (73 loc) · 4.75 KB
/
GrooveMultiDisplay.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<title>Groove Multi Display</title>
<script src="./js/groove_display.js"></script>
</head>
<body>
<h1>Groove Lesson example</h1>
This is an example page. I want to talk about the first groove and what it is useful for.
<br>
<script>
GrooveDisplay.AddGrooveDisplayToPage('?Mode=view&Div=16&Title=Funk&Tempo=90&Measures=1&H=|X-x-X-x-X-x-X-x-|&S=|-----g-o-o--x--o|&K=|o-o-------o--o--|', true, true, true);
</script>
<hr>
<h2>Topic 2</h2>
Here is another groove. Lorem ipsum dolor sit amet, lorem albucius et eam, id eum agam tibique. Altera tincidunt instructior nec te, vim oblique albucius no. Te dico eirmod has, vis ei agam cotidieque consequuntur. Et duo homero labore malorum, sint molestie vel ex, ei sed prima justo. Legere vidisse cu sed. Cum te populo utroque, novum zril eligendi ad his.
<br>
<script>
GrooveDisplay.AddGrooveDisplayToPage('?Mode=view&Div=24&Title=Rosanna%20Shuffle&Author=Jeff%20Pocaro&Tempo=85&Measures=1&H=|x-xx-xx-xx-xx-xx-xx-xx-x|&S=|-g--g-Og--g--g--g-Og--g-|&K=|o----o---o----o---o----o|', true, true);
</script>
<hr>
<h2>Topic 3</h2>
Offendit iracundia no sit. Nec dolorum appetere delicata ea, eligendi repudiare quaerendum usu ut. Per te consul doctus inermis, et dolorum corrumpit sea, ut sed modo nostro. Admodum deleniti consulatu te qui. Vim an vide possim repudiandae, nemore vituperatoribus cum no. An mel ullum detraxit, laboramus voluptaria eu qui, putent maiorum voluptaria et pro.
<p>
No possim oblique periculis nec, saperet pertinacia omittantur id usu. At mei omnes vocibus salutandi, no habeo illum instructior cum. Cu graecis adipisci sed, has numquam torquatos et. Sea offendit verterem ea. Vim eu partem tractatos, modo wisi persecuti vix ei.
<br>
<script>
GrooveDisplay.AddGrooveDisplayToPage('?Mode=view&Div=16&Title=Samba&Tempo=100&Measures=1&H=|xxXxxxXxxxXxxxXx|&S=|x-x--x-x-x-x-xx-|&K=|o--oo--oo--oo--o|', true, true);
</script>
<h2>Topic 4</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&Div=16&Title=Cold%20Sweat&Author=Clyde%20Stubblefield&Tempo=90&Measures=2&H=|x-o-+-x-x-o-+-x-|x-o-+-x-x-o-+-x-|&S=|----O--g------O-|-g--O--g----O---|&K=|o-------o-o-----|--o-----o-o----o|", true, true);
</script>
<h2>7/8</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&TimeSig=7/8&Div=16&Tempo=90&Measures=1&H=|x-x-x-x-x-x-x-|&S=|--O---O-----O-|&K=|o---o---o-o---|", true, true);
</script>
<h2>4/4 8th note groove</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&TimeSig=4/4&Div=8&Tempo=80&Measures=1&H=|xxxxxxxx|&S=|--O---O-|&K=|o---o---|", true, true);
</script>
<h2>8/8 8th note groove</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&TimeSig=8/8&Div=8&Tempo=80&Measures=1&H=|xxxxxxxx|&S=|--O---O-|&K=|o---o---|", true, true);
</script>
<h2>4/4 8th note groove with 30% swing</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&TimeSig=4/4&Swing=30&Div=8&Tempo=80&Measures=1&H=|xxxxxxxx|&S=|--O---O-|&K=|o---o---|", true, true);
</script>
<h2>4/4 Groove with Toms</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&TimeSig=4/4&Div=16&Tempo=80&Measures=1&H=|xxxxxxxxxxxxxxxx|&S=|----O-------O---|&K=|o-------o-------|&T1=|-x---x---x---x--|&T4=|--x---x---x---x-|&Stickings=|----------------|", true, true);
</script>
<h2>4/4 2 measure Groove with Toms</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?Mode=view&TimeSig=4/4&Div=16&Tempo=80&Measures=2&MetronomeFreq=4&H=|X-x-X-x-X-x-X-x-|----------------|&S=|----O-------O---|O--oO--oO--oO--o|&K=|o-------o-------|----------------|&T1=|----------------|-o---o---o---o--|&T4=|----------------|--o---o---o---o-|&Stickings=|c-c-c-c-c-c-c-c-|cccccccccccccccc|", true, true);
</script>
<h2>1/8 note triplets</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?TimeSig=4/4&Div=12&Tempo=80&Measures=1&H=|------------|&S=|---O-O---O--|&K=|ooo----o----|", true, true);
</script>
<h2>1/16 note triplets</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?TimeSig=4/4&Div=24&Tempo=80&Measures=1&H=|xxxxxxxxxxxx------------|&S=|------O---O-------O-----|&K=|o--o--o-----o--o--------|", true, true);
</script>
<h2>Mixed subdivision</h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?TimeSig=4/4&Div=48&Tempo=80&Measures=1&H=|x--x--x--x--x---x---x---x-x-x-x-x-x-------------|&S=|--------------------O---------------O-----O-----|&K=|o-----------o-----------o-----------------------|", true, true);
</script>
<h2>2 measures of triplets </h2>
<script>
GrooveDisplay.AddGrooveDisplayToPage("?TimeSig=4/4&Div=24&Tempo=80&Measures=2&H=|x-x-x-xxxxxxx-----x--x--|x-x-x-xxxxxxx-----x--x--|&S=|------------------------|------------------------|&K=|------------------------|------------------------|", true, true);
</script>