examples/polyrhythms.html

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="No description provided"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <title>My Project</title> <meta property="og:site_name" content="Music Blocks"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Music Blocks Project - My Project"/> <meta property="og:description" content="No description provided"/> <style>body{background-color: #dbf0fb;}#main{background-color: white; padding: 5%; position: fixed; width: 80vw; height: max-content; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #424242; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); font-family: "Roboto", "Helvetica","Arial",sans-serif;}h3{font-weight: 400; font-size: 36px; margin-top: 10px;}hr{border-top: 0px solid #ccc; margin: 1em;}.btn{border: solid; border-color: #96D3F3; padding: 5px 10px; line-height: 50px; color: #0a3e58;}.btn:hover{transition: 0.4s; -webkit-transition: 0.3s; -moz-transition: 0.3s; background-color: #96D3F3;}.code{word-break: break-all; height: 15vh; background: #f6f8fa; color: #494949; text-align: justify; margin-right: 10vw; margin-left: 10vw; padding: 16px; overflow: auto; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;}.image{border-radius: 2px 2px 0 0; position: relative; background-color: #96D3F3;}.image-div{margin-bottom: 10px;}.moreinfo-div{margin-top: 20px;}h4{font-weight: 500; font-size: 1.4em; margin-top: 10px; margin-bottom: 10px;}.tbcode{margin-bottom: 10px;}</style></head><body> <div id="main"> <div class="image-div"><img class="image" id="project-image" src=""></div><h3 id="title">Music Blocks Project - My Project</h3> <p>No description provided</p><hr> <div> <div style="color: #9E9E9E"><p>This project was created in Music Blocks (<a href="https://musicblocks.sugarlabs.org" target="_blank">https://musicblocks.sugarlabs.org</a>). Music Blocks is a collection of tools for exploring fundamental musical concepts in a fun way. Music Blocks is a Free/Libre Software application. The source code can be accessed at <a href="https://github.com/sugarlabs/musicblocks" target="_blank">https://github.com/sugarlabs/musicblocks</a>. For more information, please consult the <a href="https://github.com/sugarlabs/musicblocks/tree/master/guide/README.md" target="_blank">Music Blocks Guide</a>.</p><p>To run this project, open Music Blocks in a web browser and drag and drop this file into the browser window. Alternatively, open the file in Music Blocks using the Load project button.</p></div><div class="moreinfo-div"> <div class="tbcode"><h4>Project Code</h4>This code stores data about the blocks in a project. <a href="javascript:toggle();" id="showhide">Show</a></div> <div class="code">[[0,["start",{"id":1623629025816,"collapsed":false,"xcor":-75,"ycor":0,"heading":0,"color":20,"shade":80,"pensize":5,"grey":157.14285714285714}],118,118,[null,178,null]],[1,["text",{"value":"chunk1"}],347,392,[15]],[2,["text",{"value":"chunk2"}],568,392,[93]],[3,["text",{"value":"chunk3"}],802,386,[56]],[4,"repeat",132,254,[175,5,6,null]],[5,["number",{"value":4}],234,254,[4]],[6,["nameddo",{"value":"chunk1"}],146,286,[4,null]],[7,["start",{"id":1623629025947,"collapsed":false,"xcor":0,"ycor":0,"heading":0,"color":10,"shade":60,"pensize":5,"grey":185.71428571428572}],353,118,[null,183,null]],[8,["nameddo",{"value":"chunk2"}],381,286,[13,null]],[9,["start",{"id":1623629025954,"collapsed":false,"xcor":75,"ycor":0,"heading":0,"color":20,"shade":80,"pensize":5,"grey":157.14285714285714}],589,118,[null,179,null]],[10,["nameddo",{"value":"chunk3"}],617,286,[11,null]],[11,"repeat",603,254,[180,12,10,null]],[12,["number",{"value":4}],705,254,[11]],[13,"repeat",367,254,[184,14,8,null]],[14,["number",{"value":4}],469,254,[13]],[15,["action",{"collapsed":true}],215,383,[null,1,172,null]],[16,["newnote",{"collapsed":false}],229,424,[172,113,112,48]],[17,["number",{"value":8}],417,456,[113]],[18,"playdrum",243,488,[112,19,null]],[19,["drumname",{"value":"tom tom"}],317,488,[18]],[20,["newnote",{"collapsed":false}],229,550,[48,116,115,49]],[21,["number",{"value":8}],417,582,[116]],[22,"playdrum",243,614,[115,23,null]],[23,["drumname",{"value":"cup drum"}],317,614,[22]],[24,["newnote",{"collapsed":false}],229,676,[49,119,118,50]],[25,["number",{"value":8}],417,708,[119]],[26,"playdrum",243,740,[118,27,null]],[27,["drumname",{"value":"kick drum"}],317,740,[26]],[28,["newnote",{"collapsed":false}],229,802,[50,122,121,51]],[29,["number",{"value":8}],417,834,[122]],[30,"playdrum",243,866,[121,31,null]],[31,["drumname",{"value":"tom tom"}],317,866,[30]],[32,["newnote",{"collapsed":false}],229,928,[51,125,124,52]],[33,["number",{"value":8}],417,960,[125]],[34,"playdrum",243,992,[124,35,null]],[35,["drumname",{"value":"cup drum"}],317,992,[34]],[36,["newnote",{"collapsed":false}],229,1054,[52,128,127,53]],[37,["number",{"value":8}],417,1086,[128]],[38,"playdrum",243,1118,[127,39,null]],[39,["drumname",{"value":"kick drum"}],317,1118,[38]],[40,["newnote",{"collapsed":false}],229,1180,[53,131,130,54]],[41,["number",{"value":8}],417,1212,[131]],[42,"playdrum",243,1244,[130,43,null]],[43,["drumname",{"value":"tom tom"}],317,1244,[42]],[44,["newnote",{"collapsed":false}],229,1306,[54,134,133,55]],[45,["number",{"value":8}],417,1338,[134]],[46,"playdrum",243,1370,[133,47,null]],[47,["drumname",{"value":"cup drum"}],317,1370,[46]],[48,"hidden",229,550,[16,20]],[49,"hidden",229,676,[20,24]],[50,"hidden",229,802,[24,28]],[51,"hidden",229,928,[28,32]],[52,"hidden",229,1054,[32,36]],[53,"hidden",229,1180,[36,40]],[54,"hidden",229,1306,[40,44]],[55,"hidden",229,1432,[44,null]],[56,["action",{"collapsed":true}],670,377,[null,3,173,null]],[57,["newnote",{"collapsed":false}],684,418,[173,137,136,85]],[58,["number",{"value":8}],872,450,[137]],[59,"playdrum",698,482,[136,60,null]],[60,["drumname",{"value":"ride bell"}],772,482,[59]],[61,["newnote",{"collapsed":false}],684,544,[85,140,139,86]],[62,["number",{"value":8}],872,576,[140]],[63,"rest2",698,608,[139,null]],[64,["newnote",{"collapsed":false}],684,670,[86,143,142,87]],[65,["number",{"value":8}],872,702,[143]],[66,"playdrum",698,734,[142,67,null]],[67,["drumname",{"value":"ride bell"}],772,734,[66]],[68,["newnote",{"collapsed":false}],684,796,[87,146,145,88]],[69,["number",{"value":8}],872,828,[146]],[70,"rest2",698,860,[145,null]],[71,["newnote",{"collapsed":false}],684,922,[88,149,148,89]],[72,["number",{"value":8}],872,954,[149]],[73,"playdrum",698,986,[148,74,null]],[74,["drumname",{"value":"ride bell"}],772,986,[73]],[75,["newnote",{"collapsed":false}],684,1048,[89,152,151,90]],[76,["number",{"value":8}],872,1080,[152]],[77,"rest2",698,1112,[151,null]],[78,["newnote",{"collapsed":false}],684,1174,[90,155,154,91]],[79,["number",{"value":8}],872,1206,[155]],[80,"playdrum",698,1238,[154,81,null]],[81,["drumname",{"value":"ride bell"}],772,1238,[80]],[82,["newnote",{"collapsed":false}],684,1300,[91,158,157,92]],[83,["number",{"value":8}],872,1332,[158]],[84,"rest2",698,1364,[157,null]],[85,"hidden",684,544,[57,61]],[86,"hidden",684,670,[61,64]],[87,"hidden",684,796,[64,68]],[88,"hidden",684,922,[68,71]],[89,"hidden",684,1048,[71,75]],[90,"hidden",684,1174,[75,78]],[91,"hidden",684,1300,[78,82]],[92,"hidden",684,1426,[82,null]],[93,["action",{"collapsed":true}],436,383,[null,2,174,null]],[94,["newnote",{"collapsed":false}],450,424,[174,161,160,108]],[95,["number",{"value":4}],638,456,[161]],[96,"playdrum",464,488,[160,97,null]],[97,["drumname",{"value":"snare drum"}],538,488,[96]],[98,["newnote",{"collapsed":false}],450,550,[108,164,163,109]],[99,["number",{"value":4}],638,582,[164]],[100,"rest2",464,614,[163,null]],[101,["newnote",{"collapsed":false}],450,676,[109,167,166,110]],[102,["number",{"value":4}],638,708,[167]],[103,"playdrum",464,740,[166,104,null]],[104,["drumname",{"value":"snare drum"}],538,740,[103]],[105,["newnote",{"collapsed":false}],450,802,[110,170,169,111]],[106,["number",{"value":4}],638,834,[170]],[107,"rest2",464,866,[169,null]],[108,"hidden",450,550,[94,98]],[109,"hidden",450,676,[98,101]],[110,"hidden",450,802,[101,105]],[111,"hidden",450,928,[105,null]],[112,"vspace",243,456,[16,18]],[113,"divide",331,424,[16,114,17]],[114,["number",{"value":1}],417,424,[113]],[115,"vspace",243,582,[20,22]],[116,"divide",331,550,[20,117,21]],[117,["number",{"value":1}],417,550,[116]],[118,"vspace",243,708,[24,26]],[119,"divide",331,676,[24,120,25]],[120,["number",{"value":1}],417,676,[119]],[121,"vspace",243,834,[28,30]],[122,"divide",331,802,[28,123,29]],[123,["number",{"value":1}],417,802,[122]],[124,"vspace",243,960,[32,34]],[125,"divide",331,928,[32,126,33]],[126,["number",{"value":1}],417,928,[125]],[127,"vspace",243,1086,[36,38]],[128,"divide",331,1054,[36,129,37]],[129,["number",{"value":1}],417,1054,[128]],[130,"vspace",243,1212,[40,42]],[131,"divide",331,1180,[40,132,41]],[132,["number",{"value":1}],417,1180,[131]],[133,"vspace",243,1338,[44,46]],[134,"divide",331,1306,[44,135,45]],[135,["number",{"value":1}],417,1306,[134]],[136,"vspace",698,450,[57,59]],[137,"divide",786,418,[57,138,58]],[138,["number",{"value":1}],872,418,[137]],[139,"vspace",698,576,[61,63]],[140,"divide",786,544,[61,141,62]],[141,["number",{"value":1}],872,544,[140]],[142,"vspace",698,702,[64,66]],[143,"divide",786,670,[64,144,65]],[144,["number",{"value":1}],872,670,[143]],[145,"vspace",698,828,[68,70]],[146,"divide",786,796,[68,147,69]],[147,["number",{"value":1}],872,796,[146]],[148,"vspace",698,954,[71,73]],[149,"divide",786,922,[71,150,72]],[150,["number",{"value":1}],872,922,[149]],[151,"vspace",698,1080,[75,77]],[152,"divide",786,1048,[75,153,76]],[153,["number",{"value":1}],872,1048,[152]],[154,"vspace",698,1206,[78,80]],[155,"divide",786,1174,[78,156,79]],[156,["number",{"value":1}],872,1174,[155]],[157,"vspace",698,1332,[82,84]],[158,"divide",786,1300,[82,159,83]],[159,["number",{"value":1}],872,1300,[158]],[160,"vspace",464,456,[94,96]],[161,"divide",552,424,[94,162,95]],[162,["number",{"value":1}],638,424,[161]],[163,"vspace",464,582,[98,100]],[164,"divide",552,550,[98,165,99]],[165,["number",{"value":1}],638,550,[164]],[166,"vspace",464,708,[101,103]],[167,"divide",552,676,[101,168,102]],[168,["number",{"value":1}],638,676,[167]],[169,"vspace",464,834,[105,107]],[170,"divide",552,802,[105,171,106]],[171,["number",{"value":1}],638,802,[170]],[172,"hidden",229,424,[15,16]],[173,"hidden",684,418,[56,57]],[174,"hidden",450,424,[93,94]],[175,"setxy",132,191,[178,176,177,4]],[176,["number",{"value":-75}],206,191,[175]],[177,["number",{"value":0}],206,223,[175]],[178,"penup",132,159,[0,175]],[179,"penup",603,159,[9,180]],[180,"setxy",603,191,[179,181,182,11]],[181,["number",{"value":75}],677,191,[180]],[182,["number",{"value":0}],677,223,[180]],[183,"penup",367,159,[7,184]],[184,"setxy",367,191,[183,185,186,13]],[185,["number",{"value":0}],441,191,[184]],[186,["number",{"value":0}],441,223,[184]]]</div></div></div></div><script type="text/javascript">function toggle(){if (document.getElementsByClassName("code")[0].style.display=="none"){document.getElementsByClassName("code")[0].style.display="flex";document.getElementById("showhide").textContent = "Hide";} else {document.getElementsByClassName("code")[0].style.display="none";document.getElementById("showhide").textContent = "Show";}} var name=decodeURIComponent(window.location.pathname.split("/").pop().slice(0, -5)); var prefix="Music Blocks Project - "; var title=prefix+name; document.querySelector('meta[property="og:title"]').content=title; document.title=name; document.getElementById("title").textContent=title; document.getElementsByClassName("code")[0].style.display = "none";</script></body></html>