2026-05-12·BUILD
Three.js · ExtrudeGeometry aus 14 SVG-Pfaden.
Wie man den KREATIKA-Glyph (14 cubic-bezier Pfade) in eine ExtrudeGeometry für Three.js übersetzt — ohne SVGLoader.
// reading · 3 min← Notizbuch · Index
Der KREATIKA-Glyph besteht aus 14 SVG-Pfaden, alle mit Move-, Line- und Cubic-Bezier-Kommandos. Three.js hat einen SVGLoader, der das könnte — aber er ist groß, hängt am DOM und parst Dinge, die ich nicht brauche.
Statt SVGLoader: ein 40-Zeilen-Parser, der M/L/H/V/C/Z direkt in eine THREE.Path schreibt. Für jede Subpath ein eigenes Shape, alle Shapes in eine ExtrudeGeometry — mit Bevel, depth 8, und einer kleinen Skalierung, damit der Glyph in den Frustum passt.
Performance: 14 Shapes × Extrude = eine Geometry, eine Draw-Call. Bei 60 fps belastbar.
TagsThree.jsGLSLKREATIKA-Logo