30:Tb26,{ // effects CSS yield html` ` }31:T9d4,{ yield html` ` }32:Tcbc,mq= {let mq = { sparkles: 40, madeSparkles: 0, sparkleInterval:null, init: function(){ mq.draw(); /** for(i=0; i<50; i++){ mq.drawSparkles(); } **/ mq.sparkleInterval = window.setInterval(function(){ if(mq.madeSparkles5){ mq.drawSparkles(); mq.madeSparkles++; } }else{ window.clearInterval(mq.sparkleInterval); } },300) //mq.startSound(); }, draw: function() { var ctx = document.getElementById('starfield').getContext('2d'); ctx.fillStyle = "black" ctx.fillRect(0,0,1800,1800); for (var j=1;j<2050;j++){ ctx.save(); ctx.fillStyle = 'yellow'; ctx.translate(1800-Math.floor(Math.random()*3600), 1800-Math.floor(Math.random()*3600)); mq.drawStar(ctx,Math.floor(Math.random()*4)+2); ctx.restore(); } }, drawStar: function(ctx,r){ ctx.save(); ctx.beginPath() ctx.moveTo(r,0); for (var i=0;i<9;i++){ ctx.rotate(Math.PI/5); if(i%2 == 0) { ctx.lineTo((r/0.525731)*0.200811,0); } else { ctx.lineTo(r,0); } } ctx.closePath(); ctx.fill(); ctx.restore(); }, drawSparkles: function(){ // $(".magicsword").append('

'+mq.rndShape()+'

'); document.querySelector('.magicsword').appendChild(html`

${mq.rndShape()}

`) }, rndShape: function(){ var arrShape =[ "✢", "✣", "✤", "✥", "✦", "✩", "✧", "✪", "✫", "✬", "✭", "✮", "✯", "✱", "✲", "✳", "✴", "✵", "✶", "✷", "✸", "✹", "✺", "✻", "✼", "✽", "✾", "✿", "❀", "❁", "❂", "❃", "❄", "❅", "❆", "❇", "❈", "❉" ]; var idx = Math.floor(Math.random()*arrShape.length-1); if(idx <0 || idx > arrShape.length-1){ idx=0 } var retStr = arrShape[idx]; //console.log(retStr) return retStr } } return mq }33:[{"id":"eb3b3eb5c10b182af406f1d2f5b0cdbe5d3629d8b5647a78918a72e2fbcc7f442885bb3c0b2f4559592d0563286d2f1de6b658c1d5a1a75dd2d92d9f431865fd","href":"https://static.observableusercontent.com/files/eb3b3eb5c10b182af406f1d2f5b0cdbe5d3629d8b5647a78918a72e2fbcc7f442885bb3c0b2f4559592d0563286d2f1de6b658c1d5a1a75dd2d92d9f431865fd","name":"DS_Mysticora.ttf","type":"font/ttf","lastModified":1632717878782.739,"size":109652},{"id":"bc465c1f9d9eb85d4badc72847e405174786cc0f959809bab159f44b8d387b56d7583b8e73ce61bce500daddbb4dbc4adfbad7210553793b5f1f5252cf037fc3","href":"https://static.observableusercontent.com/files/bc465c1f9d9eb85d4badc72847e405174786cc0f959809bab159f44b8d387b56d7583b8e73ce61bce500daddbb4dbc4adfbad7210553793b5f1f5252cf037fc3","name":"TheOneRing.ttf","type":"font/ttf","lastModified":1632717937386.475,"size":92572}] 2e:{"title":"Magic Sword","cells":[{"id":0,"value":"md`# Magic Sword`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"md`I created this a long time ago... I need to get back into creating HTML experiences like this.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"{\n let screen = html`\n\n

\n\n

Magic Sword

\n\n

\n Magic Sword - an HTML5 DEMO
\n by Andrew Wooldridge\n

\n\n

\n\n`\n yield screen;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"{\n await visibility();\n mq.init();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"{\n // fonts \n yield html`\n\n\n`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"{\n yield html ``\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}