SHOWING: First 60
<!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":"b228a60b6d78171875276d760fbe1201f504d6dbfdf48f99337e1c949634547e",
"id":"281",
"a": [
[ 0, deploy.traits.background["blue"].base64 ],
[ 0, deploy.traits.accessories["none"].base64 ],
[ 0, deploy.traits.body["gold-square"].base64 ],
[ 0, deploy.traits.belly["square"].base64 ],
[ 0, deploy.traits.face["surprised"].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];
}
})
.catch(err => console.log(err)); // Log any errors
</script>
</body>
</html>#11,624,321textmint#11,301,805grc-721mint#11,301,785grc-721mint#11,301,700grc-721mint#11,301,664grc-721mint#11,301,646grc-721mint#11,301,591grc-721mint#11,301,560grc-721mint.bitcoin bored ape yacht club#11,226,914brc-721mint.bitcoin bored ape yacht club#11,226,913brc-721mint.bitcoin bored ape yacht club#11,226,912brc-721mint.bitcoin bored ape yacht club#11,226,911brc-721mint.bitcoin bored ape yacht club#11,226,909brc-721mint.bitcoin bored ape yacht club#11,226,908brc-721mint.bitcoin bored ape yacht club#11,226,907brc-721mint.bitcoin bored ape yacht club#11,226,906brc-721mint.bitcoin bored ape yacht club#11,226,905brc-721mint.bitcoin bored ape yacht club#11,226,904brc-721{"p":"orc-721","op":"mint","s":"btcwords","g":["g":[4,42,68,96,122,150]]}#11,112,055text{"p":"orc-721","op":"mint","s":"btcwords","g":["g":[8,39,66,93,121,148]]}#11,112,047text{"p":"orc-721","op":"mint","s":"btcwords","g":["g":[9,35,62,89,116,143]]}#11,112,040text{"p":"orc-721","op":"mint","s":"btcwords","g":["g":[12,42,69,96,123,150]]}#11,112,016text{"p":"orc-721","op":"mint","s":"btcwords","g":["g":[11,30,58,57,118,150]]}#11,112,015textmint#10,762,678gen-brc-721mint#10,313,273orc-721mint#10,313,271orc-721mint#10,313,270orc-721mint#10,313,263orc-721mint#10,313,261orc-721mint#10,313,254orc-721mint#10,313,245orc-721mint#10,313,242orc-721mint#10,313,240orc-721mint#10,313,225orc-721mint#10,313,221orc-721mint#10,313,217orc-721mint#10,313,215orc-721mint#10,313,206orc-721mint#10,313,204orc-721{"p":"orc-721","op":"mint","s":"diypunks-v2","g":[58,6,36,39,45,48,53,55,57]}{"p":"orc-721","op":"mint","s":"diypunks-v2","g":[58,7,37,39,45,48,53,54,57]}#10,313,199textmint#10,313,198orc-721mint#10,313,197orc-721mint#10,313,196orc-721mint#10,313,195orc-721mint#10,313,057orc-721mint#10,313,056orc-721mint#10,313,055orc-721mint#10,313,054orc-721mint#10,313,053orc-721mint#10,313,052orc-721mint#10,313,051orc-721mint#10,313,050orc-721mint#10,313,048orc-721mint#10,313,047orc-721mint#10,313,046orc-721mint#10,313,045orc-721mint#10,313,044orc-721mint#10,313,043orc-721{"p":"orc-721","op":"mint","s":"diypunks-v2","g":[59,6,36,39,45,48,53,55,57]}{"p":"orc-721","op":"mint","s":"diypunks-v2","g":[59,7,37,39,45,48,53,54,57]}#10,313,042text