auto-git:

[add] playwright.config.js [add] src/app/App.js [add] src/app/editor-store.js [add] src/app/use-editor-store.js [add] src/assets/audio-assets.js [add] src/assets/gltf-model-import.js [add] src/assets/image-assets.js [add] src/assets/model-instance-labels.js [add] src/assets/model-instance-rendering.js [add] src/assets/model-instances.js [add] src/assets/project-asset-storage.js [add] src/assets/project-assets.js [add] src/commands/brush-command-helpers.js [add] src/commands/command-history.js [add] src/commands/command.js [add] src/commands/commit-transform-session-command.js [add] src/commands/create-box-brush-command.js [add] src/commands/delete-box-brush-command.js [add] src/commands/delete-entity-command.js [add] src/commands/delete-interaction-link-command.js [add] src/commands/delete-model-instance-command.js [add] src/commands/import-audio-asset-command.js [add] src/commands/import-background-image-asset-command.js [add] src/commands/import-model-asset-command.js [add] src/commands/move-box-brush-command.js [add] src/commands/resize-box-brush-command.js [add] src/commands/rotate-box-brush-command.js [add] src/commands/set-box-brush-face-material-command.js [add] src/commands/set-box-brush-face-uv-state-command.js [add] src/commands/set-box-brush-name-command.js [add] src/commands/set-box-brush-transform-command.js [add] src/commands/set-entity-name-command.js [add] src/commands/set-model-instance-name-command.js [add] src/commands/set-player-start-command.js [add] src/commands/set-scene-name-command.js [add] src/commands/set-world-settings-command.js [add] src/commands/upsert-entity-command.js [add] src/commands/upsert-interaction-link-command.js [add] src/commands/upsert-model-instance-command.js [add] src/core/ids.js [add] src/core/selection.js [add] src/core/tool-mode.js [add] src/core/transform-session.js [add] src/core/vector.js [add] src/core/whitebox-selection-feedback.js [add] src/core/whitebox-selection-mode.js [add] src/document/brushes.js [add] src/document/migrate-scene-document.js [add] src/document/scene-document-validation.js [add] src/document/scene-document.js [add] src/document/world-settings.js [add] src/entities/entity-instances.js [add] src/entities/entity-labels.js [add] src/geometry/box-brush-components.js [add] src/geometry/box-brush-mesh.js [add] src/geometry/box-brush.js [add] src/geometry/box-face-uvs.js [add] src/geometry/grid-snapping.js [add] src/geometry/model-instance-collider-debug-mesh.js [add] src/geometry/model-instance-collider-generation.js [add] src/interactions/interaction-links.js [add] src/main.js [add] src/materials/starter-material-library.js [add] src/materials/starter-material-textures.js [add] src/rendering/advanced-rendering.js [add] src/runner-web/RunnerCanvas.js [add] src/runtime-three/first-person-navigation-controller.js [add] src/runtime-three/navigation-controller.js [add] src/runtime-three/orbit-visitor-navigation-controller.js [add] src/runtime-three/player-collision.js [add] src/runtime-three/rapier-collision-world.js [add] src/runtime-three/runtime-audio-system.js [add] src/runtime-three/runtime-host.js [add] src/runtime-three/runtime-interaction-system.js [add] src/runtime-three/runtime-scene-build.js [add] src/runtime-three/runtime-scene-validation.js [add] src/serialization/local-draft-storage.js [add] src/serialization/scene-document-json.js [add] src/shared-ui/HierarchicalMenu.js [add] src/shared-ui/Panel.js [add] src/shared-ui/world-background-style.js [add] src/viewport-three/ViewportCanvas.js [add] src/viewport-three/ViewportPanel.js [add] src/viewport-three/viewport-entity-markers.js [add] src/viewport-three/viewport-focus.js [add] src/viewport-three/viewport-host.js [add] src/viewport-three/viewport-layout.js [add] src/viewport-three/viewport-transient-state.js [add] src/viewport-three/viewport-view-modes.js [add] tests/domain/box-brush-face-editing.command.test.js [add] tests/domain/build-runtime-scene.test.js [add] tests/domain/create-box-brush.command.test.js [add] tests/domain/create-empty-scene-document.test.js [add] tests/domain/editor-store.test.js [add] tests/domain/entity.command.test.js [add] tests/domain/interaction-links.validation.test.js [add] tests/domain/model-import.test.js [add] tests/domain/model-instance.command.test.js [add] tests/domain/player-start.command.test.js [add] tests/domain/rapier-collision-world.test.js [add] tests/domain/runtime-audio-system.test.js [add] tests/domain/runtime-interaction-system.test.js [add] tests/domain/runtime-scene-validation.test.js [add] tests/domain/scene-document-validation.test.js [add] tests/domain/transform-session.command.test.js [add] tests/domain/world-settings.command.test.js [add] tests/domain/world-settings.test.js [add] tests/e2e/app-smoke.e2e.js [add] tests/e2e/box-brush-authoring.e2e.js [add] tests/e2e/entities-foundation.e2e.js [add] tests/e2e/face-material-authoring.e2e.js [add] tests/e2e/first-room-workflow.e2e.js [add] tests/e2e/import-draco-model-asset.e2e.js [add] tests/e2e/import-external-model-asset.e2e.js [add] tests/e2e/import-model-asset.e2e.js [add] tests/e2e/local-lights-and-background.e2e.js [add] tests/e2e/orthographic-views.e2e.js [add] tests/e2e/runner-v1.e2e.js [add] tests/e2e/runtime-click-interaction.e2e.js [add] tests/e2e/runtime-trigger-teleport.e2e.js [add] tests/e2e/viewport-quad-layout.e2e.js [add] tests/e2e/viewport-test-helpers.js [add] tests/e2e/whitebox-component-selection.e2e.js [add] tests/e2e/world-environment.e2e.js [add] tests/geometry/box-brush-geometry.test.js [add] tests/geometry/box-face-uvs.test.js [add] tests/geometry/model-instance-collider-generation.test.js [add] tests/helpers/model-collider-fixtures.js [add] tests/serialization/local-draft-storage.test.js [add] tests/serialization/project-asset-storage.test.js [add] tests/serialization/scene-document-json.test.js [add] tests/setup/vitest.setup.js [add] tests/unit/audio-assets.test.js [add] tests/unit/entity-instances.test.js [add] tests/unit/package-scripts.test.js [add] tests/unit/transform-foundation.integration.test.js [add] tests/unit/viewport-canvas.test.js [add] tests/unit/viewport-entity-markers.test.js [add] tests/unit/viewport-focus.test.js [add] tests/unit/viewport-layout.test.js [add] tests/unit/viewport-view-modes.test.js [add] vite.config.js [add] vitest.config.js
2026-04-05 02:25:08 +02:00
parent b23cb0dd32
commit 0b54fa14c9
143 changed files with 26849 additions and 0 deletions
--- a/src/rendering/advanced-rendering.js
+++ b/src/rendering/advanced-rendering.js
@@ -0,0 +1,88 @@
+import { BasicShadowMap, DirectionalLight, HalfFloatType, Mesh, NoToneMapping, PCFShadowMap, PCFSoftShadowMap, PointLight, SpotLight, UnsignedByteType } from "three";
+import { BloomEffect, DepthOfFieldEffect, EffectComposer, EffectPass, RenderPass, SMAAEffect, SMAAPreset, SSAOEffect, ToneMappingEffect, ToneMappingMode } from "postprocessing";
+export function getAdvancedRenderingShadowMapType(shadowType) {
+    switch (shadowType) {
+        case "basic":
+            return BasicShadowMap;
+        case "pcf":
+            return PCFShadowMap;
+        case "pcfSoft":
+            return PCFSoftShadowMap;
+    }
+}
+export function getAdvancedRenderingToneMappingMode(mode) {
+    switch (mode) {
+        case "none":
+            return ToneMappingMode.LINEAR;
+        case "linear":
+            return ToneMappingMode.LINEAR;
+        case "reinhard":
+            return ToneMappingMode.REINHARD;
+        case "cineon":
+            return ToneMappingMode.CINEON;
+        case "acesFilmic":
+            return ToneMappingMode.ACES_FILMIC;
+    }
+}
+export function configureAdvancedRenderingRenderer(renderer, settings) {
+    renderer.shadowMap.enabled = settings.enabled && settings.shadows.enabled;
+    renderer.shadowMap.type = getAdvancedRenderingShadowMapType(settings.shadows.type);
+    renderer.toneMapping = NoToneMapping;
+    renderer.toneMappingExposure = settings.toneMapping.exposure;
+}
+export function createAdvancedRenderingComposer(renderer, scene, camera, settings) {
+    const composer = new EffectComposer(renderer, {
+        multisampling: 0,
+        frameBufferType: renderer.capabilities.isWebGL2 ? HalfFloatType : UnsignedByteType
+    });
+    composer.addPass(new RenderPass(scene, camera));
+    const effects = [];
+    if (settings.ambientOcclusion.enabled) {
+        effects.push(new SSAOEffect(camera, undefined, {
+            samples: settings.ambientOcclusion.samples,
+            radius: settings.ambientOcclusion.radius,
+            intensity: settings.ambientOcclusion.intensity
+        }));
+    }
+    if (settings.bloom.enabled) {
+        effects.push(new BloomEffect({
+            intensity: settings.bloom.intensity,
+            luminanceThreshold: settings.bloom.threshold,
+            radius: settings.bloom.radius
+        }));
+    }
+    if (settings.depthOfField.enabled) {
+        effects.push(new DepthOfFieldEffect(camera, {
+            focusDistance: settings.depthOfField.focusDistance,
+            focalLength: settings.depthOfField.focalLength,
+            bokehScale: settings.depthOfField.bokehScale
+        }));
+    }
+    effects.push(new ToneMappingEffect({
+        mode: getAdvancedRenderingToneMappingMode(settings.toneMapping.mode)
+    }));
+    effects.push(new SMAAEffect({
+        preset: SMAAPreset.MEDIUM
+    }));
+    composer.addPass(new EffectPass(camera, ...effects));
+    return composer;
+}
+export function applyAdvancedRenderingRenderableShadowFlags(root, enabled) {
+    root.traverse((object) => {
+        if (object.isMesh === true && object.userData.shadowIgnored !== true) {
+            const mesh = object;
+            mesh.castShadow = enabled;
+            mesh.receiveShadow = enabled;
+        }
+    });
+}
+export function applyAdvancedRenderingLightShadowFlags(root, settings) {
+    const shadowEnabled = settings.enabled && settings.shadows.enabled;
+    root.traverse((object) => {
+        if (object instanceof DirectionalLight || object instanceof PointLight || object instanceof SpotLight) {
+            object.castShadow = shadowEnabled;
+            object.shadow.bias = settings.shadows.bias;
+            object.shadow.mapSize.set(settings.shadows.mapSize, settings.shadows.mapSize);
+        }
+    });
+}