JS1k: The JavaScript code golfing competition
2018 - The Volatile Coin Mine
Mine patterns not coins!
Play with the input's value. Once the input loses focus you'll enjoy emerging patterns.
- Author:
- Sergey Chernykh
- Twitter:
- @
- GitHub:
- serglider
- Facebook:
- Google+:
- +
- Reddit:
- /r/
- Pouet:
- Website:
- linkedin.com/in/sergeychernykh
- Compo:
- canvas
- Demo link:
- https://js1k.com/2018-coins/demo/3161
- Shortlink:
- https://js1k.com/3161
- Blog post:
- please update here!
- Bytes:
- 1024
- Chars:
- 1024
- Submission
w=a.width;h=a.height;k=document;o={x:w/2,y:h/2};p=Math.PI;e=k.createElement("input");e.style="position:fixed;top:0;width:99%";e.value='200, 100 & .1, -12';b.appendChild(e);var q;e.onblur=()=>{cancelAnimationFrame(q);var d=e.value.split("&"),m=d[0],f=d[1]&&d[1].split(",")||[];m=m.split(",").map((d,l)=>[Math.abs(+d.trim()||50),f[l]?(+f[l].trim()||1)*p/180:.01]);j=m.reduce((d,l,f)=>{z=f?d[f-1].e:o;d.push(new r(l[0],l[1]));return d},[]);t=new u;v()};e.focus();e.blur(); function v(){c.clearRect(0,0,w,h);j.forEach(d=>d.c());t.b();c.drawImage(t.a,0,0);j.forEach(d=>d.d());q=requestAnimationFrame(v)}function r(d,m){var f=z,n=this,l=0;this.e={};this.d=function(){c.beginPath();c.moveTo(f.x,f.y);c.lineTo(n.e.x,n.e.y);c.lineWidth=4;c.stroke()};this.c=function(){l+=m;n.e.x=f.x+Math.cos(l)*d;n.e.y=f.y+Math.sin(l)*d}} function u(){this.a=k.createElement("canvas");this.a.width=w;this.a.height=h;g=this.a.getContext("2d");g.fillStyle="red";this.b=()=>{var d=j[j.length-1].e;g.beginPath();g.arc(d.x,d.y,3,0,2*p,!1);g.fill()}};- Description
- Play with the input's value. Once the input loses focus you'll enjoy emerging patterns. To start observing how patterns emerge, one should fill the input field using the following format `[arms_lengths]&[arms_rotation_speeds]` where `arms_lengths` - is a string containing comma-separated values (in pixels) of the arm lengths. Inability to convert the value to a number defaults to 50 pixels. `arms_rotation_speeds` - is a string containing comma-separated values (in degrees) of the arm rotation speeds i.e. a change of the angle per frame. The system will try to maintain 60 fps, so the value of 6 here will give you a full circle in a second. Inability to convert the value to a number defaults to 1 degree. Each string value is trimmed before converting to a number, so spaces don't matter.
- Base64 encoded
dz1hLndpZHRoO2g9YS5oZWlnaHQ7az1kb2N1bWVudDtvPXt4OncvMix5OmgvMn07cD1NYXRoLlBJO2U9ay5jcmVhdGVFbGVtZW50KCJpbnB1dCIpO2Uuc3R5bGU9InBvc2l0aW9uOmZpeGVkO3RvcDowO3dpZHRoOjk5JSI7ZS52YWx1ZT0nMjAwLCAxMDAgJiAuMSwgLTEyJztiLmFwcGVuZENoaWxkKGUpO3ZhciBxO2Uub25ibHVyPSgpPT57Y2FuY2VsQW5pbWF0aW9uRnJhbWUocSk7dmFyIGQ9ZS52YWx1ZS5zcGxpdCgiJiIpLG09ZFswXSxmPWRbMV0mJmRbMV0uc3BsaXQoIiwiKXx8W107bT1tLnNwbGl0KCIsIikubWFwKChkLGwpPT5bTWF0aC5hYnMoK2QudHJpbSgpfHw1MCksZltsXT8oK2ZbbF0udHJpbSgpfHwxKSpwLzE4MDouMDFdKTtqPW0ucmVkdWNlKChkLGwsZik9Pnt6PWY/ZFtmLTFdLmU6bztkLnB1c2gobmV3IHIobFswXSxsWzFdKSk7cmV0dXJuIGR9LFtdKTt0PW5ldyB1O3YoKX07ZS5mb2N1cygpO2UuYmx1cigpOw0KZnVuY3Rpb24gdigpe2MuY2xlYXJSZWN0KDAsMCx3LGgpO2ouZm9yRWFjaChkPT5kLmMoKSk7dC5iKCk7Yy5kcmF3SW1hZ2UodC5hLDAsMCk7ai5mb3JFYWNoKGQ9PmQuZCgpKTtxPXJlcXVlc3RBbmltYXRpb25GcmFtZSh2KX1mdW5jdGlvbiByKGQsbSl7dmFyIGY9eixuPXRoaXMsbD0wO3RoaXMuZT17fTt0aGlzLmQ9ZnVuY3Rpb24oKXtjLmJlZ2luUGF0aCgpO2MubW92ZVRvKGYueCxmLnkpO2MubGluZVRvKG4uZS54LG4uZS55KTtjLmxpbmVXaWR0aD00O2Muc3Ryb2tlKCl9O3RoaXMuYz1mdW5jdGlvbigpe2wrPW07bi5lLng9Zi54K01hdGguY29zKGwpKmQ7bi5lLnk9Zi55K01hdGguc2luKGwpKmR9fQ0KZnVuY3Rpb24gdSgpe3RoaXMuYT1rLmNyZWF0ZUVsZW1lbnQoImNhbnZhcyIpO3RoaXMuYS53aWR0aD13O3RoaXMuYS5oZWlnaHQ9aDtnPXRoaXMuYS5nZXRDb250ZXh0KCIyZCIpO2cuZmlsbFN0eWxlPSJyZWQiO3RoaXMuYj0oKT0+e3ZhciBkPWpbai5sZW5ndGgtMV0uZTtnLmJlZ2luUGF0aCgpO2cuYXJjKGQueCxkLnksMywwLDIqcCwhMSk7Zy5maWxsKCl9fTsNCg==- Original source
https://github.com/serglider/js1k-2018/blob/master/human-readable/app.js