Updated the unique ID fix and overlapping images.

Author: HashLips

index.js

@@ -39,7 +39,7 @@ const drawBackground = () => {
 const addMetadata = (_dna, _edition) => {
   let dateTime = Date.now();
   let tempMetadata = {
-    dna: _dna,
+    dna: _dna.join(""),
     edition: _edition,
     date: dateTime,
     attributes: attributesList,
@@ -76,11 +76,9 @@ const drawElement = (_element) => {
   addAttributes(_element);
 };
 
-const constructLayerToDna = (_dna, _layers) => {
-  let DnaSegment = _dna.toString().match(/.{1,2}/g);
+const constructLayerToDna = (_dna = [], _layers = []) => {
   let mappedDnaToLayers = _layers.map((layer, index) => {
-    let selectedElement =
-      layer.elements[parseInt(DnaSegment[index]) % layer.elements.length];
+    let selectedElement = layer.elements[_dna[index]];
     return {
       location: layer.location,
       position: layer.position,
@@ -92,15 +90,17 @@ const constructLayerToDna = (_dna, _layers) => {
   return mappedDnaToLayers;
 };
 
-const isDnaUnique = (_DnaList = [], _dna) => {
-  let foundDna = _DnaList.find((i) => i === _dna);
+const isDnaUnique = (_DnaList = [], _dna = []) => {
+  let foundDna = _DnaList.find((i) => i.join("") === _dna.join(""));
   return foundDna == undefined ? true : false;
 };
 
-const createDna = (_len) => {
-  let randNum = Math.floor(
-    Number(`1e${_len}`) + Math.random() * Number(`9e${_len}`)
-  );
+const createDna = (_layers) => {
+  let randNum = [];
+  _layers.forEach((layer) => {
+    let num = Math.floor(Math.random() * layer.elements.length);
+    randNum.push(num);
+  });
   return randNum;
 };
 
@@ -114,7 +114,7 @@ const startCreating = async () => {
   while (editionCount <= editionSize) {
     console.log(editionCount);
 
-    let newDna = createDna(layers.length * 2 - 1);
+    let newDna = createDna(layers);
     console.log(dnaList);
     if (isDnaUnique(dnaList, newDna)) {
       let results = constructLayerToDna(newDna, layers);
@@ -125,6 +125,7 @@ const startCreating = async () => {
       });
 
       await Promise.all(loadedElements).then((elementArray) => {
+        ctx.clearRect(0, 0, width, height);
         drawBackground();
         elementArray.forEach((element) => {
           drawElement(element);

input/config.js

@@ -65,6 +65,18 @@ const layers = [
     position: { x: 0, y: 0 },
     size: { width: width, height: height },
   },
+  {
+    location: `${dir}/bottom lid/`,
+    elements: getElements(`${dir}/bottom lid/`),
+    position: { x: 0, y: 0 },
+    size: { width: width, height: height },
+  },
+  {
+    location: `${dir}/top lid/`,
+    elements: getElements(`${dir}/top lid/`),
+    position: { x: 0, y: 0 },
+    size: { width: width, height: height },
+  },
 ];
 
 module.exports = { layers, width, height };

output/1.png

@@ -1 +1 @@
-[{"dna":20996708,"edition":1,"date":1629845157380,"attributes":[{"name":"red eye ball","rarity":"super rare"},{"name":"red big","rarity":"super rare"},{"name":"small","rarity":"original"},{"name":"shapes","rarity":"original"}]},{"dna":56699851,"edition":2,"date":1629845157626,"attributes":[{"name":"red eye ball","rarity":"super rare"},{"name":"red big","rarity":"super rare"},{"name":"small","rarity":"original"},{"name":"shapes","rarity":"original"}]},{"dna":79067299,"edition":3,"date":1629845157805,"attributes":[{"name":"white eye ball","rarity":"original"},{"name":"purple small","rarity":"original"},{"name":"medium","rarity":"original"},{"name":"shapes","rarity":"original"}]}]
+[{"dna":"0111022","edition":1,"date":1630012363570,"attributes":[{"name":"red eye ball","rarity":"super rare"},{"name":"yellow small","rarity":"original"},{"name":"medium","rarity":"original"},{"name":"shapes","rarity":"original"},{"name":"tilted bottom","rarity":"rare"},{"name":"tilted top","rarity":"rare"}]},{"dna":"121000","edition":2,"date":1630012363937,"attributes":[{"name":"white eye ball","rarity":"original"},{"name":"green big","rarity":"original"},{"name":"medium","rarity":"original"},{"name":"shapes","rarity":"original"},{"name":"high bottom","rarity":"original"},{"name":"high top","rarity":"original"}]},{"dna":"181012","edition":3,"date":1630012364315,"attributes":[{"name":"white eye ball","rarity":"original"},{"name":"red big","rarity":"super rare"},{"name":"medium","rarity":"original"},{"name":"shapes","rarity":"original"},{"name":"low bottom","rarity":"original"},{"name":"tilted top","rarity":"rare"}]}]