Antimatter #5: The Tesseract

<html>
<head><title>Antimatter</title><meta name="author" content="nullish:bc1qhdq9qtz5hfq82w7kr6n2nt6kdjdq4lazrdwytp"></head>
<body></body>
<script>
	let tokenId = 3;
    let genesisBlockHash = 0x000000000019d6689c085ae165831e934ff763ae46a2a6c172b3f1b60a8ce26f;

    class Random {
        constructor() {
            this.useA = false;
            let sfc32 = function(uint128Hex) {
                let a = parseInt(uint128Hex.substr(0, 8), 16);
                let b = parseInt(uint128Hex.substr(8, 8), 16);
                let c = parseInt(uint128Hex.substr(16, 8), 16);
                let d = parseInt(uint128Hex.substr(24, 8), 16);
                return function() {
                    a |= 0;
                    b |= 0;
                    c |= 0;
                    d |= 0;
                    let t = (((a + b) | 0) + d) | 0;
                    d = (d + 1) | 0;
                    a = b ^ (b >>> 9);
                    b = (c + (c << 3)) | 0;
                    c = (c << 21) | (c >>> 11);
                    c = (c + t) | 0;
                    return (t >>> 0) / 4294967296;
                };
            };
            // seed prngA with first half of tokenData.hash
            this.prngA = new sfc32(tokenData.hash.substr(2, 32));
            // seed prngB with second half of tokenData.hash
            this.prngB = new sfc32(tokenData.hash.substr(34, 32));
            for (let i = 0; i < 1e6; i += 2) {
                this.prngA();
                this.prngB();
            }
        }
        // random number between 0 (inclusive) and 1 (exclusive)
        random_dec() {
            this.useA = !this.useA;
            return this.useA ? this.prngA() : this.prngB();
        }
        // random number between a (inclusive) and b (exclusive)
        random_num(a, b) {
            return a + (b - a) * this.random_dec();
        }
        // random integer between a (inclusive) and b (inclusive)
        // requires a < b for proper probability distribution
        random_int(a, b) {
            return Math.floor(this.random_num(a, b + 1));
        }
        // random boolean with p as percent liklihood of true
        random_bool(p) {
            return this.random_dec() < p;
        }
        // random value in an array of items
        random_choice(list) {
            return list[this.random_int(0, list.length - 1)];
        }
    }


    function genTokenData() {
        let data = {};
        let hash = "0x";
        for (var i = 0; i < 64; i++) {
            hash += (tokenId * i * genesisBlockHash).toString(16);
        }
        data.hash = hash;
        return data;
    }


    let tokenData = genTokenData();


    let R = new Random()



    console.log(Math.floor(R.random_dec() * (50 - 0 + 1)) + 0);



    function randBetween(min, max) {
        return Math.floor(R.random_dec() * (max - min + 1)) + min;
    }


    let animV = R.random_dec() / randBetween(10, 50)
    let baseFrequency = 1;
    let numOctaves = 15;
    let speed = 1;
    let duration = 60;
    let animValue1 = animV;
    let animValue2 = animV * randBetween(3, 16);
    let animValue3 = animV;
    let scale = randBetween(10, 20)
    let __s = randBetween(15, 20)
    let iterations = R.random_choice([randBetween(32, 40), randBetween(20, 30)]);
    let percentChange = R.random_choice([7, 5, 6]);
    let borderRadius = R.random_choice([0, 50]);

    document.documentElement.style.setProperty('--bg', '50vh');
    document.documentElement.style.setProperty('--s', 'calc(var(--bg) / 150)');
    document.documentElement.style.setProperty('--brt', 'calc(var(--bg) / 1000)');
    document.body.style.margin = '0';
    document.body.style.padding = '0';
    document.body.style.backgroundColor = '#000';
    document.body.style.overflow = 'hidden';




    let filter = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
    filter.innerHTML = '<filter id="anti"></filter>';
    document.documentElement.appendChild(filter);
    document.getElementById('anti').innerHTML =
        '<feTurbulence x="0" y="0" baseFrequency="' + baseFrequency + '" numOctaves="' + numOctaves + '" speed="' + speed + '"> <animate attributeName="baseFrequency" dur="' + duration + 's" values="' + animValue1 + '; ' + animValue2 + ';' + animValue3 + '" repeatCount="indefinite"> </feTurbulence> <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="' + scale + '"></feTurbulence>';


    let style = document.createElement('style');
    style.innerHTML = `
				.circle:before,
				.circle:after {
				  content: "";
				  position: absolute;
				  top: var(--s);
				  left: var(--s);
				  right: var(--s);
				  bottom: var(--s);
				  border-radius: ` + borderRadius + `%;
				  border: var(--brt) solid #fff;
				}

				.circle:after {
				  box-shadow: 0 0 calc(var(--brt)/2) #fff, inset 0 0 var(--brt) #fff;
				}


				svg {
				  width: 0;
				  height: 0;
				}
`;


    document.documentElement.appendChild(style);


    var divContainer = document.createElement('div');

    let w = randBetween(4, 5);
    let h;




    for (let i = 0; i < iterations; i++) {


        w = h = w * (100 + percentChange) / 100;


        let translateX = randBetween(0, 0);
        let translateY = randBetween(0, 0);
        let blur = randBetween(2, 4);


        let left = 50 - w / 2;
        let top = 50 - h / 2;

        let rotate = 0;




        var div = document.createElement('div');
        div.className = 'circle';
        div.style.cssText += 'width: ' + w + '%; height: ' + h + '%;' + 'position: fixed; left: ' + left + '%; top: ' + top + '%; transform: rotate(' + rotate + 'deg) translate(' + translateX + '%, ' + translateY + '%); filter: url(#anti) blur(' + blur + 'px);';
        console.log(div)


        divContainer.appendChild(div)




    }


    document.body.appendChild(divContainer);
</script>
</html>

Action	Price	From	To	Time
TRANSFER	- -	ppja	rwt9	4 months
TRANSFER	- -	zv6k	ppja	11 months
TRANSFER	- -	8wcd	zv6k	about 1 year
TRANSFER	- -	mrzc	8wcd	over 1 year
INSCRIBED	- -	-	mrzc	over 1 year

Inscription #9995

More from this Collection