anaglyphRenderer = (processedScene) => { const leftLayer = [] const rightLayer = [] const behindProjectionPlane = (item) => { return item.map(points => { points.map(d => d[0][2]).find((d => d <= 0)) === undefined && points.map(d => d[1][2]).find((d => d <= 0)) === undefined }) return true } let allLeftPath = '' let allRightPath = '' const svgStuff = processedScene .filter(behindProjectionPlane) .forEach((item) => { if (item.length > 1) { const leftPath = "M " + item.map(p => `${p[0][0]} ${p[0][1]}`).join(' L ') const rightPath = "M " + item.map(p => `${p[1][0]} ${p[1][1]}`).join(' L ') allLeftPath += ' ' + leftPath allRightPath += ' ' + rightPath } else { if (item.text) { leftLayer.push(svg`${letterPlotter(item.text, { color: colors.left })}`) rightLayer.push(svg`${letterPlotter(item.text, { color: colors.right })}`) } else { leftLayer.push(svg``) rightLayer.push(svg``) } } }) if (allLeftPath !== '') { leftLayer.push(svg``) } if (allRightPath !== '') { rightLayer.push(svg``) } return svg` ${leftLayer} ${rightLayer} ` }