Create inceractive SVG models for lasercutting.
Similar to OpenSCAD's customizer, but more flexible on the UI side (in my totally unbiased opinion :) ).
Currently, it's probably easiest to look at the catapult example and adapt it. See index.html, js/catapult.js and js/catapult.css.
To handle the different aspects of your interactive SVG model, SVG Builder offers these ES6 modules:
svgbuilder.js-- (re)creating your parametrized SVG design (Drawablebase class,PathDhelper class and other helpers)ui.js-- Handle parameter I/O and model downloadqrhandler.js-- QR Code creation and scanning- (
jsloader.js-- Just a helper for loading libraries that are not ES6 modules)
All help and support is welcome. :)
For example:
- Show how you are using it
- Create an Issue if you found a bug or have an improvement idea
- Take on one of the existing issues
- Generally improve usability
- Improve documentation
License of catapult design: Creative Commons - Attribution - Non-Commercial. License of source code: MIT License (2023 by Andreas Schuderer).
Catapult design based on this educational Tension Catapult by Thingiverse user mfalk (CC BY-NC 4.0) and its no-glue derivative by SimpleAsWar (CC BY 4.0).
Uses the libraries Paper.js for boolean operations, QRCode.js for generating QR Codes and QR Scanner for scanning them.