2a:null 2b:["$","title",null,{"children":"Inception Map | Roman Karavia | Observable"}] 30:T734,geometry = { const planeLength = 10; const bendLength = Math.PI / 2; const width = 20; const noSegments = 20; const noTriangles = noSegments * 2; const noVertices = (noSegments + 1) * 2; const geometry = new THREE.BufferGeometry(); const triangles = new Uint32Array(noTriangles * 3); const vertices = new Float32Array(noVertices * 3); const uvs = new Float32Array(noVertices * 2); geometry.setIndex(new THREE.BufferAttribute(triangles, 1)); geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3)); geometry.setAttribute('uv', new THREE.BufferAttribute(uvs, 2)); for (let i = 0; i < noSegments; i += 1) { triangles[6 * i] = 2 * i; triangles[6 * i + 1] = 2 * (i + 1); triangles[6 * i + 2] = 2 * (i + 1) + 1; triangles[6 * i + 3] = 2 * i; triangles[6 * i + 4] = 2 * (i + 1) + 1; triangles[6 * i + 5] = 2 * i + 1; } for (var i = 0; i <= noSegments; i += 1) { for (var j = 0; j < 2; j += 1) { const x = width * (j - 0.5); let y, z, v; const t0 = i / noSegments; if (t0 < 0.2) { const t = t0 / 0.2; y = -2; z = planeLength * (1 - t) + 1; v = planeLength * t; } else if (t0 < 0.8) { const t = (t0 - 0.2) / 0.6; y = -Math.cos(bendLength * t) - 1; z = -Math.sin(bendLength * t) + 1; v = planeLength + bendLength * t; } else { const t = (t0 - 0.8) / 0.2; y = 1 + planeLength * t - 2; z = 0; v = planeLength + bendLength + planeLength * t; } const vertexIndex = 2 * i + j; vertices[vertexIndex * 3] = x; vertices[vertexIndex * 3 + 1] = y; vertices[vertexIndex * 3 + 2] = z; uvs[vertexIndex * 2] = j; uvs[vertexIndex * 2 + 1] = (v / width) * textureAspectRatio; } } return geometry; }31:T638,async function* render({ view, invalidation }) { const canvas = html`