STL Viewer — A1 Mini Edition

${ex.icon} ${ex.name}

${ex.desc}

${ex.size}${ex.time}

`;\n}\n\nfunction sidebarContent(): string {\n return `\n

Load Model

📦

Drop STL file here or click to browse

.stl

\n \n

\n \n \n

Examples (A1 Mini Ready)

\n ${EXAMPLES.map(exampleCard).join(\"\")}\n

Model Analysis

DIMENSIONS

—

FITS A1 MINI

—

TRIANGLES

—

EST. VOLUME

—

Display

Build volume

Grid floor

Wireframe

Auto-rotate

`;\n}\n\nexport function getLayout(): string {\n return `\n

\n \n \n\n \n \n\n \n

\n \n

Load an STL to preview

Drag & drop, paste URL, or try an example

Scroll to zoom · Drag to rotate · Shift+drag to pan

\n — X\n — Y\n — Z\n

\n\n \n

📦

Drop STL file to load

\n\n \n \n\n \n

\n ${sidebarContent()}\n

\n\n \n `;\n}\n",[154],"5f3a10ce-09d1-11f1-b35d-42dde27851f2","examples.ts","65af5608-030a-11f1-9c29-42dde27851f2",["D",1771093027546],11,"/**\n * Barrel file — re-exports all examples from individual files.\n *\n * To add a new example: create examples/yourModel.ts, then add one import + array entry here.\n * To edit one: change only its file in examples/.\n * Nothing else in the codebase needs to change.\n */\n\nexport type { Example } from \"./examples/types.ts\";\nimport type { Example } from \"./examples/types.ts\";\n\nimport vase from \"./examples/vase.ts\";\nimport gear from \"./examples/gear.ts\";\nimport castle from \"./examples/castle.ts\";\nimport kratky from \"./examples/kratky.ts\";\nimport duck from \"./examples/duck.ts\";\nimport bottleSleeve from \"./examples/bottleSleeve.ts\";\nimport bottleSleeveV2 from \"./examples/bottleSleeveV2.ts\";\nimport bottleManifold from \"./examples/bottleManifold.ts\";\nimport orangeCup from \"./examples/orangeCup.ts\";\n\nexport const EXAMPLES: Example[] = [vase, gear, castle, kratky, duck, bottleSleeve, bottleSleeveV2, bottleManifold, orangeCup];\n\n/**\n * Returns the client-side JS for the genExample(name) function,\n * built dynamically from the EXAMPLES array.\n */\nexport function getExampleGeneratorJS(): string {\n const cases = EXAMPLES.map(\n (ex) => `case '${ex.id}': {\\n${ex.generatorBody}\\n}`,\n ).join(\"\\n \");\n\n return `\n function genExample(name) {\n switch (name) {\n ${cases}\n default: return new THREE.BoxGeometry(50, 50, 50);\n }\n }`;\n}\n",[161],"46397d3a-0364-11f1-8811-42dde27851f2","README.md","ed7e7d54-0362-11f1-976a-42dde27851f2",101,["D",1770386463485],3,"# STL Viewer\n\nA web-based 3D model viewer and generator for creating printable STL files directly in your browser.\n\n## Demo Video\n\nhttps://www.val.town/x/dcm31/stl-viewer/code/README.md\n\n[Watch the demo on Loom](https://www.loom.com/share/ac0933b3cb8f4c56b32b065d75fd36af)\n\n## Features\n\n- 🎨 Generate 3D models procedurally using Three.js\n- 👁️ Interactive 3D viewer with orbit controls\n- 💾 Export models as STL files for 3D printing\n- 📦 Pre-built examples: Vase, Gear, Castle, Kratky, and Duck\n\n## Usage\n\nVisit the live viewer and select from the example gallery to view and download pre-built models.\n\n### Want to Create Your Own Models?\n\n**You'll need to remix this val first!** Click the \"Remix\" button at the top of the Val Town editor to create your own copy that you can edit.\n\n## Adding New Examples\n\nOnce you've remixed this val:\n\n1. Create a new file in `examples/yourModel.ts`\n2. Define your model following the `Example` interface\n3. Add the import and array entry in `examples.ts`\n\nThat's it! The viewer will automatically pick up your new model.",[168],"3cadb064-030b-11f1-b561-42dde27851f2","examples","3cadb12c-030b-11f1-b561-42dde27851f2",73,["D",1770348222247],"directory",[176],"pulls","forks","envVars",{"_188":54,"_190":54},"connections",{"_188":54,"_189":54},"count","unfilledCount","emptyCount",{"_20":175,"_13":176,"_123":177,"_125":-5,"_126":21,"_127":178,"_129":50,"_22":309,"_29":54,"_132":180,"_133":-5,"_135":38,"_136":-5,"_209":310,"_91":311},{"_20":300,"_13":301,"_123":302,"_125":177,"_126":21,"_127":303,"_129":50,"_22":304,"_29":305,"_132":103,"_133":306,"_135":38,"_136":-5,"_209":307,"_91":308},{"_20":292,"_13":293,"_123":294,"_125":177,"_126":21,"_127":295,"_129":50,"_22":296,"_29":54,"_132":103,"_133":297,"_135":38,"_136":-5,"_209":298,"_91":299},{"_20":284,"_13":285,"_123":286,"_125":177,"_126":21,"_127":287,"_129":50,"_22":288,"_29":54,"_132":103,"_133":289,"_135":38,"_136":-5,"_209":290,"_91":291},{"_20":276,"_13":277,"_123":278,"_125":177,"_126":21,"_127":279,"_129":50,"_22":280,"_29":54,"_132":103,"_133":281,"_135":38,"_136":-5,"_209":282,"_91":283},{"_20":268,"_13":269,"_123":270,"_125":177,"_126":21,"_127":271,"_129":50,"_22":272,"_29":54,"_132":103,"_133":273,"_135":38,"_136":-5,"_209":274,"_91":275},{"_20":260,"_13":261,"_123":262,"_125":177,"_126":21,"_127":263,"_129":50,"_22":264,"_29":54,"_132":103,"_133":265,"_135":38,"_136":-5,"_209":266,"_91":267},{"_20":251,"_13":252,"_123":253,"_125":177,"_126":21,"_127":254,"_129":50,"_22":255,"_29":256,"_132":103,"_133":257,"_135":38,"_136":-5,"_209":258,"_91":259},{"_20":243,"_13":244,"_123":245,"_125":177,"_126":21,"_127":246,"_129":50,"_22":247,"_29":54,"_132":103,"_133":248,"_135":38,"_136":-5,"_209":249,"_91":250},{"_20":235,"_13":236,"_123":237,"_125":177,"_126":21,"_127":238,"_129":50,"_22":239,"_29":54,"_132":103,"_133":240,"_135":38,"_136":-5,"_209":241,"_91":242},{"_20":227,"_13":228,"_123":229,"_125":177,"_126":21,"_127":230,"_129":50,"_22":231,"_29":54,"_132":103,"_133":232,"_135":38,"_136":-5,"_209":233,"_91":234},{"_20":167,"_13":168,"_123":169,"_125":-5,"_126":21,"_127":170,"_129":50,"_22":224,"_29":172,"_132":103,"_133":173,"_135":38,"_136":-5,"_209":225,"_91":226},{"_20":160,"_13":161,"_123":162,"_125":-5,"_126":21,"_127":30,"_129":50,"_22":221,"_29":164,"_132":103,"_133":165,"_135":38,"_136":-5,"_209":222,"_91":223},{"_20":153,"_13":154,"_123":155,"_125":-5,"_126":21,"_127":156,"_129":50,"_22":218,"_29":131,"_132":103,"_133":158,"_135":38,"_136":-5,"_209":219,"_91":220},{"_20":145,"_13":146,"_123":48,"_125":-5,"_126":21,"_127":147,"_129":50,"_22":215,"_29":149,"_132":150,"_133":151,"_135":38,"_136":-5,"_209":216,"_91":217},{"_20":138,"_13":139,"_123":140,"_125":-5,"_126":21,"_127":141,"_129":50,"_22":212,"_29":54,"_132":103,"_133":143,"_135":38,"_136":-5,"_209":213,"_91":214},{"_20":121,"_13":122,"_123":124,"_125":-5,"_126":21,"_127":128,"_129":50,"_22":208,"_29":131,"_132":103,"_133":134,"_135":38,"_136":-5,"_209":210,"_91":211},["D",1770347946153],"children",[],[122],["D",1770347535870],[],[139],["D",1770347649878],[],[146],["D",1770347887454],[],[154],["D",1771093027546],[],[161],["D",1770386463485],[],[168],"4c157744-030b-11f1-8601-42dde27851f2","vase.ts","4c15780c-030b-11f1-8601-42dde27851f2",76,["D",1770348248113],"import type { Example } from \"./types.ts\";\n\nconst vase: Example = {\n id: \"vase\",\n icon: \"🏺\",\n name: \"Spiral Vase\",\n desc: \"Low-poly spiral vase — vase mode ready\",\n size: \"80 × 80 × 120 mm\",\n time: \"~1.5 hrs\",\n generatorBody: `\n const pts = [];\n for (let i = 0; i <= 50; i++) {\n const t = i / 50;\n pts.push(new THREE.Vector2(\n 25 + Math.sin(t * Math.PI * 5) * 6 + t * 15,\n t * 120\n ));\n }\n pts.push(new THREE.Vector2(42, 120));\n pts.push(new THREE.Vector2(44, 118));\n return new THREE.LatheGeometry(pts, 48);\n `,\n};\n\nexport default vase;\n",[],[176,228],"419092ea-030b-11f1-aa59-42dde27851f2","types.ts","4190939e-030b-11f1-aa59-42dde27851f2",74,["D",1770348230464],"/** Shared interface for all example models */\nexport interface Example {\n /** Unique ID used for onclick routing */\n id: string;\n /** HTML entity icon for the card */\n icon: string;\n /** Display name */\n name: string;\n /** Short HTML description */\n desc: string;\n /** Dimension string shown on card */\n size: string;\n /** Estimated print time */\n time: string;\n /** JS function body — must return a THREE.BufferGeometry.\n * Runs client-side with THREE in scope plus helpers:\n * mergeGeos(geos[]), makeBox(w,h,d,x,y,z),\n * makeCyl(r,h,segs,x,y,z), makeCone(r,h,segs,x,y,z) */\n generatorBody: string;\n}\n",[],[176,236],"50a773b2-09d1-11f1-921a-42dde27851f2","orangeCup.ts","50a77484-09d1-11f1-921a-42dde27851f2",112,["D",1771093003110],"import type { Example } from \"./types.ts\";\n\nconst orangeCup: Example = {\n id: \"orangeCup\",\n icon: \"🍊\",\n name: \"Orange Cup with Lid\",\n desc: \"Orange-shaped cup with domed lid & leaf — 5 mm walls\",\n size: \"50 × 50 × 60 mm\",\n time: \"~1.5 hrs\",\n generatorBody: `\n const geos = [];\n const outerR = 25; // 50mm diameter\n const wall = 5;\n const innerR = outerR - wall;\n const totalH = 60;\n const cupH = 40;\n const lidH = totalH - cupH;\n const seg = 48;\n\n // ===== CUP BODY — lower sphere shell =====\n // Generate cup profile via lathe: outer arc from 0° to ~53° (cupH portion of sphere)\n const cupOuterPts = [];\n const cupInnerPts = [];\n const steps = 40;\n\n // Angle that gives cupH on a sphere of outerR:\n // z = R - R*cos(theta), so theta = acos(1 - cupH/R)\n const maxAngle = Math.acos(1 - Math.min(cupH / outerR, 1.0));\n const innerMaxAngle = Math.acos(Math.max(1 - Math.min((cupH - wall) / innerR, 1.0), -1));\n\n for (let i = 0; i <= steps; i++) {\n const t = i / steps;\n const theta = t * maxAngle;\n const r = outerR * Math.sin(theta);\n const z = outerR - outerR * Math.cos(theta);\n cupOuterPts.push(new THREE.Vector2(r, z));\n }\n // Close bottom\n cupOuterPts.unshift(new THREE.Vector2(0, 0));\n\n for (let i = 0; i <= steps; i++) {\n const t = i / steps;\n const theta = t * innerMaxAngle;\n const r = innerR * Math.sin(theta);\n const z = wall + (innerR - innerR * Math.cos(theta));\n cupInnerPts.push(new THREE.Vector2(r, z));\n }\n cupInnerPts.unshift(new THREE.Vector2(0, wall));\n\n const cupOuter = new THREE.LatheGeometry(cupOuterPts, seg);\n const cupInner = new THREE.LatheGeometry(cupInnerPts, seg);\n\n geos.push(cupOuter);\n\n // ===== LID — upper dome shell =====\n const lidOuterPts = [];\n const lidInnerPts = [];\n const lidSteps = 30;\n\n for (let i = 0; i <= lidSteps; i++) {\n const t = i / lidSteps;\n // Elliptical dome: x = outerR*sin(t*PI/2), z = lidH*cos(t*PI/2) - but inverted\n const angle = t * Math.PI / 2;\n const r = outerR * Math.cos(angle);\n const z = cupH + lidH * Math.sin(angle);\n lidOuterPts.push(new THREE.Vector2(r, z));\n }\n // tip\n lidOuterPts.push(new THREE.Vector2(0, cupH + lidH));\n\n for (let i = 0; i <= lidSteps; i++) {\n const t = i / lidSteps;\n const angle = t * Math.PI / 2;\n const r = innerR * Math.cos(angle);\n const z = cupH + Math.max(lidH - wall, 1) * Math.sin(angle);\n lidInnerPts.push(new THREE.Vector2(Math.max(r, 0), z));\n }\n lidInnerPts.push(new THREE.Vector2(0, cupH + lidH - wall));\n\n const lidOuter = new THREE.LatheGeometry(lidOuterPts, seg);\n geos.push(lidOuter);\n\n // ===== LID LIP (ring so lid sits on cup) =====\n const lipGeo = new THREE.CylinderGeometry(outerR - 1, outerR - 1, 3, seg, 1, true);\n lipGeo.translate(0, cupH - 0.5, 0);\n // Rotate to match orientation (CylinderGeometry is Y-up, LatheGeometry is Y-up too)\n geos.push(lipGeo);\n\n // ===== STEM nub at top =====\n const stemGeo = new THREE.CylinderGeometry(1.5, 1.5, 4, 12);\n stemGeo.translate(0, cupH + lidH + 1, 0);\n geos.push(stemGeo);\n\n // ===== LEAF =====\n // Leaf: flattened elongated sphere via scaled SphereGeometry\n const leafGeo = new THREE.SphereGeometry(8, 16, 12);\n // Scale to make it flat and elongated\n const leafScale = new THREE.Matrix4().makeScale(1.2, 0.12, 0.5);\n leafGeo.applyMatrix4(leafScale);\n // Rotate slightly and position at top\n const leafRot = new THREE.Matrix4().makeRotationZ(0.3);\n leafGeo.applyMatrix4(leafRot);\n leafGeo.translate(6, cupH + lidH + 1.5, 0);\n geos.push(leafGeo);\n\n // ===== ORANGE SEGMENT GROOVES (decorative vertical lines) =====\n for (let i = 0; i < 8; i++) {\n const angle = (i / 8) * Math.PI * 2;\n const groovePts = [];\n for (let j = 0; j <= 30; j++) {\n const t = j / 30;\n const z = t * totalH;\n groovePts.push(new THREE.Vector2(0.6, z));\n }\n const grooveGeo = new THREE.LatheGeometry(groovePts, 4);\n const gx = Math.cos(angle) * (outerR - 0.3);\n const gz = Math.sin(angle) * (outerR - 0.3);\n grooveGeo.translate(gx, 0, gz);\n geos.push(grooveGeo);\n }\n\n return mergeGeos(geos);\n `,\n};\n\nexport default orangeCup;\n",[],[176,244],"a8e07990-030d-11f1-834b-42dde27851f2","kratky.ts","95a8019c-030b-11f1-a80a-42dde27851f2",90,["D",1770349262786],6,"import type { Example } from \"./types.ts\";\n\n/**\n * Kratky Hydroponic Planter — v4 (LatheGeometry approach)\n *\n * Each rotationally-symmetric part uses LatheGeometry with a clean\n * cross-section profile. This gives correct normals, no z-fighting,\n * and no ExtrudeGeometry winding issues.\n *\n * Components:\n * 1. Reservoir bucket (single LatheGeometry)\n * 2. Lid ring (single LatheGeometry)\n * 3. Net pot basket (single LatheGeometry)\n * 4. Fill port, water level indicator, handles (simple primitives)\n */\nconst kratky: Example = {\n id: \"planter\",\n icon: \"🌿\",\n name: \"Kratky Hydroponic Planter\",\n desc: \"Functional deep water culture setup — max build volume\",\n size: \"160 × 160 × 170 mm\",\n time: \"~8 hrs\",\n generatorBody: `\n const S = 64;\n const V2 = (x, y) => new THREE.Vector2(x, y);\n const parts = [];\n\n // ═══════════════════════════════════════════\n // 1. RESERVOIR — tapered bucket\n // ═══════════════════════════════════════════\n // Cross-section profile (right half, revolved around Y axis)\n //\n // rTopO rTopI\n // rim ─┐ ┌─ rim inner\n // │ │\n // outer │ │ inner wall\n // wall │ │\n // │ │\n // bot ─┘──────┘─ bot inner\n // rBotO rBotI\n //\n const wall = 3;\n const rBotO = 65, rTopO = 78;\n const rBotI = rBotO - wall, rTopI = rTopO - wall;\n const resH = 112;\n const rimW = 3, rimH = 4;\n\n const resProfile = [\n // Start at inner bottom center, trace clockwise\n V2(2, wall), // near-center inner bottom (avoid axis)\n V2(rBotI, wall), // inner wall base\n V2(rTopI, resH), // inner wall top\n V2(rTopI, resH + rimH), // inner rim top\n V2(rTopO + rimW, resH + rimH), // outer rim top (overhang)\n V2(rTopO + rimW, resH), // outer rim bottom\n V2(rTopO, resH), // outer wall top\n V2(rBotO, 0), // outer wall base\n V2(2, 0), // near-center outer bottom\n ];\n parts.push(new THREE.LatheGeometry(resProfile, S));\n\n // Foot ring for stability\n const footProfile = [\n V2(rBotO - 5, 0),\n V2(rBotO - 5, -3),\n V2(rBotO + 3, -3),\n V2(rBotO + 3, 0),\n ];\n parts.push(new THREE.LatheGeometry(footProfile, S));\n\n // Decorative ridges (3 torus rings on outer wall)\n for (let i = 0; i < 3; i++) {\n const ry = 22 + i * 28;\n const t = ry / resH;\n const rAtY = rBotO + (rTopO - rBotO) * t;\n const ridge = new THREE.TorusGeometry(rAtY + 1.5, 1.5, 8, S);\n ridge.rotateX(Math.PI / 2);\n ridge.translate(0, ry, 0);\n parts.push(ridge);\n }\n\n // ═══════════════════════════════════════════\n // 2. LID — flat ring with center hole + inner lip\n // ═══════════════════════════════════════════\n const lidGap = 2;\n const lidY = resH + rimH + lidGap;\n const lidH = 6;\n const netHoleR = 35;\n const lipDrop = 8;\n\n // Profile: ring from net-pot hole to outer edge, with lip\n //\n // lip drops inside reservoir:\n // ┌──────────────────┐ lid top surface\n // hole │ │ outer edge\n // edge └──┐ ┌──┘\n // │ inner │\n // │ lip │ (nothing here, just outer drops)\n // └───────────┘\n //\n const lidProfile = [\n V2(netHoleR, lidY + lidH), // top surface, hole edge\n V2(rTopO + 2, lidY + lidH), // top surface, outer edge\n V2(rTopO + 2, lidY), // outer edge bottom\n V2(rTopI + 1, lidY), // inner lip outer\n V2(rTopI + 1, lidY - lipDrop), // lip drops down\n V2(rTopI - 2, lidY - lipDrop), // lip inner wall\n V2(rTopI - 2, lidY), // lip inner wall top\n V2(netHoleR, lidY), // bottom surface, hole edge\n ];\n parts.push(new THREE.LatheGeometry(lidProfile, S));\n\n // ═══════════════════════════════════════════\n // 3. NET POT COLLAR — raised ring around the hole\n // ═══════════════════════════════════════════\n const collarH = 10;\n const collarW = 4;\n const collarY = lidY + lidH;\n\n const collarProfile = [\n V2(netHoleR, collarY),\n V2(netHoleR, collarY + collarH),\n V2(netHoleR + collarW, collarY + collarH + 2), // lip overhang\n V2(netHoleR + collarW, collarY + collarH),\n V2(netHoleR + collarW, collarY),\n ];\n parts.push(new THREE.LatheGeometry(collarProfile, S));\n\n // ═══════════════════════════════════════════\n // 4. NET POT — basket that hangs into reservoir\n // ═══════════════════════════════════════════\n const npTopR = netHoleR - 1;\n const npBotR = npTopR - 8;\n const npH = 52;\n const npWall = 2.5;\n const npY = lidY - npH + 8; // hangs below lid\n const drainR = 7;\n\n // Profile: basket cross-section with flange at top\n const npProfile = [\n // Drain hole edge at bottom, then trace walls up\n V2(drainR, npY + npWall), // inner bottom, drain edge\n V2(npBotR - npWall, npY + npWall), // inner bottom meets inner wall\n V2(npTopR - npWall, npY + npH), // inner wall top\n // Flange (rests on collar)\n V2(netHoleR + collarW - 1, npY + npH),\n V2(netHoleR + collarW - 1, npY + npH + 3),\n V2(npTopR - npWall - 1, npY + npH + 3),\n V2(npTopR - npWall - 1, npY + npH),\n // Back down outer wall\n V2(npTopR, npY + npH), // outer wall top\n V2(npBotR, npY), // outer wall bottom\n V2(drainR, npY), // outer bottom, drain edge\n ];\n parts.push(new THREE.LatheGeometry(npProfile, S));\n\n // Drainage slot indicators — small torus rings around pot\n for (let row = 0; row < 4; row++) {\n const sy = npY + 8 + row * 11;\n const t = (sy - npY) / npH;\n const sr = npBotR + (npTopR - npBotR) * t;\n const slot = new THREE.TorusGeometry(sr + 0.5, 0.7, 6, S);\n slot.rotateX(Math.PI / 2);\n slot.translate(0, sy, 0);\n parts.push(slot);\n }\n\n // ═══════════════════════════════════════════\n // 5. FILL PORT — offset tube on lid\n // ═══════════════════════════════════════════\n const fpR = 10, fpH = 18;\n const fpAngle = Math.PI * 0.3;\n const fpDist = (rTopO + netHoleR + collarW) / 2;\n const fpX = Math.cos(fpAngle) * fpDist;\n const fpZ = Math.sin(fpAngle) * fpDist;\n const fpBaseY = lidY + lidH;\n\n // Tube (solid cylinder, represents port)\n const fpOuter = new THREE.CylinderGeometry(fpR, fpR, fpH, 24);\n fpOuter.translate(fpX, fpBaseY + fpH / 2, fpZ);\n parts.push(fpOuter);\n\n // Port rim bead\n const fpRim = new THREE.TorusGeometry(fpR, 1.5, 8, 24);\n fpRim.rotateX(Math.PI / 2);\n fpRim.translate(fpX, fpBaseY + fpH, fpZ);\n parts.push(fpRim);\n\n // ═══════════════════════════════════════════\n // 6. WATER LEVEL INDICATOR\n // ═══════════════════════════════════════════\n const wlY = 15, wlH = 55;\n const wlMidH = wlY + wlH / 2;\n const wlR = rBotO + (rTopO - rBotO) * (wlMidH / resH);\n\n // Raised channel strip\n parts.push(makeBox(7, wlH, 3, wlR + 2, wlMidH, 0));\n\n // MIN/MAX marks + ticks\n for (let i = 0; i <= 4; i++) {\n const ty = wlY + 3 + i * ((wlH - 6) / 4);\n const tr = rBotO + (rTopO - rBotO) * (ty / resH);\n const w = (i === 0 || i === 4) ? 14 : 10;\n const th = (i === 0 || i === 4) ? 1.5 : 0.8;\n parts.push(makeBox(w, th, 3.5, tr + 2, ty, 0));\n }\n\n // ═══════════════════════════════════════════\n // 7. HANDLES — ear nubs on sides\n // ═══════════════════════════════════════════\n const hY = resH * 0.6;\n for (const side of [1, -1]) {\n const hR = rBotO + (rTopO - rBotO) * (hY / resH);\n const handle = new THREE.TorusGeometry(9, 3.5, 8, 16, Math.PI);\n handle.rotateY(Math.PI / 2);\n handle.rotateZ(Math.PI / 2);\n handle.translate(0, hY, side * (hR + 6));\n parts.push(handle);\n }\n\n return mergeGeos(parts);\n `,\n};\n\nexport default kratky;\n",[],[176,252],"522e778e-030b-11f1-8dfb-42dde27851f2","gear.ts","522e7842-030b-11f1-8dfb-42dde27851f2",78,["D",1770348258342],"import type { Example } from \"./types.ts\";\n\nconst gear: Example = {\n id: \"gear\",\n icon: \"⚙️\",\n name: \"Herringbone Gear\",\n desc: \"Mechanical test piece with fine teeth\",\n size: \"60 × 60 × 20 mm\",\n time: \"~25 min\",\n generatorBody: `\n const R = 28, r = 22, T = 20, H = 20;\n const s = new THREE.Shape();\n for (let i = 0; i < T; i++) {\n const a1 = (i / T) * Math.PI * 2;\n const a2 = ((i + 0.25) / T) * Math.PI * 2;\n const a3 = ((i + 0.5) / T) * Math.PI * 2;\n const a4 = ((i + 0.75) / T) * Math.PI * 2;\n if (!i) s.moveTo(Math.cos(a1) * r, Math.sin(a1) * r);\n else s.lineTo(Math.cos(a1) * r, Math.sin(a1) * r);\n s.lineTo(Math.cos(a2) * R, Math.sin(a2) * R);\n s.lineTo(Math.cos(a3) * R, Math.sin(a3) * R);\n s.lineTo(Math.cos(a4) * r, Math.sin(a4) * r);\n }\n s.closePath();\n const hole = new THREE.Path();\n for (let i = 0; i <= 32; i++) {\n const a = (i / 32) * Math.PI * 2;\n if (!i) hole.moveTo(Math.cos(a) * 8, Math.sin(a) * 8);\n else hole.lineTo(Math.cos(a) * 8, Math.sin(a) * 8);\n }\n s.holes.push(hole);\n const g = new THREE.ExtrudeGeometry(s, { depth: H, bevelEnabled: false });\n g.rotateX(-Math.PI / 2);\n return g;\n `,\n};\n\nexport default gear;\n",[],[176,261],"3af773da-035c-11f1-bb73-42dde27851f2","duck.ts","3af774ac-035c-11f1-bb73-42dde27851f2",93,["D",1770383008628],"import type { Example } from \"./types.ts\";\n\nconst duck: Example = {\n id: \"duck\",\n icon: \"🦆\",\n name: \"Rubber Duck\",\n desc: \"A cute little rubber duck — quack!\",\n size: \"50 × 40 × 45 mm\",\n time: \"~40 min\",\n generatorBody: `\n const geos = [];\n\n // --- Body (squished sphere) ---\n const body = new THREE.SphereGeometry(20, 32, 24);\n body.scale(1.1, 0.85, 1.0);\n body.translate(0, 14, 0);\n geos.push(body);\n\n // --- Head (smaller sphere, tilted forward) ---\n const head = new THREE.SphereGeometry(12, 32, 24);\n head.translate(0, 34, 10);\n geos.push(head);\n\n // --- Beak (cone pointing forward) ---\n const beak = new THREE.ConeGeometry(4, 10, 16);\n beak.rotateX(Math.PI / 2);\n beak.translate(0, 32, 24);\n geos.push(beak);\n\n // --- Eyes (little bumps) ---\n for (let side = -1; side <= 1; side += 2) {\n const eye = new THREE.SphereGeometry(2.2, 12, 12);\n eye.translate(side * 7, 38, 15);\n geos.push(eye);\n }\n\n // --- Flat bottom so it sits nicely ---\n const base = makeCyl(14, 3, 32, 0, 1.5, 0);\n geos.push(base);\n\n // --- Tail (little upward nub) ---\n const tail = new THREE.SphereGeometry(5, 12, 12);\n tail.scale(0.6, 1.2, 0.8);\n tail.translate(0, 22, -20);\n geos.push(tail);\n\n // --- Wings (flattened spheres on each side) ---\n for (let side = -1; side <= 1; side += 2) {\n const wing = new THREE.SphereGeometry(8, 16, 12);\n wing.scale(0.35, 0.7, 1.0);\n wing.rotateZ(side * 0.3);\n wing.translate(side * 18, 16, -2);\n geos.push(wing);\n }\n\n return mergeGeos(geos);\n `,\n};\n\nexport default duck;\n",[],[176,269],"57b6b356-030b-11f1-ba69-42dde27851f2","castle.ts","57b6b43c-030b-11f1-ba69-42dde27851f2",79,["D",1770348267623],"import type { Example } from \"./types.ts\";\n\nconst castle: Example = {\n id: \"castle\",\n icon: \"🏰\",\n name: \"Mini Castle\",\n desc: \"Tabletop terrain with turrets & walls\",\n size: \"100 × 100 × 80 mm\",\n time: \"~3 hrs\",\n generatorBody: `\n const p = [makeBox(100, 40, 100, 0, 20, 0)];\n for (const [tx, tz] of [[-42,-42],[42,-42],[-42,42],[42,42]]) {\n p.push(makeCyl(10, 60, 12, tx, 30, tz));\n p.push(makeCone(14, 20, 12, tx, 70, tz));\n }\n p.push(makeBox(20, 30, 8, 0, 15, 54));\n p.push(makeBox(30, 60, 30, 0, 30, 0));\n p.push(makeCone(22, 25, 8, 0, 72, 0));\n for (let i = -40; i <= 40; i += 12) {\n p.push(makeBox(6, 8, 6, i, 44, -47));\n p.push(makeBox(6, 8, 6, i, 44, 47));\n p.push(makeBox(6, 8, 6, -47, 44, i));\n p.push(makeBox(6, 8, 6, 47, 44, i));\n }\n return mergeGeos(p);\n `,\n};\n\nexport default castle;\n",[],[176,277],"ebf61bc6-04a8-11f1-a7e9-42dde27851f2","bottleSleeveV2.ts","ebf61c8e-04a8-11f1-a7e9-42dde27851f2",104,["D",1770525898490],"import type { Example } from \"./types.ts\";\n\nconst bottleSleeveV2: Example = {\n id: \"bottleSleeveV2\",\n icon: \"🫙\",\n name: \"Bottle Sleeve v2\",\n desc: \"Snug sleeve for a standard 500ml bottle — inward-curving base, 1.2mm walls\",\n size: \"68 × 68 × 155 mm\",\n time: \"~1.5 hrs\",\n generatorBody: `\n // Bottle Sleeve v2 — accurate to standard 500ml PET water bottle\n // Body dia: 64mm, height: ~200mm, cap dia: ~30mm, neck: ~25mm\n // Wall: 1.2mm (3 perimeters on 0.4mm nozzle — thinnest practical)\n // Clearance: ~1.5mm radial gap so it slides on easily\n //\n // Profile: bottom curves inward (like it almost has a bottom)\n // but inner opening is still > 64mm so bottle drops through.\n // Then straight body, shoulder taper, open mouth at top.\n\n const wall = 1.2;\n const bottleR = 32; // bottle body radius (64mm dia)\n const clearance = 1.5; // radial gap for easy slide-on\n const innerR = bottleR + clearance; // 33.5mm inner radius\n const outerR = innerR + wall; // 34.7mm outer radius\n\n // Bottle neck/cap zone\n const capR = 15; // cap radius (~30mm dia)\n const neckInnerR = capR + clearance; // 16.5mm\n const neckOuterR = neckInnerR + wall; // 17.7mm\n\n // Heights\n const straightH = 85; // straight body section\n const shoulderH = 50; // taper from body to neck\n const neckH = 15; // short straight neck section at top\n const totalH = straightH + shoulderH + neckH; // 150mm\n\n // Bottom inward curve params\n const curlDepth = 8; // how far the lip curls inward\n const curlH = 12; // height of the curl zone\n // The curl narrows the bottom opening but keeps inner dia > 64mm\n // Narrowest inner point at curl: innerR - curlDepth + wall ≈ 26.7mm\n // But we need to keep the HOLE wide enough — the curl is on the outer\n // shell only, creating the illusion of a base\n\n const pts = [];\n const segs = 64; // smooth lathe\n\n // ── OUTER WALL (bottom to top) ──\n\n // Bottom curl: outer wall curves inward then back out\n // Start at the bottom lip (curled inward)\n const curlInnerR = outerR - curlDepth; // ~26.7mm — this is just the outer wall curling\n pts.push(new THREE.Vector2(curlInnerR, 0)); // bottom-most point (curled in)\n // Smooth curve from curl up to full outer radius\n const curlSteps = 10;\n for (let i = 1; i <= curlSteps; i++) {\n const t = i / curlSteps;\n // Sinusoidal ease for smooth curl\n const ease = Math.sin(t * Math.PI / 2);\n const r = curlInnerR + (outerR - curlInnerR) * ease;\n const y = t * curlH;\n pts.push(new THREE.Vector2(r, y));\n }\n\n // Straight body section\n pts.push(new THREE.Vector2(outerR, straightH));\n\n // Shoulder taper — smooth S-curve from body to neck\n const taperSteps = 24;\n for (let i = 1; i <= taperSteps; i++) {\n const t = i / taperSteps;\n const ease = t * t * (3 - 2 * t); // smoothstep\n const r = outerR - (outerR - neckOuterR) * ease;\n const y = straightH + t * shoulderH;\n pts.push(new THREE.Vector2(r, y));\n }\n\n // Neck straight section\n pts.push(new THREE.Vector2(neckOuterR, straightH + shoulderH + neckH));\n\n // Small lip at top for a finished edge\n const lipR = 1.0;\n pts.push(new THREE.Vector2(neckOuterR + lipR, totalH + 1.5));\n pts.push(new THREE.Vector2(neckOuterR + lipR * 0.5, totalH + 3));\n\n // ── INNER WALL (top to bottom) ──\n\n // Inner lip at top\n pts.push(new THREE.Vector2(neckInnerR + lipR * 0.5, totalH + 3));\n pts.push(new THREE.Vector2(neckInnerR, totalH + 1.5));\n\n // Inner neck\n pts.push(new THREE.Vector2(neckInnerR, straightH + shoulderH));\n\n // Inner shoulder taper (reverse)\n for (let i = taperSteps; i >= 1; i--) {\n const t = i / taperSteps;\n const ease = t * t * (3 - 2 * t);\n const r = innerR - (innerR - neckInnerR) * ease;\n const y = straightH + t * shoulderH;\n pts.push(new THREE.Vector2(r, y));\n }\n\n // Inner straight body\n pts.push(new THREE.Vector2(innerR, curlH));\n\n // Inner bottom curl — mirrors outer but offset by wall thickness\n const innerCurlR = curlInnerR + wall; // keep wall thickness through curl\n for (let i = curlSteps; i >= 1; i--) {\n const t = i / curlSteps;\n const ease = Math.sin(t * Math.PI / 2);\n const r = innerCurlR + (innerR - innerCurlR) * ease;\n const y = t * curlH;\n pts.push(new THREE.Vector2(r, y));\n }\n pts.push(new THREE.Vector2(innerCurlR, 0)); // close at bottom\n\n return new THREE.LatheGeometry(pts, segs);\n `,\n};\n\nexport default bottleSleeveV2;\n",[],[176,285],"548312f8-04a8-11f1-b56c-42dde27851f2","bottleSleeve.ts","5483138e-04a8-11f1-b56c-42dde27851f2",102,["D",1770525644378],"import type { Example } from \"./types.ts\";\n\nconst bottleSleeve: Example = {\n id: \"bottleSleeve\",\n icon: \"🧴\",\n name: \"Bottle Sleeve\",\n desc: \"Drop-over sleeve for a 500ml plastic water bottle — open top & bottom\",\n size: \"70 × 70 × 140 mm\",\n time: \"~2 hrs\",\n generatorBody: `\n // Water bottle sleeve — open bottom, tapers up, open mouth at top\n // Fits standard 500ml bottle (~65mm body, ~28mm cap)\n // Wall thickness ~2mm, profile traced as cross-section for LatheGeometry\n\n const wall = 2;\n const bodyR = 34; // outer radius at bottom (68mm dia)\n const mouthR = 17; // outer radius at top opening (34mm dia, fits over cap area)\n const straightH = 80; // straight body section height\n const taperH = 55; // taper section height\n const totalH = straightH + taperH; // 135mm total\n const lipH = 5; // small rolled lip at top\n\n const pts = [];\n\n // Trace outer wall bottom-to-top, then inner wall top-to-bottom\n // OUTER wall (bottom up)\n // Small foot flare at very bottom\n pts.push(new THREE.Vector2(bodyR + 1, 0));\n pts.push(new THREE.Vector2(bodyR, 3));\n\n // Straight body section\n pts.push(new THREE.Vector2(bodyR, straightH));\n\n // Taper section — gentle curve up to mouth\n const taperSteps = 20;\n for (let i = 1; i <= taperSteps; i++) {\n const t = i / taperSteps;\n // Ease-in curve for natural taper\n const ease = t * t * (3 - 2 * t);\n const r = bodyR - (bodyR - mouthR) * ease;\n const y = straightH + t * taperH;\n pts.push(new THREE.Vector2(r, y));\n }\n\n // Lip at top (small outward roll)\n pts.push(new THREE.Vector2(mouthR + 1.5, totalH + lipH * 0.5));\n pts.push(new THREE.Vector2(mouthR + 1, totalH + lipH));\n\n // INNER wall (top down)\n pts.push(new THREE.Vector2(mouthR + 1 - wall, totalH + lipH));\n pts.push(new THREE.Vector2(mouthR - wall + 1, totalH + lipH * 0.5));\n\n // Inner taper (reverse)\n for (let i = taperSteps; i >= 1; i--) {\n const t = i / taperSteps;\n const ease = t * t * (3 - 2 * t);\n const r = (bodyR - wall) - ((bodyR - wall) - (mouthR - wall)) * ease;\n const y = straightH + t * taperH;\n pts.push(new THREE.Vector2(r, y));\n }\n\n // Inner straight section\n pts.push(new THREE.Vector2(bodyR - wall, straightH));\n pts.push(new THREE.Vector2(bodyR - wall, 3));\n pts.push(new THREE.Vector2(bodyR + 1 - wall, 0));\n\n return new THREE.LatheGeometry(pts, 48);\n `,\n};\n\nexport default bottleSleeve;\n",[],[176,293],"63f0e3fe-04f9-11f1-bce3-42dde27851f2","bottleManifold.ts","b1f5ea0e-04f4-11f1-b824-42dde27851f2",111,["D",1770560459518],4,"import type { Example } from \"./types.ts\";\n\nconst bottleManifold: Example = {\n id: \"bottleManifold\",\n icon: \"🔀\",\n name: \"Bottle Manifold\",\n desc: \"Hub connecting 3 bottle ports (PCO 1881 neck) to an open pour mouth\",\n size: \"110 × 110 × 65 mm\",\n time: \"~3 hrs\",\n generatorBody: `\n // Bottle Manifold — 3 threaded bottle ports + open top mouth\n // Bottle neck PCO 1881: ~27mm OD, so female port ~29mm ID\n // Ports angled 30° below horizontal, 120° apart\n // Central hub connects everything, open pour spout on top\n\n const geos = [];\n\n // ── CENTRAL HUB ──\n const hubR = 28, hubCY = 24;\n // Sphere with top cut off so mouth connects to interior\n // thetaStart=0.35 skips the top cap, leaving an opening\n const hub = new THREE.SphereGeometry(hubR, 48, 32, 0, Math.PI * 2, 0.35, Math.PI - 0.35);\n hub.scale(1.0, 0.75, 1.0);\n hub.translate(0, hubCY, 0);\n geos.push(hub);\n\n // Flat base — small enough to avoid clipping the angled ports\n const basePlate = new THREE.CylinderGeometry(18, 22, 5, 48);\n basePlate.translate(0, 2.5, 0);\n geos.push(basePlate);\n\n // Decorative ring around hub equator\n const eqRing = new THREE.TorusGeometry(hubR + 1, 1.5, 10, 48);\n eqRing.rotateX(Math.PI / 2);\n eqRing.translate(0, hubCY, 0);\n geos.push(eqRing);\n\n // ── TOP MOUTH (open pour spout) ──\n const mouthR = 17, mouthWall = 3.5, mouthH = 24;\n const mouthY = hubCY + hubR * 0.5;\n\n // Collar cylinder\n const collar = new THREE.CylinderGeometry(\n mouthR + mouthWall, mouthR + mouthWall + 1, mouthH, 36, 1, true\n );\n collar.translate(0, mouthY + mouthH / 2, 0);\n geos.push(collar);\n\n // Rolled lip at top\n const lip = new THREE.TorusGeometry(mouthR + mouthWall, 2.5, 12, 36);\n lip.rotateX(Math.PI / 2);\n lip.translate(0, mouthY + mouthH, 0);\n geos.push(lip);\n\n // Inner ring (visual indication of opening)\n const innerRing = new THREE.TorusGeometry(mouthR, 1.2, 8, 36);\n innerRing.rotateX(Math.PI / 2);\n innerRing.translate(0, mouthY + mouthH - 0.5, 0);\n geos.push(innerRing);\n\n // ── 3 BOTTLE PORTS ──\n // Port inner dia ~29mm to accept standard bottle neck (~27mm OD)\n const portR = 14.5;\n const portLen = 34;\n\n // Tilt: rotateZ(-120°) gives axis direction (0.87, -0.5, 0)\n // = 30° below horizontal\n const tiltZ = -2 * Math.PI / 3;\n\n // Compute translation so inner end overlaps into hub\n // After rotateZ(tiltZ), inner end at (-0.433*L, 0.25*L, 0)\n const sinA = Math.sin(2 * Math.PI / 3); // 0.866\n const cosA = Math.cos(2 * Math.PI / 3); // -0.5\n const innerRawX = cosA * (-portLen / 2) * 0 - (-portLen / 2) * (-sinA);\n // Simpler: after rotateZ(-120°), point (0, -L/2, 0) maps to:\n // x = L/2 * sin(-120°) = -L/2 * sin(120°) = -0.433*L\n // y = -L/2 * cos(-120°) = -L/2 * (-0.5) = 0.25*L\n const halfL = portLen / 2;\n const iex = -0.433 * portLen; // inner end X after rotation\n const iey = 0.25 * portLen; // inner end Y after rotation\n const tx = hubR * 0.35 - iex; // target inner end inside hub\n const ty = hubCY - iey;\n\n // Build one port set (tube + thread ridges + rim + fillet)\n // then clone & spin for each of 3 positions\n function buildPort() {\n const parts = [];\n\n // Main tube (slight taper: wider at opening end)\n const tube = new THREE.CylinderGeometry(portR, portR + 0.5, portLen, 24, 1, true);\n tube.rotateZ(tiltZ);\n tube.translate(tx, ty, 0);\n parts.push(tube);\n\n // Thread ridges — 4 rings along outer half of port\n for (let j = 0; j < 4; j++) {\n const d = portLen * 0.32 + j * 4.5;\n const ridge = new THREE.TorusGeometry(portR - 1.5, 0.9, 8, 24);\n ridge.rotateX(Math.PI / 2);\n ridge.translate(0, -halfL + d, 0);\n ridge.rotateZ(tiltZ);\n ridge.translate(tx, ty, 0);\n parts.push(ridge);\n }\n\n // Flared rim at port opening\n const rim = new THREE.TorusGeometry(portR + 2.5, 2, 12, 24);\n rim.rotateX(Math.PI / 2);\n rim.translate(0, halfL, 0);\n rim.rotateZ(tiltZ);\n rim.translate(tx, ty, 0);\n parts.push(rim);\n\n // Reinforcement fillet where port meets hub\n const fillet = new THREE.TorusGeometry(portR + 5, 3.5, 12, 24);\n fillet.rotateX(Math.PI / 2);\n fillet.translate(0, -halfL + 3, 0);\n fillet.rotateZ(tiltZ);\n fillet.translate(tx, ty, 0);\n parts.push(fillet);\n\n return parts;\n }\n\n const portParts = buildPort();\n for (let i = 0; i < 3; i++) {\n const az = i * 2 * Math.PI / 3;\n for (const g of portParts) {\n const p = g.clone();\n p.rotateY(az);\n geos.push(p);\n }\n }\n\n return mergeGeos(geos);\n `,\n};\n\nexport default bottleManifold;\n",[],[176,301],["D",1770348222247],[192,193,194,195,196,197,198,199,200,201],[176],["D",1770344176025],{"_11":12,"_89":85},{"_11":12,"_82":83,"_84":85,"_45":46,"_86":87,"_88":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_77":-5,"_78":-5,"_79":-5,"_80":14,"_81":12},"ctx",{"_70":-5,"_111":349,"_350":351,"_352":353,"_354":38,"_355":38,"_356":38,"_357":50,"_358":-5,"_359":-7,"_360":-7,"_361":54,"_362":38,"_363":38,"_364":-5,"_365":38,"_366":38,"_367":38,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":26,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Model Analysis

◆ STL VIEWER

Branches1

Branches
1