base on A web-based 3D CAD application for online model design and editing # Chili3D A web-based 3D CAD application for online model design and editing.  ## Overview [Chili3D](https://chili3d.com) is an [open-source](https://github.com/xiangechen/chili3d), browser-based 3D CAD (Computer-Aided Design) application built with TypeScript. It achieves near-native performance by compiling OpenCascade (OCCT) to WebAssembly and integrating with Three.js, enabling powerful online modeling, editing, and rendering—all without the need for local installation. You can access Chili3D online at: - Official website: [chili3d.com](https://chili3d.com) - Cloudflare deployment: [chili3d.pages.dev](https://chili3d.pages.dev) ## Features ### Modeling Tools - **Basic Shapes**: Create boxes, cylinders, cones, spheres, pyramids, and more - **2D Sketching**: Draw lines, arcs, circles, ellipses, rectangles, polygons, and Bezier curves - **Advanced Operations**: - Boolean operations (union, difference, intersection) - Extrusion and revolution - Sweeping and lofting - Offset surfaces - Section creation ### Snapping and Tracking - **Object Snapping**: Precisely snap to geometric features (points, edges, faces) - **Workplane Snapping**: Snap to the current workplane for accurate planar operations - **Axis Tracking**: Create objects along tracked axes for precise alignment - **Feature Point Detection**: Automatically detect and snap to key geometric features - **Tracking Visualization**: Visual guides showing tracking lines and reference points ### Editing Tools - **Modification**: Chamfer, fillet, trim, break, split - **Transformation**: Move, rotate, mirror - **Advanced Editing**: - Feature removal - Sub-shape manipulation - Explode compound objects ### Measurement Tools - Measure angles and lengths - Calculate the sum of length, area, and volume ### Document Management - Create, open, and save documents - Full undo/redo stack with transaction history - Import/export of industry-standard formats (STEP, IGES, BREP) ### User Interface - Office-style interface with contextual command organization - Hierarchical assembly management with flexible grouping capabilities - Dynamic workplane support - 3D viewport with camera controls - Camera position recall ### Localization - **Multi-Language Interface**: Built-in internationalization (i18n) supporting seamless adaptation to global user bases - **Current Languages**: Chinese & English; contributions for additional languages are welcome ## Technology Stack - **Frontend**: TypeScript, Three.js - **3D Engine**: OpenCascade (via WebAssembly) - **Build Tools**: Rspack - **Testing**: Jest ## Change Log You can view the full change log [here](https://github.com/xiangechen/chili3d/releases). For Chinese users, you can also browse the [media](https://space.bilibili.com/539380032/lists/3108412?type=season). ## Getting Started ### Prerequisites - Node.js - npm ### Installation 1. Clone the repository ```bash git clone https://github.com/xiangechen/chili3d.git cd chili3d ``` 2. Install dependencies ```bash npm install ``` ### Development Start the development server: ```bash npm run dev # Launches at http://localhost:8080 ``` ### Building Build the application: ```bash npm run build ``` ### Building wasm if you want to build wasm by yourself, you can use the following commands: 1. Set up WebAssembly dependencies(if you have not installed them yet) ```bash npm run setup:wasm ``` 2. Build the WebAssembly module: ```bash npm run build:wasm ``` ## Development Status ⚠️ **Early Development Notice** Chili3D is currently in active alpha development. Key considerations: - Core APIs may undergo breaking changes - Essential features are under implementation - Documentation is being progressively developed ## Contributing We welcome contributions in the form of code, bug reports, or feedback. Please feel free to submit pull requests or open issues. ## Contact - **Discussions**: Join our [GitHub discussions](https://github.com/xiangechen/chili3d/discussions) for general chat or questions - **Issues**: Use [GitHub issues](https://github.com/xiangechen/chili3d/issues) to report public suggestions or bugs - **Email**: Contact us privately at [email protected] ## License Distributed under the GNU Affero General Public License v3.0 (AGPL-3.0). For commercial licensing options, contact [email protected] Full license details: [LICENSE](LICENSE) ", Assign "at most 3 tags" to the expected json: {"id":"14014","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"