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:

yarn dev

Open http://localhost:3000 with your browser to see the result.

CAD Usage

Screen.Recording.2022-12-25.at.22.43.50.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