pascalorg/editor

GitHub 每日趋势，GitHub 各编程语言每日趋势汇总。关注

Create and share 3D architectural projects.

Pascal Editor

A 3D building editor built with React Three Fiber and WebGPU.

https://github.com/user-attachments/assets/8b50e7cf-cebe-4579-9cf3-8786b35f7b6b

Using Published Packages

The viewer runtime and built-in node definitions are separate packages. Install the full built-in viewer set, then load the built-in plugin once before mounting :

npm install @pascal-app/core @pascal-app/viewer @pascal-app/editor @pascal-app/nodes

import { loadPlugin } from '@pascal-app/core'
import { builtinPlugin } from '@pascal-app/nodes'

await loadPlugin(builtinPlugin)

See the @pascal-app/viewer quick start for a React example.

Repository Architecture

This is a Turborepo monorepo with four main runtime packages:

editor/
├── apps/
│   └── editor/          # Next.js application
├── packages/
│   ├── core/            # Schemas, scene state, and registry contracts
│   ├── viewer/          # 3D rendering runtime and shared systems
│   ├── editor/          # Editing tools and UI components
│   ├── nodes/           # Built-in node definitions, renderers, and systems
│   └── ui/              # Shared UI components

Separation of Concerns

Package	Responsibility
@pascal-app/core	Node schemas, scene state (Zustand), registry contracts, spatial queries, and event bus
@pascal-app/viewer	3D rendering via React Three Fiber, shared render systems, default camera/controls, and post-processing
@pascal-app/editor	Editing tools, panels, selection, and direct-manipulation UI
@pascal-app/nodes	Built-in registry plugin with node definitions, renderers, geometry, and systems
apps/editor	Standalone Next.js host for the editor packages

The viewer renders the scene with sensible defaults. The editor extends it with interactive tools, selection management, and editing capabilities.

Stores

Each package has its own Zustand store for managing state:

Store	Package	Responsibility
`useScene`	`@pascal-app/core`	Scene data: nodes, root IDs, dirty nodes, CRUD…

添加评论

点踩

分享查看原文

参与讨论