https://github.com/baues/building-editor-2d

imple 2D CAD wrapped in p5js. It implements command input, layers, and classes for handling shapes, just like CAD software.
https://github.com/baues/building-editor-2d

nextjs react

Last synced: 10 months ago
JSON representation

imple 2D CAD wrapped in p5js. It implements command input, layers, and classes for handling shapes, just like CAD software.

• Host: GitHub
• URL: https://github.com/baues/building-editor-2d
• Owner: baues
• License: mit
• Created: 2022-11-12T13:11:18.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-13T14:15:46.000Z (about 3 years ago)
• Last Synced: 2025-04-22T20:07:57.515Z (about 1 year ago)
• Topics: nextjs, react
• Language: TypeScript
• Homepage: https://building-editor-2d-baues.vercel.app/
• Size: 569 KB
• Stars: 27
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Building Editor 2d

Simple 2D CAD wrapped in p5js.  

It implements command input, layers, and classes for handling shapes, just like CAD software.

The main processing as CAD is in the `/src` directory.

Other directories are Next.js related files.

## Getting Started

First, run the development server:

```bash

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## CAD Usage

https://user-images.githubusercontent.com/23289252/209470343-e5917129-d843-439b-a71f-f81eed050bd4.mov

## Feature

- CAD UI Feature

  - Select Geometry

  - Delete Geometry

  - Add rectangle

  - Zoom Extend All

  - Snap

    - End point

    - Middle

    - Near

    - Grid

    - Angle

  - scale bar

  - Layer

    - Visible

    - Lock

    - Layer color select

    - Active

    - Add & Delete

  - Pan

  - Zoom

- Geometry

  - Line

  - Point

  - Polyline

  - Rectangle

  - Vector