const ABC = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz 0123456789"; id=0; function encode(tx){ let text=tx||prompt("Text to encode"); if(!text.length>0){ log("

Error: No text recived.

"); return; } let size=text.length; let type=0; let res = []; for(let i=0;i<50;i++){ if(size<=i*i){ type=i; break; } } for(let i=0;i0){ if(x%type==0){ x=0; y++; } } ctx.fillStyle = "rgb("+res[i]+","+res[i]+","+res[i]+")"; ctx.fillRect(x*(c.width/type), y*(c.height/type), c.width/type, c.height/type); x++; } log("

Encoded:

"+text+"

"); let img= new Image(); img.src = c.toDataURL(); img.style.height = "50px"; img.style.width = "50px"; document.querySelector("#img-"+id) .appendChild(img); id++; } function log(text){ t = document.createElement("div"); t.innerHTML = text; document.querySelector("#log").appendChild(t); } window.onload = () => { c = document.querySelector("#c"); c.width = window.innerWidth; c.height = window.innerWidth; c.addEventListener("click", () => encode()); ctx = c.getContext("2d"); encode("ooooooooaaoaaoaddaddaadgdgdaoadgdaoooadaoooooaooo") }

Text to art!