Pixel Art with Data Pixels

README.md

Originally from https://github.com/tomtomdu73/mixed-marvelous-mermaid

Mied Marvelous Mermaid

Fun NFT experiment. Programmatically generated pixel art.
See the full collection »

About The Project

Built With

• Data pixels

Getting Started

This repo contains a simple function to show the process of creating pixel art using Data pixels.

Installation

Follow instructions on Data pixels. We suggest using the desktop client for faster render.

License

Distributed under the MIT License

index.js

import DataPixels from "DataPixels";

const L1 = 20;
const L2 = L1*2;
const L3 = L1*3;
const L4 = L1*4.5;

//Array of possible values

const __a = ["240, 253, 250", "254, 242, 242", "255, 247, 237", "254, 226, 226", "247, 254, 231", "236, 253, 245", "239, 246, 255", "238, 242, 255", "254, 252, 232"]
const H_a = ["53,53,53", "207, 97, 223", "190, 18, 60", "250, 204, 21","59, 130, 246", "161, 98, 7", "194, 65, 12", "77, 124, 15", "113, 63, 18", "168, 162, 158"];
const E_a = ["41, 179, 219", "22, 163, 74", "161, 98, 7", "202, 138, 4"]
//const B_a = ["121, 196, 9", "10, 196, 143", "196, 168, 10", "196, 10, 44", "205, 18, 211", "19, 212, 189", "51, 76, 73"]
const B_a = ["196, 10, 44"]

const tail1 = ["50, 201, 110", "2, 180, 150", "45, 145, 159", "155, 55, 198", "120, 83, 185", "86, 110, 174"] // violet green
const tail2 = ["248, 220, 95","233, 196, 34","207, 172, 19", "170, 126, 16", "201, 150, 23", "220, 166, 30"] //yellow
const tail3 = ["251, 160, 173", "236, 101, 164","204, 50, 122", "161, 12, 34", "194, 15, 41", "227, 19, 50"] //red
const tail4 = ["145, 238, 171", "89, 233, 130","52, 220, 100", "3, 135, 86", "13, 163, 108", "34, 190, 133"]
const tail5 = ["210, 229, 169", "170, 181, 146","136, 143, 121", "52, 64, 56", "75, 85, 70", "97, 110, 91"]
const tail6 = ["250, 135, 227", "230, 58, 196","200, 21, 164", "113, 8, 112", "144, 13, 142", "171, 18, 169"]
const tails = [tail1, tail2, tail3, tail4, tail5, tail6]

//Generate 1000 different mermaids
for (var i=0; i<1000; i++)
{
	//Define global const
	const version = ["mermaid_coconut"];
	const _ = __a[Math.floor(Math.random()*__a.length)];
	const H = H_a[Math.floor(Math.random()*H_a.length)];
	const E = E_a[Math.floor(Math.random()*E_a.length)];
	const B = B_a[Math.floor(Math.random()*B_a.length)];
	const tail = tails[Math.floor(Math.random()*tails.length)];
	const H1 = H.split(',');
	const B1 = B.split(',');

	const I = "254, 180, 132"; // Skin 
	const w = "255, 255, 255"; //White
	const b = "0, 0, 0"; //black
	const W = "52, 209, 197"; //Water
	const Y = "52, 164, 213"; //Water2
	const J = "234, 157, 105"; //belly button
	const M = `${parseInt(H1[0])+L1}, ${parseInt(H1[1])+L1}, ${parseInt(H1[2])+L1}`; //Hair 
	const N = `${parseInt(H1[0])+L2}, ${parseInt(H1[1])+L2}, ${parseInt(H1[2])+L2}`; //Hair
	const O = `${parseInt(H1[0])+L3}, ${parseInt(H1[1])+L3}, ${parseInt(H1[2])+L3}`; //Hair Light
	const Z = `${parseInt(H1[0])+L4}, ${parseInt(H1[1])+L4}, ${parseInt(H1[2])+L4}`; //Hair Lighter
	const L = "255, 104, 174"; //Lips

	const C = `${parseInt(B1[0])+L1}, ${parseInt(B1[1])+L1}, ${parseInt(B1[2])+L1}`;    //Bikini2
	const D = `${parseInt(B1[0])+L2}, ${parseInt(B1[1])+L2}, ${parseInt(B1[2])+L2}`;        //Bikini3
	const G = `${parseInt(B1[0])+L4}, ${parseInt(B1[1])+L4}, ${parseInt(B1[2])+L4}`; // necklace

	const Q = tail[0] //Tail 2 Light
	const R = tail[1] //Tail 2 Dark
	const S = tail[2] //Tail 2 Darker
	const T = tail[3]   //Tail 1 Light
	const U = tail[4]   //Tail 1 Dark
	const V= tail[5] //Tail 1 Darker

	if(version == "mermaid_coconut")
	{
		const A = "67, 32, 18"; //darker brown coconut
		const K = "101, 50, 29"; // dark brown
		const F = "132, 68, 29"; //brown
		const c = "211, 182, 184";

		const data = [
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,M,M,M,N,N,O,O,_,_,_,_,_,N,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,N,M,M,M,N,N,O,O,Z,O,_,_,_,N,O,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,O,N,M,H,N,N,O,O,Z,O,O,N,N,O,Z,N,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,O,Z,O,N,M,H,M,N,Z,O,O,N,N,N,M,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,N,O,Z,O,J,J,H,H,H,H,N,M,M,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,M,N,O,I,I,I,J,J,J,J,H,H,H,H,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,M,N,I,w,w,I,I,w,w,J,M,M,N,O,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,M,N,I,E,w,I,I,E,w,J,M,M,N,O,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,M,N,I,I,I,I,I,I,I,J,N,M,N,N,Z,_,_,N,N,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,M,N,I,I,L,_,_,L,I,J,O,O,N,N,O,_,_,_,_,N,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,_,_,_,_,_,_,_,_,_,_,M,N,I,I,L,L,I,I,M,M,N,O,N,O,Z,_,_,O,N,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,_,_,_,_,_,_,_,_,_,_,_,M,N,M,I,I,I,I,N,M,M,O,N,O,N,O,Z,Z,O,O,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,F,F,_,_,_,_,_,_,_,_,_,M,N,M,J,J,J,J,N,N,M,N,O,N,O,N,O,O,Z,N,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,F,F,Y,w,w,F,F,_,_,_,_,_,I,I,I,I,C,I,I,C,I,I,I,N,M,N,O,N,M,M,N,O,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,F,w,w,Y,c,c,w,w,F,_,_,_,I,I,I,I,I,I,G,C,I,I,I,I,I,M,M,N,O,O,N,M,M,_,_,O,N,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,K,F,F,w,w,w,F,F,K,_,_,I,I,I,I,I,I,I,C,C,I,I,I,I,I,I,M,N,N,N,O,O,Z,Z,_,_,O,N,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,A,K,J,F,F,F,A,K,A,_,I,I,I,_,I,I,I,I,I,I,I,I,I,I,I,I,O,M,N,N,N,O,O,O,Z,Z,O,N,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,A,K,J,K,K,K,A,_,I,I,I,_,_,D,D,D,I,I,I,D,D,D,M,I,I,N,O,M,N,N,N,N,N,O,O,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,A,A,A,A,A,_,I,I,I,_,_,_,C,C,C,D,I,D,C,C,C,H,I,I,M,N,O,M,M,M,M,M,M,M,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,A,A,A,I,I,I,I,_,_,_,_,C,C,C,C,D,C,C,C,C,_,I,I,M,M,N,O,O,O,O,O,O,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,I,I,I,I,I,_,_,_,_,_,_,B,B,B,I,I,I,B,B,B,_,I,I,H,M,N,N,N,N,N,N,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,I,I,I,I,I,I,J,_,_,I,I,_,H,H,H,H,H,H,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,I,I,I,J,I,I,J,_,_,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,T,U,I,I,I,I,I,J,_,_,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,T,U,U,U,U,V,V,V,V,S,S,U,_,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,U,U,U,V,V,V,V,S,S,R,R,Q,U,_,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,U,U,V,V,V,V,S,S,S,R,R,Q,Q,R,T,_,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,U,U,V,V,V,S,S,S,S,S,S,R,Q,R,V,U,T,_,I,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,U,U,V,V,S,S,S,R,R,R,Q,Q,Q,Q,R,V,U,T,T,_,_,I,I,I,I,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,W,W,W,T,U,U,U,V,R,S,V,V,V,V,V,V,V,V,V,V,V,U,T,T,W,W,W,W,W,W,W,W,W,W,W,W,W,W,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,Y,Y,W,T,U,U,V,Q,U,U,U,U,U,U,U,U,U,U,U,U,T,T,W,W,W,W,W,W,W,W,W,W,W,W,W,W,W,W,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,Y,Y,T,U,V,Q,U,U,T,W,W,W,W,W,W,W,W,W,W,W,W,W,W,W,W,W,W,Y,Y,Y,W,W,Y,Y,Y,Y,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,Y,T,U,V,Q,U,T,Y,Y,Y,Y,W,W,W,W,W,W,Y,Y,Y,Y,Y,Y,W,W,Y,Y,Y,W,W,Y,Y,Y,Y,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,Y,Y,T,V,S,U,T,Y,Y,Y,Y,Y,Y,Y,Y,Y,W,W,W,W,W,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,V,S,R,T,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,Y,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,V,S,U,_,_,_,_,_,_,_,_,Y,Y,Y,Y,Y,Y,Y,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,V,S,U,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,V,U,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,V,U,V,S,S,R,R,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,U,V,U,V,V,S,S,Q,Q,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,S,U,U,V,V,S,S,Q,Q,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,V,S,T,U,U,V,V,S,S,Q,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,V,S,S,T,T,U,U,V,V,S,R,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,V,S,Q,_,T,T,T,U,U,V,S,R,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,V,S,Q,S,_,_,T,T,T,U,V,S,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,U,V,S,Q,_,_,_,_,_,T,U,V,S,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,V,S,Q,_,_,_,_,_,_,_,U,V,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,U,S,Q,S,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,V,S,Q,S,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,U,S,Q,R,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,U,V,S,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,T,U,V,S,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,T,U,V,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		[_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_],
		];

		const size = 10;

		const image = new DataPixels(data, size).image;

		document.body.appendChild(image);
	}
}