<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pix</title>

    

    
    <script sandbox="allow-scripts" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.min.js"></script>
   

    

    
    <script sandbox="allow-scripts" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.4.2/chroma.min.js"></script>
   

    

    

    
    <script type="text/javascript">
        
        // ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Add your script here ↓↓↓↓↓↓↓↓↓↓↓↓↓↓
        // 
        // 
        // 
        // ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your script here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑
   
    </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
            }
        }


        // IMPORTANT: Instead of Math.random(), use this function mathRand() for random number generation.
        // This function generates a random number between 0 and 1 with on-chain seed.

        let mathRand = sfc32(...cyrb128(seed));

    </script>
    <style>
        body {
            margin: 0px;
            overflow: hidden;
        }
    </style>
</head>
<body>
<script type="text/javascript">
    const rand = mathRand();

    // ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Add traits here ↓↓↓↓↓↓↓↓↓↓↓↓↓↓
    
    function T1(rand) {
        // calculate rarity by yourself
        if (rand > 0.5) {
            return true;
        } else {
            return false
        }
    }

    // window.$generativeTraits contain list traits for token
    // you need to populate a $generativeTraits object in the window object
    window.$generativeTraits = {
        
    }
    
    // ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Add traits here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑


    // ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Add your code here ↓↓↓↓↓↓↓↓↓↓↓↓↓↓
    let nextLineY = 0;
let colors = [];
let colors2 = [];
let bloc = 0;

Math.random = mathRand;
setColors()

function setup() {
    cSize = min(windowHeight, windowWidth);
    mainCanvas = createCanvas(cSize, cSize);
    background('#fff')
    noLoop()

    bloc = width/mathrand(5,10)
}

function draw() {


    let xPosition = 0;
    let yPosition =0;

    textSize(32);
    text('Loading', width/2, height/2);

    setTimeout(() => {
        while(xPosition < width) {
            while(yPosition < height) {
                sl(xPosition, yPosition)
                yPosition += bloc;
                nextLineY = 0
            }
            xPosition += bloc;
            yPosition = 0
            nextLineY = 0
        }  
    }, 1000);


}

function sl(sx, sy) {
    setColors()
    while (nextLineY < sy + bloc) {
        // drawLine(0, nextLineY)
        let nextRectX = 0;
        noStroke()
        while (nextRectX < sx + bloc) {
            let rectWidth = mathrand(10, 1);
            let rectHight = mathrand(10, 1);
            noStroke()
            fill(colors[mathrand(colors.length - 1, 0)])
            rect(sx + nextRectX, sy + nextLineY, rectWidth, rectHight);
            nextRectX = nextRectX + rectWidth;
        }
        nextLineY = nextLineY + 2
    }
}

function sh() {

    setColors()
    nextLineY = 0
    while (nextLineY < height) {
        // drawLine(0, nextLineY)
        let nextRectX = 0;
        noStroke()
        while (nextRectX < width) {
            let rectWidth = mathrand(50, 1);
            let rectHight = mathrand(40, 1);
            stroke(colors[mathrand(colors.length - 1, 0)])
            strokeWeight(3)
            noFill()
            ellipse(nextRectX, nextLineY, rectWidth, rectWidth);
            nextRectX = nextRectX + rectWidth;
        }
        nextLineY = nextLineY + 20
    }
    setColors()
    nextLineY = 0
    while (nextLineY < height) {
        // drawLine(0, nextLineY)
        let nextRectX = 0;
        noStroke()
        while (nextRectX < width) {
            let rectWidth = mathrand(20, 1);
            let rectHight = mathrand(40, 1);
            stroke(colors[mathrand(colors.length - 1, 0)])
            noFill()
            ellipse(nextRectX, nextLineY, rectWidth, rectWidth);
            nextRectX = nextRectX + rectWidth;
        }
        nextLineY = nextLineY + 20
    }
}

function setColors() {
    colorsKeys = Object.keys(chroma.brewer);
    colors = [...chroma.brewer[colorsKeys[mathrand(0,colorsKeys.length - 1)]]]
    colors2 = chroma.brewer[colorsKeys[mathrand(colorsKeys.length - 1, 0)]]
}

function mathrand(min, max) {
    return Math.floor(mathRand() * (max - min + 1) + min);
}

function keyTyped() {
    if (key === 's') {
        saveCanvas('Pix-' + mathRand(), 'png');
    }
}
    // ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your code here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑

</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v2b4487d741ca48dcbadcaf954e159fc61680799950996" integrity="sha512-D/jdE0CypeVxFadTejKGTzmwyV10c1pxZk/AqjJuZbaJwGMyNHY3q/mTPWqMUnFACfCTunhZUVcd4cV78dK1pQ==" data-cf-beacon='{"rayId":"7b57905d7b16a1e0","version":"2023.3.0","b":1,"token":"6c07c178c94442f695e7a0a2aaee641a","si":100}' crossorigin="anonymous"></script>
</body>
</html>

Inscription #1052637