transfer100.xmonk#72,287,593brc-20transfer800.pizza#71,412,122brc-20#69,744,516textInscription #65866380#65,866,380pngInscription #65516160#65,516,160html#64,397,023#60,539,883texttransfer196.20ex#50,115,996brc-20Inscription #46580327#46,580,327pngInscription #46576012#46,576,012pngInscription #46573930#46,573,930pngInscription #46573637#46,573,637pngInscription #46572065#46,572,065pngInscription #46569915#46,569,915pngtransfer6,666,666,666.sats#36,846,341brc-20Inscription #34657766#34,657,766svgtransfer30.ordi#27,477,268brc-20transfer30.ordi#27,477,266brc-20transfer50.ordi#26,140,834brc-20Inscription #15525131#15,525,131htmlInscription #15524544#15,524,544htmlInscription #15522625#15,522,625html<script t="0,57,33,41,29,6,18" m='{"p":"brc69" "op":"mint" "s":"orditroops" "id":"743"}' src="/content/090cf70d6f7c2b85a2646285118ce0f87f498ab4be782dc4e406609fd98c4392i0"></script>#15,522,624text<script t="9,55,26,43,39,6,17" m='{"p":"brc69" "op":"mint" "s":"orditroops" "id":"629"}' src="/content/090cf70d6f7c2b85a2646285118ce0f87f498ab4be782dc4e406609fd98c4392i0"></script>#15,522,622text<script t="9,55,26,43,32,5,12" m='{"p":"brc69" "op":"mint" "s":"orditroops" "id":"736"}' src="/content/090cf70d6f7c2b85a2646285118ce0f87f498ab4be782dc4e406609fd98c4392i0"></script>#15,522,621textInscription #12446702#12,446,702svgtransfer7,557.oich#12,306,725brc-20<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id":"861", "a":[[0, "brown"], [0, "antenna"], [0, "gold-triangular"], [0, "empty"], [0, "surprised"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,749,660text<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id":"765", "a":[[0, "brown"], [0, "antenna"], [0, "gold-triangular"], [0, "chess"], [0, "bored-red"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,749,572text<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id": "937", "a": [ [0, "blue"], [0, "rainbow"], [0, "black-and-white-triangular"], [0, "square"], [0, "bored-red"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,744,294text<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id": "950", "a": [ [0, "blue"], [0, "rainbow"], [0, "black-and-white-triangular"], [0, "square"], [0, "angry"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,744,143textInscription #11743791#11,743,791html<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "7f95dcb91a9a01ac360e712285e55e10a1d8d2b86c49975497cc6bcf6690c29a", "id": "132", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["rainbow"].base64 ], [ 0, deploy.traits.body["standard-triangular"].base64 ], [ 0, deploy.traits.belly["empty"].base64 ], [ 0, deploy.traits.face["unimpressed"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,743,741text<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id": "934", "a": [ [0, "bitcoin-orange"], [0, "rainbow"], [0, "black-and-white-triangular"], [0, "chess"], [0, "neutral"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,743,393text<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id": "963", "a": [ [0, "bitcoin-orange"], [0, "rainbow"], [0, "black-and-white-triangular"], [0, "empty"], [0, "neutral"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,743,228text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "676d1a477ee0e614cc558d57c640e0d18832923865f13c32ca2bb4e078bfa9e2", "id": "881", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["rainbow"].base64 ], [ 0, deploy.traits.body["gold-oval"].base64 ], [ 0, deploy.traits.belly["empty"].base64 ], [ 0, deploy.traits.face["happy"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,741,553text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "6854a592bd9434886baf0dfa240a5688dda7b33ff31418b14b0a235b0c1e9a63", "id": "998", "a": [ [ 0, deploy.traits.background["purple"].base64 ], [ 0, deploy.traits.accessories["antenna"].base64 ], [ 0, deploy.traits.body["standard-triangular"].base64 ], [ 0, deploy.traits.belly["square"].base64 ], [ 0, deploy.traits.face["bored-red"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,741,482text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "b7d494775f475211b58cb0823466d481f8982187f9e87030aba882c8c72f2533", "id": "626", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["antenna"].base64 ], [ 0, deploy.traits.body["standard-square"].base64 ], [ 0, deploy.traits.belly["square"].base64 ], [ 0, deploy.traits.face["neutral"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,741,481text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "2736c6b9e72eaef3c78d65a80b91633d7ba713e71ec7a178cd916b33799eb90f", "id": "172", "a": [ [ 0, deploy.traits.background["brown"].base64 ], [ 0, deploy.traits.accessories["none"].base64 ], [ 0, deploy.traits.body["standard-triangular"].base64 ], [ 0, deploy.traits.belly["square"].base64 ], [ 0, deploy.traits.face["angry"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,741,321text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "b7d494775f475211b58cb0823466d481f8982187f9e87030aba882c8c72f2533", "id": "626", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["antenna"].base64 ], [ 0, deploy.traits.body["standard-square"].base64 ], [ 0, deploy.traits.belly["square"].base64 ], [ 0, deploy.traits.face["neutral"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,741,320text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "7f95dcb91a9a01ac360e712285e55e10a1d8d2b86c49975497cc6bcf6690c29a", "id": "132", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["rainbow"].base64 ], [ 0, deploy.traits.body["standard-triangular"].base64 ], [ 0, deploy.traits.belly["empty"].base64 ], [ 0, deploy.traits.face["unimpressed"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,741,136textInscription #11740481#11,740,481html<html> <body> <script> let nfo = { "p":"gen-brc-721", "op":"mint", "s":"ordibots", "t_ins":[ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "id":"998", "a":[[0, "purple"], [0, "antenna"], [0, "black-and-white-triangular"], [0, "square"], [0, "bored-red"] ] }; </script> <canvas id="canvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> <script type="module"> Promise.all(nfo.t_ins.map(url => fetch(`/content/${url}`).then(response => response.json()))) .then(async deploys => { console.log(deploys) let GBRC721RenderImage = deploys[0].r ? new Function('return ' + deploys[0].r)() : null; if (!GBRC721RenderImage) { const module = await import('/content/2b126792c4a5d736dc071cea3a2439fd957f47b5cc7bf5c6fed5304ba5bd7f32i0'); GBRC721RenderImage = module.GBRC721RenderImage; } GBRC721RenderImage({ "a": nfo.a.map((item, index) => [item[0], deploys[item[0]].traits[deploys[item[0]].trait_types[index]][item[1]].base64]) }); }) .catch(err => console.log(err)); </script> </body> </html>#11,740,257text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "744a07eaf4b0987085df7e926d26b47a4ea29cce5c5519a20838e16974a287ad", "id": "880", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["rainbow"].base64 ], [ 0, deploy.traits.body["gold-oval"].base64 ], [ 0, deploy.traits.belly["chess"].base64 ], [ 0, deploy.traits.face["neutral"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,739,436text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "a5099ea9e541c049213be1a9ada1d75ec21eeaa47ab3a0805753ee19a3ef5612", "id": "402", "a": [ [ 0, deploy.traits.background["blue"].base64 ], [ 0, deploy.traits.accessories["rainbow"].base64 ], [ 0, deploy.traits.body["gold-oval"].base64 ], [ 0, deploy.traits.belly["square"].base64 ], [ 0, deploy.traits.face["unimpressed"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string#11,739,202text<!DOCTYPE html> <html> <body> <div id="imageContainer"> <canvas id="myCanvas" width="500" height="500" style="image-rendering: pixelated;"></canvas> </div> <script> fetch('https://ordinals.com/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0') .then(response => response.json()) .then(deploy => { console.log(deploy); // Now you can use your JSON data here window.deploy = deploy; let nfo = { "p": deploy.p, "op": deploy.op, "s": deploy.slug, "t_ins": [ "b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0" ], "h": "a0410d93d254aa3abce0982d4d35ac9b373633ceca302e6971ae35c27e7d9d7f", "id": "566", "a": [ [ 0, deploy.traits.background["bitcoin-orange"].base64 ], [ 0, deploy.traits.accessories["rainbow"].base64 ], [ 0, deploy.traits.body["black-and-white-triangular"].base64 ], [ 0, deploy.traits.belly["empty"].base64 ], [ 0, deploy.traits.face["unimpressed"].base64 ] ] } console.log(nfo); // Get the canvas context let ctx = document.getElementById('myCanvas').getContext('2d'); // Disable image smoothing ctx.imageSmoothingEnabled = false; // For each layer for(let i = 0; i < nfo.a.length; i++) { let img = new Image(); // When the image has loaded img.onload = function() { // Draw the image onto the canvas ctx.drawImage(img, 0, 0, 500, 500); } // Set the source of the image to be the base64 string img.src = 'data:image/png;base64,' + nfo.a[i][1]; }#11,739,201textInscription #11737439#11,737,439htmlInscription #11736886#11,736,886htmlInscription #11736169#11,736,169htmlInscription #11735504#11,735,504htmlInscription #11734554#11,734,554htmlInscription #11677316#11,677,316svgInscription #11677205#11,677,205svgInscription #11677172#11,677,172svgInscription #11676927#11,676,927svgInscription #11673542#11,673,542svgInscription #11673509#11,673,509svgInscription #11673465#11,673,465svgInscription #11673310#11,673,310svgInscription #11673243#11,673,243svg