Pascal EditorTranslation site

What is Pascal Editor?

Pascal Editor is an open source 3D architectural editor based on web technologies that allows users to create and edit 3D architectural models directly in the browser. It utilizes a modern technology stack, including React Three Fiber, WebGPU, and Turborepo, and is designed to deliver a high-performance 3D interactive experience.Pascal Editor is designed with the goal of lowering the barriers to 3D architectural design and making it easy for more people to design buildings.

The development team of Pascal Editor consists of a group of developers who are passionate about web technologies and 3D graphics. The core developer, Claude, is active on GitHub and has launched several open source projects. In addition, the development team receives contributions and support from the community to continuously improve and innovate the project.

Main Features of Pascal Editor

1. 3D Building Modeling::
   • Users can create walls, floors, roofs, zones, and place items such as doors, windows, and furniture in the browser.
   • Supports dragging and stretching of buildings for flexible spatial layout adjustment.
2. Real-time geometry generation::
   • A system-driven geometry generation is used to update only the parts that have changed (dirty nodes) to optimize performance.
   • Supports advanced functions such as automatic corner cutting for walls and automatic opening for doors and windows.
3. Intelligent Status Management::
   • Use Zustand to manage scene state and support persistence to IndexedDB.
   • Provides a 50-step undo/redo history for easy design iteration.
4. Rich model library::
   • More than 150 high-quality 3D models are built-in, covering a wide range of categories such as furniture, appliances, kitchens, bathrooms and outdoors.
   • Users can select and add to the scene directly from the model library to improve design efficiency.
5. Multi-view viewing and editing::
   • Supports free camera control, preset viewpoints (top, side, perspective), and floor unfolding/stacking modes.
   • New 2D editing feature enables seamless linkage of 2D and 3D to enhance the design experience.
6. export function::
   • Supports export of 3D models (GLB format), generation of thumbnails and export of scene data (JSON).
   • Facilitates users to collaborate or share designs with other design tools.

Scenarios for using the Pascal Editor

1. interior design::
   • Interior designers can use Pascal Editor to create professional 3D visualizations for their clients.
   • Quickly create multiple design solutions, adjust them in real time and present them to your customers to improve customer satisfaction.
2. Real Estate Development::
   • Real estate developers can use Pascal Editor to showcase floor plans and show flats.
   • Create interactive virtual model rooms that allow customers to experience floor plans online and reduce the cost of physical model rooms.
3. architectural education::
   • An ideal tool for teaching and learning, Pascal Editor offers zero-cost teaching software.
   • Students can practice architectural design at home, quickly iterate on design ideas, and develop spatial thinking skills.
4. personal plan::
   • Regular users can use Pascal Editor to plan their home layout in advance and test different furniture layout options.
   • Optimize the use of space, visualize the final result, and share the design with your family.

How to use Pascal Editor?

1. Online Experience::
   • Users can directly visit the official website of Pascal Editor (https://editor.pascal.app), there is no need to download any software, start designing immediately in your browser.
2. local deployment::
   • For developers, there is the option of deploying Pascal Editor locally for secondary development or custom feature extensions.
   • The deployment steps are as follows:
     • Cloning Warehouse:git clone https://github.com/pascalorg/editor.git
     • Installation dependencies: use the bun install maybe yarn install
     • Start the development server: run it from the root directory bun dev maybe yarn dev
     • interviews http://localhost:3001 start designing
3. basic operation::
   • Users can select homes, box areas and adjust the spatial layout in real time with simple mouse operations.
   • Use the left menu bar for real-time data display and editing, and change parameters such as the length, width and height of the building by dragging and dropping the value bar.
   • Use the various tools in the toolbar to draw walls, add doors and windows, and create floors.