anaglyphRenderer = (processedScene) => { var t0 = performance.now() 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 ') + ((item.closed) ? " Z" : '') const rightPath = "M " + item.map(p => `${p[1][0]} ${p[1][1]}`).join(' L ') + ((item.closed) ? " Z" : '') // allLeftPath += ' ' + leftPath // allRightPath += ' ' + rightPath leftLayer.push(svg``) rightLayer.push(svg``) } else { if (item.text) { let shift = 0 if (item.textAnchor === "middle") { shift = -item.text.length * 9 / 2 } 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``) // } var t1 = performance.now() console.log(`renderer: ${t1 - t0}`) return svg` ${rightLayer} ${leftLayer} ` }