diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2019-01-07 23:01:11 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2019-01-07 23:01:11 +0100 |
| commit | 4777c058469847cbe02eb2a24634b21ee37384fc (patch) | |
| tree | 3fd87861241a75f59819bc0771eb3e97bd88e2f6 /docs/js/stars.js | |
| parent | d317978119fc0936d9c342edf47e55be230cd215 (diff) | |
move docs
Diffstat (limited to 'docs/js/stars.js')
| -rw-r--r-- | docs/js/stars.js | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/docs/js/stars.js b/docs/js/stars.js deleted file mode 100644 index 0637473..0000000 --- a/docs/js/stars.js +++ /dev/null @@ -1,63 +0,0 @@ -const stars = (function(){ - var canvas = document.createElement("canvas"), ctx = canvas.getContext('2d') - var s = Math.sin, c = Math.cos - document.addEventListener("DOMContentLoaded", function(){ - document.body.appendChild(canvas) - canvas.classList.add('stars') - canvas.style.width="100%" - canvas.style.height="100%" - canvas.style.position="fixed" - canvas.style.top="0px" - canvas.style.left="0px" - canvas.style.zIndex=-1 - document.body.addEventListener("resize", build) - // document.body.parentNode.style.backgroundColor="black" - ctx.strokeStyle="white" - build() - }) - function ri(n){ return Math.random() * n } - function rr(a,b){ return (b-a) * Math.random() + a } - function build(){ - var w = canvas.width = window.innerWidth * window.devicePixelRatio - var h = canvas.height = window.innerHeight * window.devicePixelRatio - ctx.clearRect(0,0,w,h) - var n = Math.sqrt(w*h)|0 - while (n--) { - var x = ri(w) - var y = ri(h) - var r0 = rr(0, 1) - var r1 = rr(0, 1) - var r2 = rr(0, 1) - var t0 = ri(2*Math.PI) - var t1 = ri(2*Math.PI) - var t2 = ri(2*Math.PI) - var x0 = x+c(t0)*r0 - var y0 = y+s(t0)*r0 - var x1 = x+c(t1)*r1 - var y1 = y+s(t1)*r1 - var x2 = x+c(t2)*r2 - var y2 = y+s(t2)*r2 - ctx.beginPath() - ctx.moveTo(x,y) - ctx.bezierCurveTo(x0,y0,x1,y1,x2,y2) - var color = rr(0, 255)|0 - ctx.strokeStyle="rgb("+color+","+color+","+color+")" - ctx.stroke() - } - } - let rebuilding = false - function rebuild(){ - if (rebuilding) return - rebuilding = true - canvas.classList.add('fade') - document.body.classList.add('fade') - setTimeout(() => { - // destroy() - build() - canvas.classList.remove('fade') - document.body.classList.remove('fade') - rebuilding = false - }, 500) - } - return { rebuild: rebuild } -})()
\ No newline at end of file |
