# editor | Pascal | Knowledge Base | Instagit

Create and share 3D architectural projects.

GitHub Stars: 6.2k

Repository: https://github.com/pascalorg/editor

---

## Articles

### [How to Register Node Renderers with the Pascal Editor Scene Registry](/pascalorg/editor/registering-node-renderers-pascal-editor-scene-registry)

Learn to register node renderers with the Pascal Editor scene registry using the useRegistry hook for fast lookups and automatic cleanup. Optimize your editor's performance.

- Tags: how-to-guide
- Published: 2026-03-25

### [Accessing State Outside React Components with Zustand in Pascal Editor](/pascalorg/editor/accessing-state-outside-react-components-zustand-pascal-editor)

Learn how to access Zustand state outside React components in Pascal Editor. Use `useScene.getState()` to read or mutate scene state from any JavaScript module.

- Tags: how-to-guide
- Published: 2026-03-25

### [Setting Up Turborepo Build and Watch Workflow for Pascal Editor: Complete Monorepo Guide](/pascalorg/editor/setting-up-turborepo-build-watch-workflow-pascal-editor)

Master Turborepo build and watch for Pascal Editor. Automatically rebuild core & viewer, then hot-reload your Next.js editor on every file change without cached artifacts.

- Tags: how-to-guide
- Published: 2026-03-25

### [Pascal Editor Collection System: Organizing and Grouping Nodes in 3D Scenes](/pascalorg/editor/pascal-editor-collection-system-organizing-grouping-nodes)

Organize and group 3D scene nodes in Pascal Editor using its lightweight collection system. Efficiently manage nodes with user-defined labels and a synchronized global store.

- Tags: internals
- Published: 2026-03-25

### [Pascal Editor Roof Geometry Generation with Segments: A Technical Deep Dive](/pascalorg/editor/pascal-editor-roof-geometry-generation-segments)

Explore how Pascal Editor generates roof geometry using independent RoofSegmentNode objects and Constructive Solid Geometry CSG operations for efficient rendering.

- Tags: deep-dive
- Published: 2026-03-25

### [Integrating 3D Scans and Guide Images into Pascal Editor Scenes: Complete Workflow Guide](/pascalorg/editor/integrating-3d-scans-guide-images-pascal-editor-scenes)

Learn the complete workflow for integrating 3D scans and guide images into Pascal Editor scenes. Discover how a three-layer architecture handles GLTF models and image planes in the 3D canvas.

- Tags: how-to-guide
- Published: 2026-03-25

### [Pascal Editor Zones for Visibility Control Based on Level Mode: A Technical Deep Dive](/pascalorg/editor/pascal-editor-zones-visibility-control-level-mode)

Learn how Pascal Editor zones control visibility based on level mode. Explore the reactive system for dynamic zone and label display in this technical deep dive.

- Tags: deep-dive
- Published: 2026-03-25

### [Item Placement with Wall and Floor Validation in Pascal Editor](/pascalorg/editor/item-placement-wall-floor-validation-pascal-editor)

Pascal Editor ensures flawless item placement with real-time wall and floor validation using distinct spatial grids. Prevent collisions before committing objects to your scene.

- Tags: how-to-guide
- Published: 2026-03-25

### [Adding Post-Processing Effects to the Pascal Editor 3D Viewer](/pascalorg/editor/adding-post-processing-effects-pascal-editor-3d-viewer)

Learn how to add post-processing effects like SSGI, outlines, and TRAA to the Pascal Editor 3D viewer. Configure and integrate these WebGPU render pipeline effects into your React app.

- Tags: deep-dive
- Published: 2026-03-25

### [How to Use Pascal Editor Wall Cutaway Mode to Reveal Interior Spaces](/pascalorg/editor/pascal-editor-wall-cutaway-mode-interior-spaces)

Master Pascal Editor's wall cutaway mode to reveal interior spaces. Learn how to toggle views and enhance your architectural visualizations with real-time Three.js material swapping.

- Tags: how-to-guide
- Published: 2026-03-25

### [Hierarchical Selection Implementation in Pascal Editor Selection Manager](/pascalorg/editor/hierarchical-selection-implementation-pascal-editor-selection-manager)

Discover the hierarchical selection implementation in Pascal Editor. Learn how the strategy pattern manages multi-level phase-aware selections for building, level, zone, and element layers.

- Tags: internals
- Published: 2026-03-25

### [Pascal Editor Viewer Isolation: How Package Separation Enables Reusable 3D Components](/pascalorg/editor/pascal-editor-viewer-isolation-package-separation)

Learn how Pascal Editor achieves viewer isolation with package separation for reusable 3D components. Discover independent 3D presentation via props and callbacks.

- Tags: internals
- Published: 2026-03-25

### [Configuring IndexedDB Persistence for Pascal Editor Scene Data](/pascalorg/editor/configuring-indexeddb-persistence-pascal-editor-scene-data)

Learn how to configure IndexedDB persistence for Pascal Editor scene data. Discover how the editor manages assets and scene graphs using IndexedDB and localStorage.

- Tags: how-to-guide
- Published: 2026-03-25

### [Pascal Editor Event Bus for Inter-Component Communication: Typed Events with Mitt](/pascalorg/editor/pascal-editor-event-bus-inter-component-communication)

Discover how the Pascal Editor uses a strongly-typed event bus with Mitt for efficient inter-component communication across packages. Simplify your application architecture.

- Tags: internals
- Published: 2026-03-25

### [Pascal Editor Level System Display Modes: Stacked, Exploded, and Solo](/pascalorg/editor/pascal-editor-level-system-display-modes-stacked-exploded-solo)

Explore Pascal Editor level system display modes: stacked, exploded, and solo. Understand how these formats control multi-floor building rendering in the 3D viewer.

- Tags: deep-dive
- Published: 2026-03-25

### [Implementing Custom Editor Tools in Pascal Editor: A Complete Developer Guide](/pascalorg/editor/implementing-custom-editor-tools-pascal-editor-specific-operations)

Learn to implement custom editor tools in Pascal Editor using React components and the grid event bus. Enhance your development workflow with custom drawing utilities.

- Tags: how-to-guide
- Published: 2026-03-25

### [Pascal Editor Wall System Geometry Generation: Mitering and CSG Pipeline](/pascalorg/editor/pascal-editor-wall-system-geometry-generation-mitering-csg)

Master Pascal Editor wall system geometry generation including mitering and CSG pipeline for accurate architectural models. Integrate doors and windows seamlessly.

- Tags: deep-dive
- Published: 2026-03-25

### [Adding Undo/Redo Support to Pascal Editor Operations with Zundo: Complete Implementation Guide](/pascalorg/editor/adding-undo-redo-support-pascal-editor-operations-zundo)

Implement undo redo support in your Pascal Editor operations using Zundo. Learn how to wrap your Zustand store with temporal enhancer for automatic state snapshots and actions.

- Tags: how-to-guide
- Published: 2026-03-25

### [Pascal Editor Spatial Grid Manager: Collision Detection and Placement Architecture](/pascalorg/editor/pascal-editor-spatial-grid-manager-collision-detection-placement)

Explore the Pascal Editor spatial grid manager for efficient collision detection and placement. Learn how its hash-based system ensures O(1) cell operations and interactive 3D editing.

- Tags: architecture
- Published: 2026-03-25

### [Creating Custom Renderers for New Node Types in Pascal Editor](/pascalorg/editor/creating-custom-renderers-new-node-types-pascal-editor)

Learn to create custom renderers for new node types in Pascal Editor. Define Zod schemas, register them, implement React components, and update the NodeRenderer dispatcher for enhanced functionality.

- Tags: how-to-guide
- Published: 2026-03-25

### [Pascal Editor Scene Registry for Fast Three.js Object Lookups: A Deep Dive](/pascalorg/editor/pascal-editor-scene-registry-threejs-object-lookups)

Discover how the Pascal Editor scene registry provides fast Three.js object lookups using a Map and type-specific Sets, eliminating slow scene traversals and boosting performance.

- Tags: deep-dive
- Published: 2026-03-25

### [Implementing Custom Node Types in Pascal Editor Using Zod Schemas](/pascalorg/editor/implementing-custom-node-types-pascal-editor-zod-schemas)

Learn to implement custom node types in Pascal Editor by extending Zod schemas. Register and create your nodes easily for enhanced editor functionality.

- Tags: how-to-guide
- Published: 2026-03-25