Dance With BTC #20

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Dance with BTC by SMLDMS</title>

    <script sandbox="allow-scripts" type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.min.js"></script>


    <script id="snippet-random-code" type="text/javascript">

        // DO NOT EDIT THIS SECTION

        let seed = window.location.href.split('/').find(t => t.includes('i0'));

        if (seed == null) {
            const alphabet = "0123456789abcdefghijklmnopqrstuvwsyz";
            seed = new URLSearchParams(window.location.search).get("seed") || Array(64).fill(0).map(_ => alphabet[(Math.random() * alphabet.length) | 0]).join('') + "i0";
        } else {
            let pattern = "seed=";
            for (let i = 0; i < seed.length - pattern.length; ++i) {
                if (seed.substring(i, i + pattern.length) == pattern) {
                    seed = seed.substring(i + pattern.length);
                    break;
                }
            }
        }

        function cyrb128($) {
            let _ = 1779033703, u = 3144134277, i = 1013904242, l = 2773480762;
            for (let n = 0, r; n < $.length; n++) _ = u ^ Math.imul(_ ^ (r = $.charCodeAt(n)), 597399067), u = i ^ Math.imul(u ^ r, 2869860233), i = l ^ Math.imul(i ^ r, 951274213), l = _ ^ Math.imul(l ^ r, 2716044179);
            return _ = Math.imul(i ^ _ >>> 18, 597399067), u = Math.imul(l ^ u >>> 22, 2869860233), i = Math.imul(_ ^ i >>> 17, 951274213), l = Math.imul(u ^ l >>> 19, 2716044179), [(_ ^ u ^ i ^ l) >>> 0, (u ^ _) >>> 0, (i ^ _) >>> 0, (l ^ _) >>> 0]
        }

        function sfc32($, _, u, i) {
            return function () {
                u >>>= 0, i >>>= 0;
                var l = ($ >>>= 0) + (_ >>>= 0) | 0;
                return $ = _ ^ _ >>> 9, _ = u + (u << 3) | 0, u = (u = u << 21 | u >>> 11) + (l = l + (i = i + 1 | 0) | 0) | 0, (l >>> 0) / 4294967296
            }
        }

        let mathRand = sfc32(...cyrb128(seed));

    </script>
    <style>
        html,
        body {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            color: rgb(255, 255, 255);
            background-color: rgb(0, 0, 0);
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 0;
            font-size: 0.8em;
            font-family: Impact, 'Arial Narrow Bold', sans-serif;
        }

        canvas {
            object-fit: contain;
            max-height: 100%;
            max-width: 100%;
        }

        #fullScreen {
            display: flex;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            justify-content: center;
            align-items: center;
        }

        #fullScreen canvas {
            object-fit: contain;
            max-height: 100%;
            max-width: 100%;
        }

        #progress {
            mix-blend-mode: soft-light;
            ;
            color: rgb(127);
            opacity: 0.75;
            width: auto;
            height: auto;
            position: fixed;
            text-align: center;
            justify-content: center;
            align-items: center;
            padding: 10%;
        }

        #progress h1 {
            font-size: 10.75em;
            /* display: block; */
            margin: 0%;
            padding: 0%
        }

        #progress h3 {
            font-size: 5.75em;
            /* display: block; */
            margin: 0%;
            padding: 0%
        }
    </style>
</head>

<body>
    <script type="text/javascript">
        const rand = mathRand();

        let t = 0;
        let scl = 5;
        // let shapeName = "";

        /////FEATURES
        function clr(rand) {
            if (rand > 0.5) {
                return 250

            } else {
                return 10
            }
        }

        let shaper = {
            n: mathRand(),
            name: "",
            val: "LINES",
        }

        if (shaper.n < 0.25) {
            shaper.name = "Lines"
            shaper.val = "LINES"
        }
        else if (shaper.n < 0.5) {
            shaper.name = "Points"
            shaper.val = "POINTS"
        }
        else {
            shaper.name = "Curves"
            shaper.val = ""
        }

        window.$generativeTraits = {
            "BG Color": clr(rand),
            "Base": shaper.name,
        }

        //////////////////////
        let myTitle = "Dance with BTC";
        let cnv;
        let tInter;
        console.log(myTitle + " | smldms 2023.02")
        console.log(window.$generativeTraits)


        let pX = mathRand() * 360
        let pY = mathRand() * 360
        let pZ = mathRand() * 360

        let xoff = mathRand();
        let yoff = mathRand();
        let zoff = mathRand();
        let pointX = 0;
        let pointY = 0;

        let globalData;
        let url = 'https://api.blockchain.info/stats';


        function setup() {
            randomSeed(seed);
            noiseSeed(seed);
            loadJSON(url, gotData)
            setAttributes('antialias', true);
            pixelDensity(2)
            cnv = createCanvas(windowWidth, windowHeight, WEBGL);
            cnv.parent('fullScreen');
            angleMode(DEGREES)
            rectMode(CENTER)
            background(clr(rand))
        }

        function draw() {
            rotateX(pX)
            rotateY(pY)
            rotateZ(pZ)
            noiseX = map(noise(xoff), 0, 1, -width, width)
            noiseY = map(noise(yoff), 0, 1, 0, -height, height)
            if (globalData) {
                rotateX(millis() * 0.01)
                rotateY(millis() * 0.01)
                rotateZ(millis() * 0.01)
                btcPrice = round(globalData.market_price_usd);
                totalBTC = round(globalData.totalbc);
                tradeVol = round(globalData.trade_volume_btc);
                mapVol = map(constrain(tradeVol, 1000, 15000), 1000, 15000, 0.05, 0.33)
                blockS = globalData.blocks_size / 1000000000;
                mapBlock = map(blockS, 0, 10000, 0.00001, 0.001);
                mapPrice = map(constrain(btcPrice, 1000, 500000), 10000, 500000, 50, 200)

                let nbrLines = mapPrice;
                for (let i = 0; i < nbrLines; i = i + scl) {
                    let clr = map(i, 0, nbrLines, 0, 255);
                    let v = map(noise(frameCount), 0, 1, 0, 255);
                    let b = map(noise(millis()), 0, 1, 0, 255);
                    stroke(clr);
                    strokeWeight(map(i, 0, nbrLines, 0, 0.5))
                    push();
                    noFill()
                    beginShape(eval(shaper.val));
                    vertex(pointX, pointY);
                    bezierVertex(x1(t + i), y1(t + i), y1(t + i) / 2, x1(t + i) * 2, y1(t + i), x1(t + i));
                    bezierVertex(y1(t + i), x1(t + i), x1(t + i) / 2, y2(t + i) * 2, noiseX, noiseY);
                    bezierVertex(x1(t - i), y1(t - i), y1(t - i) / 2, x1(t - i) * 2, y1(t - i), x1(t - i));
                    vertex(pointX, pointY);
                    endShape();
                    t += mapVol;
                    pop();
                }
                xoff += mapBlock;
                yoff += mapBlock;
            }
        }


        function x1(t) {
            return cos(t / 2) * sin(t / 1) * width / 3;
        }

        function y1(t) {
            return cos(t / 3) * width / 3 + sin(t / 10) * width / 2;
        }

        function x2(t) {
            return cos(t * 3) * width / 3;
        }

        function y2(t) {
            return cos(t / 2) * width / 2;
        }

        //////////////////KEYS//////////////
        function keyTyped() {
            if (keyCode === 83) { // if "s" is pressed
                save(myTitle + '.png');
            }
            else if (keyCode === 76) { //L for loop
                loop();
            }
            else if (keyCode === 78) { //N for noLoop
                noLoop();
            }
            else if (keyCode === 72) { //H to hide infos
                progress('<h1></h1>');
                progressClear();
            }
            else if (keyCode === 82) { //R to reveal infos
                progress('<h1>$ ' + btcPrice) + '</h1>';
                progressShow()
            }

            ///////////////INTERVAL CLEAR
            else if (keyCode === 97 || keyCode == 49) { //1 = 1SEC
                clearTimeout(tInter);
                tInter = setInterval(autoClear, 1000);
            }

            else if (keyCode === 98 || keyCode == 50) {  //2= 3SEC
                clearTimeout(tInter);
                tInter = setInterval(autoClear, 3000);
            }

            else if (keyCode === 99 || keyCode == 51) { //3 = 10SEC
                clearTimeout(tInter);
                tInter = setInterval(autoClear, 10000);
            }
            else if (keyCode === 100 || keyCode == 52) { //4= 30SEC
                clearTimeout(tInter);
                tInter = setInterval(autoClear, 30000);
            }
            else if (keyCode === 101 || keyCode == 53) { //5= ONE MINUTE
                clearTimeout(tInter);
                tInter = setInterval(autoClear, 60000);
            }

            else if (keyCode === 102 || keyCode == 54) { //6 = 1 HOUR
                clearTimeout(tInter);
                tInter = setInterval(autoClear, 60000 * 60);
            }

            else if (keyCode === 96 || keyCode == 48) { //0 = NO CLEAR
                clearTimeout(tInter);
            }

        }

        function mousePressed() {
            clear();
            background(clr(rand))
            pointX = map(mouseX, 0, width, -width / 2, width / 2);
            pointY = map(mouseY, 0, height, -height / 2, height / 2);
        }

        function mathRandBetween(a, b) {
            if (!b) {
                return mathRand() * a
            }
            return mathRand() * (b - a) + a
        }

        function askData() {
            loadJSON(url, gotData);
            console.log(btcPrice)
        }

        function gotData(data) {
            globalData = data;
            setTimeout(askData, 30000);
        }

        function autoClear() {
            clear()
            loop()
            background(clr(rand))
        }

        function windowResized() {
            resizeCanvas(windowWidth, windowHeight);
            background(clr(rand))
        }

        /////////////PROGRESS
        async function progress(message) {
            document.body.style.cursor = 'crosshair';
            document.getElementById("progress").innerHTML = message;

            await new Promise((fn => setTimeout(fn, 1)));
        }

        async function progressClear() {
            document.body.style.cursor = 'default';
            document.getElementById("progress").style.display = 'none';
            await new Promise((fn => setTimeout(fn, 1)));
        }

        async function progressShow() {
            document.body.style.cursor = 'default';
            document.getElementById("progress").style.display = 'block';
            await new Promise((fn => setTimeout(fn, 1)));
        }


    </script>
    <div id="fullScreen">
        <div id="progress">
        </div>
    </div>
</body>

</html>

</html>

Dance With BTC #12

Dance With BTC #13

Dance With BTC #6

Action	Price	Marketplace	From	To	Time
TRANSFER	- -		jrur	44as	4 months
INSCRIBED	- -		-	jrur	over 1 year

Inscription #403804

More from this Collection