IdeaWell

Project ideas from Hacker News discussions.

Curvature Beziers – Improving on a timeless recipe

Original Article

Hacker News Discussion

📝 Discussion Summary (Click to expand)

Theme 1 – Personal vector/font editor projects with smooth curvature

“I’ve been building a vector editor that by default draws shapes with smooth curvature and shows the comb.” – adamschwartz
“Both are free static web apps that use local storage and have import/export capability for SVG files (and OTF files for the font editor).” – adamschwartz

Theme 2 – Appreciation of Bézier‑curve theory and learning resources

“Feel I should also call out Freyr’s videos for anyone who has missed them - continuity of splines and the beauty of Bézier curves.” – gadgetoid

Theme 3 – Community inspiration and iterative improvement

“Well that’s wild because I had a disagreement with beziers recently and did a similar thing! albeit with more madness and less polish.” – gadgetoid

🚀 Project Ideas

Generating project ideas…

Vector & Font Studio – Unified Curvature‑First Editor

Summary

  • A single web app that combines vector illustration and font design, defaulting to smooth curvature with an on‑canvas curvature comb.
  • Solves the fragmented workflow of switching between separate vector and font editors, providing a seamless design‑to‑font pipeline.

Details

Key Value
Target Audience UI/UX designers, type designers, illustrators who need both vector graphics and custom fonts
Core Feature Curvature‑comb vector editor with curve point type, asdf‑style keyboard navigation, reference‑image snap, and built‑in font glyph editor
Tech Stack React + TypeScript, Zustand/Yjs for state & CRDT collaboration, Canvas2D/WebGL for drawing, IndexedDB/localStorage for persistence, opentype.js/fonttools.js for OTF/TTF export
Difficulty Medium‑High
Monetization Revenue-ready: Subscription $12/mo per team

Notes

  • Quote from adamschwartz: “I’ve been building a vector editor that by default draws shapes with smooth curvature and shows the comb… Both are free static web apps…” – this merges those ideas into one polished tool.
  • Quote from gadgetoid: “…driven by the a/s/d/f keys with find edges snap to reference images and curve fitting to construction geometry.” – our editor incorporates those exact interactions.
  • Potential for discussion: open‑source core with plugin system for custom curvature algorithms; HN showcase of a design‑to‑font workflow that many commenters have built separately.

Bézier Curvature Playground – Interactive Learning & Code Export

Summary

  • Interactive Bézier curvature visualizer that shows curvature comb, continuity (G0/G1/G2), and lets users manipulate points via mouse or asdf‑style keys.
  • Addresses the difficulty designers have in understanding and tweaking curvature for smooth shapes and fonts.

Details

Key Value
Target Audience Design educators, motion graphics artists, frontend developers learning Bézier curves
Core Feature Real‑time curvature comb display, editable Bézier segments with keyboard snapping, continuity indicators, code export (SVG path, CSS cubic‑bezier, Canvas path)
Tech Stack Svelte (or Vue) + TypeScript, D3.js for math visualization, Canvas for drawing, localStorage for saving sketches
Difficulty Low‑Medium
Monetization Hobby

Notes

  • Quote from adamschwartz: mentions showing the comb; gadgetoid likes asdf keys – this tool gives both.
  • Quote: Freyr’s videos on continuity of splines and beauty of Bézier curves – our tool lets users experiment with those concepts directly.
  • Potential for discussion: embeddable widget for blog posts or tutorials; could be featured on HN as a learning aid that bridges theory and practice.

SnapTrace – Reference‑Image Vector Tracer with Curve Fitting

Summary

  • SnapTrace: a web‑based tracer that lets users import a reference image, snap points to edges via magnetic snapping, and automatically fit Bézier curves with curvature‑comb feedback.
  • Solves the pain of manually tracing sketches or screenshots to create clean vector icons or glyphs.

Details

Key Value
Target Audience Icon designers, UI engineers, hobbyists who need to turn sketches or screenshots into vector assets
Core Feature Reference image import, edge detection + magnetic snapping, interactive Bézier fitting with real‑time curvature comb, export to SVG/OTF
Tech Stack React + TypeScript, OpenCV.js (or TensorFlow.js) for edge detection, Canvas for interaction, localStorage/Yjs for optional collaboration, opentype.js for font export
Difficulty Medium
Monetization Revenue-ready: Pay‑per‑export $0.10 per SVG or subscription $8/mo for unlimited

Notes

  • Quote from gadgetoid: “find edges snap to reference images and curve fitting to construction geometry.” – SnapTrace directly implements that.
  • Quote from adamschwartz: his font editor could use SnapTrace to create glyphs from hand‑drawn sketches.
  • Potential for discussion: open‑source core algorithm for curve fitting could be extended to variable font generation; HN would appreciate a tool that bridges raster and vector workflows.

Read Later