@certe/atmos-editor 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENCE +674 -0
- package/README.md +206 -0
- package/dist/asset-browser-client.d.ts +24 -0
- package/dist/asset-browser-client.d.ts.map +1 -0
- package/dist/asset-browser-client.js +60 -0
- package/dist/asset-browser-client.js.map +1 -0
- package/dist/asset-types.d.ts +33 -0
- package/dist/asset-types.d.ts.map +1 -0
- package/dist/asset-types.js +2 -0
- package/dist/asset-types.js.map +1 -0
- package/dist/bootstrap/default-factories.d.ts +38 -0
- package/dist/bootstrap/default-factories.d.ts.map +1 -0
- package/dist/bootstrap/default-factories.js +268 -0
- package/dist/bootstrap/default-factories.js.map +1 -0
- package/dist/bootstrap/editor-physics.d.ts +81 -0
- package/dist/bootstrap/editor-physics.d.ts.map +1 -0
- package/dist/bootstrap/editor-physics.js +512 -0
- package/dist/bootstrap/editor-physics.js.map +1 -0
- package/dist/bootstrap/geometry-cache.d.ts +5 -0
- package/dist/bootstrap/geometry-cache.d.ts.map +1 -0
- package/dist/bootstrap/geometry-cache.js +18 -0
- package/dist/bootstrap/geometry-cache.js.map +1 -0
- package/dist/bootstrap/keyboard-shortcuts.d.ts +4 -0
- package/dist/bootstrap/keyboard-shortcuts.d.ts.map +1 -0
- package/dist/bootstrap/keyboard-shortcuts.js +43 -0
- package/dist/bootstrap/keyboard-shortcuts.js.map +1 -0
- package/dist/bootstrap/model-import.d.ts +9 -0
- package/dist/bootstrap/model-import.d.ts.map +1 -0
- package/dist/bootstrap/model-import.js +55 -0
- package/dist/bootstrap/model-import.js.map +1 -0
- package/dist/bootstrap/start-editor.d.ts +3 -0
- package/dist/bootstrap/start-editor.d.ts.map +1 -0
- package/dist/bootstrap/start-editor.js +506 -0
- package/dist/bootstrap/start-editor.js.map +1 -0
- package/dist/bootstrap/start-player.d.ts +23 -0
- package/dist/bootstrap/start-player.d.ts.map +1 -0
- package/dist/bootstrap/start-player.js +205 -0
- package/dist/bootstrap/start-player.js.map +1 -0
- package/dist/bootstrap/types.d.ts +160 -0
- package/dist/bootstrap/types.d.ts.map +1 -0
- package/dist/bootstrap/types.js +2 -0
- package/dist/bootstrap/types.js.map +1 -0
- package/dist/camera-frustum-renderer.d.ts +15 -0
- package/dist/camera-frustum-renderer.d.ts.map +1 -0
- package/dist/camera-frustum-renderer.js +110 -0
- package/dist/camera-frustum-renderer.js.map +1 -0
- package/dist/camera-presets.d.ts +10 -0
- package/dist/camera-presets.d.ts.map +1 -0
- package/dist/camera-presets.js +15 -0
- package/dist/camera-presets.js.map +1 -0
- package/dist/collider-gizmo-renderer.d.ts +13 -0
- package/dist/collider-gizmo-renderer.d.ts.map +1 -0
- package/dist/collider-gizmo-renderer.js +217 -0
- package/dist/collider-gizmo-renderer.js.map +1 -0
- package/dist/color-utils.d.ts +5 -0
- package/dist/color-utils.d.ts.map +1 -0
- package/dist/color-utils.js +13 -0
- package/dist/color-utils.js.map +1 -0
- package/dist/components/asset-browser-panel.d.ts +14 -0
- package/dist/components/asset-browser-panel.d.ts.map +1 -0
- package/dist/components/asset-browser-panel.js +247 -0
- package/dist/components/asset-browser-panel.js.map +1 -0
- package/dist/components/context-menu.d.ts +14 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +48 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/editor-shell.d.ts +27 -0
- package/dist/components/editor-shell.d.ts.map +1 -0
- package/dist/components/editor-shell.js +327 -0
- package/dist/components/editor-shell.js.map +1 -0
- package/dist/components/fields/boolean-field.d.ts +8 -0
- package/dist/components/fields/boolean-field.d.ts.map +1 -0
- package/dist/components/fields/boolean-field.js +11 -0
- package/dist/components/fields/boolean-field.js.map +1 -0
- package/dist/components/fields/color-field.d.ts +8 -0
- package/dist/components/fields/color-field.d.ts.map +1 -0
- package/dist/components/fields/color-field.js +34 -0
- package/dist/components/fields/color-field.js.map +1 -0
- package/dist/components/fields/decimal-input.d.ts +13 -0
- package/dist/components/fields/decimal-input.d.ts.map +1 -0
- package/dist/components/fields/decimal-input.js +49 -0
- package/dist/components/fields/decimal-input.js.map +1 -0
- package/dist/components/fields/enum-field.d.ts +12 -0
- package/dist/components/fields/enum-field.d.ts.map +1 -0
- package/dist/components/fields/enum-field.js +20 -0
- package/dist/components/fields/enum-field.js.map +1 -0
- package/dist/components/fields/game-object-ref-field.d.ts +11 -0
- package/dist/components/fields/game-object-ref-field.d.ts.map +1 -0
- package/dist/components/fields/game-object-ref-field.js +73 -0
- package/dist/components/fields/game-object-ref-field.js.map +1 -0
- package/dist/components/fields/material-asset-field.d.ts +10 -0
- package/dist/components/fields/material-asset-field.d.ts.map +1 -0
- package/dist/components/fields/material-asset-field.js +114 -0
- package/dist/components/fields/material-asset-field.js.map +1 -0
- package/dist/components/fields/number-field.d.ts +10 -0
- package/dist/components/fields/number-field.d.ts.map +1 -0
- package/dist/components/fields/number-field.js +21 -0
- package/dist/components/fields/number-field.js.map +1 -0
- package/dist/components/fields/quat-field.d.ts +8 -0
- package/dist/components/fields/quat-field.d.ts.map +1 -0
- package/dist/components/fields/quat-field.js +43 -0
- package/dist/components/fields/quat-field.js.map +1 -0
- package/dist/components/fields/string-field.d.ts +7 -0
- package/dist/components/fields/string-field.d.ts.map +1 -0
- package/dist/components/fields/string-field.js +20 -0
- package/dist/components/fields/string-field.js.map +1 -0
- package/dist/components/fields/vec3-field.d.ts +8 -0
- package/dist/components/fields/vec3-field.d.ts.map +1 -0
- package/dist/components/fields/vec3-field.js +30 -0
- package/dist/components/fields/vec3-field.js.map +1 -0
- package/dist/components/hierarchy-node.d.ts +18 -0
- package/dist/components/hierarchy-node.d.ts.map +1 -0
- package/dist/components/hierarchy-node.js +77 -0
- package/dist/components/hierarchy-node.js.map +1 -0
- package/dist/components/hierarchy-panel.d.ts +14 -0
- package/dist/components/hierarchy-panel.d.ts.map +1 -0
- package/dist/components/hierarchy-panel.js +228 -0
- package/dist/components/hierarchy-panel.js.map +1 -0
- package/dist/components/inspector-panel.d.ts +14 -0
- package/dist/components/inspector-panel.d.ts.map +1 -0
- package/dist/components/inspector-panel.js +288 -0
- package/dist/components/inspector-panel.js.map +1 -0
- package/dist/components/material-inspector.d.ts +10 -0
- package/dist/components/material-inspector.d.ts.map +1 -0
- package/dist/components/material-inspector.js +130 -0
- package/dist/components/material-inspector.js.map +1 -0
- package/dist/components/post-process-panel.d.ts +9 -0
- package/dist/components/post-process-panel.d.ts.map +1 -0
- package/dist/components/post-process-panel.js +70 -0
- package/dist/components/post-process-panel.js.map +1 -0
- package/dist/components/project-gate.d.ts +8 -0
- package/dist/components/project-gate.d.ts.map +1 -0
- package/dist/components/project-gate.js +87 -0
- package/dist/components/project-gate.js.map +1 -0
- package/dist/components/settings-panel.d.ts +8 -0
- package/dist/components/settings-panel.d.ts.map +1 -0
- package/dist/components/settings-panel.js +108 -0
- package/dist/components/settings-panel.js.map +1 -0
- package/dist/components/use-splitter.d.ts +4 -0
- package/dist/components/use-splitter.d.ts.map +1 -0
- package/dist/components/use-splitter.js +22 -0
- package/dist/components/use-splitter.js.map +1 -0
- package/dist/editor-mount.d.ts +36 -0
- package/dist/editor-mount.d.ts.map +1 -0
- package/dist/editor-mount.js +161 -0
- package/dist/editor-mount.js.map +1 -0
- package/dist/editor-state.d.ts +55 -0
- package/dist/editor-state.d.ts.map +1 -0
- package/dist/editor-state.js +181 -0
- package/dist/editor-state.js.map +1 -0
- package/dist/gizmo-meshes.d.ts +9 -0
- package/dist/gizmo-meshes.d.ts.map +1 -0
- package/dist/gizmo-meshes.js +229 -0
- package/dist/gizmo-meshes.js.map +1 -0
- package/dist/gizmo-renderer.d.ts +16 -0
- package/dist/gizmo-renderer.d.ts.map +1 -0
- package/dist/gizmo-renderer.js +77 -0
- package/dist/gizmo-renderer.js.map +1 -0
- package/dist/gizmo-state.d.ts +25 -0
- package/dist/gizmo-state.d.ts.map +1 -0
- package/dist/gizmo-state.js +269 -0
- package/dist/gizmo-state.js.map +1 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -0
- package/dist/joint-gizmo-renderer.d.ts +13 -0
- package/dist/joint-gizmo-renderer.d.ts.map +1 -0
- package/dist/joint-gizmo-renderer.js +133 -0
- package/dist/joint-gizmo-renderer.js.map +1 -0
- package/dist/material-manager.d.ts +22 -0
- package/dist/material-manager.d.ts.map +1 -0
- package/dist/material-manager.js +156 -0
- package/dist/material-manager.js.map +1 -0
- package/dist/object-picker.d.ts +11 -0
- package/dist/object-picker.d.ts.map +1 -0
- package/dist/object-picker.js +104 -0
- package/dist/object-picker.js.map +1 -0
- package/dist/orbit-camera.d.ts +38 -0
- package/dist/orbit-camera.d.ts.map +1 -0
- package/dist/orbit-camera.js +180 -0
- package/dist/orbit-camera.js.map +1 -0
- package/dist/overlay-renderer.d.ts +23 -0
- package/dist/overlay-renderer.d.ts.map +1 -0
- package/dist/overlay-renderer.js +95 -0
- package/dist/overlay-renderer.js.map +1 -0
- package/dist/player-entry.d.ts +6 -0
- package/dist/player-entry.d.ts.map +1 -0
- package/dist/player-entry.js +4 -0
- package/dist/player-entry.js.map +1 -0
- package/dist/project-fs.d.ts +28 -0
- package/dist/project-fs.d.ts.map +1 -0
- package/dist/project-fs.js +258 -0
- package/dist/project-fs.js.map +1 -0
- package/dist/project-seed.d.ts +3 -0
- package/dist/project-seed.d.ts.map +1 -0
- package/dist/project-seed.js +35 -0
- package/dist/project-seed.js.map +1 -0
- package/dist/project-settings.d.ts +29 -0
- package/dist/project-settings.d.ts.map +1 -0
- package/dist/project-settings.js +69 -0
- package/dist/project-settings.js.map +1 -0
- package/dist/property-setters.d.ts +4 -0
- package/dist/property-setters.d.ts.map +1 -0
- package/dist/property-setters.js +58 -0
- package/dist/property-setters.js.map +1 -0
- package/dist/scene-operations.d.ts +14 -0
- package/dist/scene-operations.d.ts.map +1 -0
- package/dist/scene-operations.js +195 -0
- package/dist/scene-operations.js.map +1 -0
- package/dist/scene-snapshot.d.ts +28 -0
- package/dist/scene-snapshot.d.ts.map +1 -0
- package/dist/scene-snapshot.js +97 -0
- package/dist/scene-snapshot.js.map +1 -0
- package/dist/script-discovery.d.ts +12 -0
- package/dist/script-discovery.d.ts.map +1 -0
- package/dist/script-discovery.js +81 -0
- package/dist/script-discovery.js.map +1 -0
- package/dist/selection-utils.d.ts +4 -0
- package/dist/selection-utils.d.ts.map +1 -0
- package/dist/selection-utils.js +19 -0
- package/dist/selection-utils.js.map +1 -0
- package/dist/simple-material-loader.d.ts +17 -0
- package/dist/simple-material-loader.d.ts.map +1 -0
- package/dist/simple-material-loader.js +85 -0
- package/dist/simple-material-loader.js.map +1 -0
- package/dist/wireframe-renderer.d.ts +18 -0
- package/dist/wireframe-renderer.d.ts.map +1 -0
- package/dist/wireframe-renderer.js +106 -0
- package/dist/wireframe-renderer.js.map +1 -0
- package/package.json +65 -0
- package/src/index.ts +48 -0
- package/vite-plugin.d.ts +15 -0
- package/vite-plugin.mjs +395 -0
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect, useCallback } from 'react';
|
|
3
|
+
import { DecimalInput } from './fields/decimal-input.js';
|
|
4
|
+
import { rgbToHex, hexToRgb } from '../color-utils.js';
|
|
5
|
+
const sectionStyle = {
|
|
6
|
+
padding: '8px 10px',
|
|
7
|
+
borderBottom: '1px solid #222',
|
|
8
|
+
};
|
|
9
|
+
const titleStyle = {
|
|
10
|
+
fontSize: '11px',
|
|
11
|
+
fontWeight: 600,
|
|
12
|
+
color: '#6ab0d6',
|
|
13
|
+
marginBottom: '6px',
|
|
14
|
+
};
|
|
15
|
+
const rowStyle = {
|
|
16
|
+
display: 'flex',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
justifyContent: 'space-between',
|
|
19
|
+
padding: '2px 0',
|
|
20
|
+
gap: '6px',
|
|
21
|
+
};
|
|
22
|
+
const labelStyle = {
|
|
23
|
+
fontSize: '11px',
|
|
24
|
+
color: '#aaa',
|
|
25
|
+
flexShrink: 0,
|
|
26
|
+
minWidth: '60px',
|
|
27
|
+
};
|
|
28
|
+
const inputStyle = {
|
|
29
|
+
background: '#333',
|
|
30
|
+
color: '#eee',
|
|
31
|
+
border: '1px solid #555',
|
|
32
|
+
borderRadius: '3px',
|
|
33
|
+
padding: '2px 6px',
|
|
34
|
+
fontSize: '11px',
|
|
35
|
+
fontFamily: 'inherit',
|
|
36
|
+
outline: 'none',
|
|
37
|
+
flex: 1,
|
|
38
|
+
minWidth: 0,
|
|
39
|
+
};
|
|
40
|
+
const selectStyle = {
|
|
41
|
+
...inputStyle,
|
|
42
|
+
padding: '2px 4px',
|
|
43
|
+
};
|
|
44
|
+
const colorSwatchStyle = {
|
|
45
|
+
width: '20px',
|
|
46
|
+
height: '20px',
|
|
47
|
+
borderRadius: '3px',
|
|
48
|
+
border: '1px solid #555',
|
|
49
|
+
cursor: 'pointer',
|
|
50
|
+
flexShrink: 0,
|
|
51
|
+
};
|
|
52
|
+
export function MaterialInspector({ editorState, materialManager, path }) {
|
|
53
|
+
const [data, setData] = useState(null);
|
|
54
|
+
const [, setTick] = useState(0);
|
|
55
|
+
// Load material data (ensure it's in cache)
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
const cached = materialManager.getAssetData(path);
|
|
58
|
+
if (cached) {
|
|
59
|
+
setData({ ...cached });
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
materialManager.getMaterial(path).then(() => {
|
|
63
|
+
const d = materialManager.getAssetData(path);
|
|
64
|
+
if (d)
|
|
65
|
+
setData({ ...d });
|
|
66
|
+
}).catch(() => { });
|
|
67
|
+
}
|
|
68
|
+
}, [materialManager, path]);
|
|
69
|
+
const save = useCallback(async (changes) => {
|
|
70
|
+
await materialManager.updateMaterial(path, changes);
|
|
71
|
+
const updated = materialManager.getAssetData(path);
|
|
72
|
+
if (updated)
|
|
73
|
+
setData({ ...updated });
|
|
74
|
+
setTick((t) => t + 1);
|
|
75
|
+
editorState.notifyInspectorChanged();
|
|
76
|
+
}, [materialManager, path, editorState]);
|
|
77
|
+
if (!data) {
|
|
78
|
+
return _jsx("div", { style: { padding: '12px', color: '#555', fontSize: '11px' }, children: "Loading material..." });
|
|
79
|
+
}
|
|
80
|
+
const isPbr = data.shader === 'pbr';
|
|
81
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { style: sectionStyle, children: [_jsx("div", { style: titleStyle, children: "Material" }), _jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Name" }), _jsx("span", { style: { ...inputStyle, background: 'none', border: 'none', color: '#c8c8c8' }, children: data.name })] }), _jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "File" }), _jsx("span", { style: { fontSize: '10px', color: '#666', flex: 1, overflow: 'hidden', textOverflow: 'ellipsis' }, children: path })] })] }), _jsxs("div", { style: sectionStyle, children: [_jsx("div", { style: titleStyle, children: "Shader" }), _jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Type" }), _jsxs("select", { style: selectStyle, value: data.shader, onChange: (e) => save({ shader: e.target.value }), children: [_jsx("option", { value: "pbr", children: "PBR" }), _jsx("option", { value: "unlit", children: "Unlit" })] })] })] }), _jsxs("div", { style: sectionStyle, children: [_jsx("div", { style: titleStyle, children: "Properties" }), _jsx(AlbedoRow, { albedo: data.albedo, onSave: save }), _jsx(TextureSelectRow, { label: "Albedo Tex", assetKey: "albedoTexture", texturePath: data.albedoTexture, materialManager: materialManager, onSave: save }), isPbr && (_jsxs(_Fragment, { children: [_jsx(SliderRow, { label: "Metallic", value: data.metallic, min: 0, max: 1, step: 0.01, onChange: (v) => save({ metallic: v }) }), _jsx(SliderRow, { label: "Roughness", value: data.roughness, min: 0, max: 1, step: 0.01, onChange: (v) => save({ roughness: v }) }), _jsx(TextureSelectRow, { label: "Normal Map", assetKey: "normalTexture", texturePath: data.normalTexture, materialManager: materialManager, onSave: save }), _jsx(TextureSelectRow, { label: "Met/Rough", assetKey: "metallicRoughnessTexture", texturePath: data.metallicRoughnessTexture, materialManager: materialManager, onSave: save })] }))] }), _jsxs("div", { style: sectionStyle, children: [_jsx("div", { style: titleStyle, children: "Emissive" }), _jsx(ColorRow, { label: "Color", color: data.emissive ?? [0, 0, 0], onChange: (c) => save({ emissive: c }) }), _jsx(SliderRow, { label: "Intensity", value: data.emissiveIntensity ?? 0, min: 0, max: 20, step: 0.1, onChange: (v) => save({ emissiveIntensity: v }) })] }), _jsxs("div", { style: sectionStyle, children: [_jsx("div", { style: titleStyle, children: "Tiling" }), _jsx(NumberInputRow, { label: "Tile X", value: data.texTilingX ?? 1, step: 0.1, onChange: (v) => save({ texTilingX: v }) }), _jsx(NumberInputRow, { label: "Tile Y", value: data.texTilingY ?? 1, step: 0.1, onChange: (v) => save({ texTilingY: v }) })] })] }));
|
|
82
|
+
}
|
|
83
|
+
/* ── Albedo color row with color picker ── */
|
|
84
|
+
function AlbedoRow({ albedo, onSave }) {
|
|
85
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Albedo" }), _jsx("input", { type: "color", value: rgbToHex(albedo[0], albedo[1], albedo[2]), onChange: (e) => {
|
|
86
|
+
const [r, g, b] = hexToRgb(e.target.value);
|
|
87
|
+
onSave({ albedo: [r, g, b, albedo[3]] });
|
|
88
|
+
}, style: { ...colorSwatchStyle, padding: 0, background: 'none' } }), _jsx("span", { style: { fontSize: '10px', color: '#888' }, children: albedo.slice(0, 3).map((v) => v.toFixed(2)).join(', ') })] }));
|
|
89
|
+
}
|
|
90
|
+
/* ── Generic texture select row ── */
|
|
91
|
+
function TextureSelectRow({ label, assetKey, texturePath, materialManager, onSave }) {
|
|
92
|
+
const [textures, setTextures] = useState([]);
|
|
93
|
+
const [dragOver, setDragOver] = useState(false);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
materialManager.listTextures().then(setTextures).catch(() => { });
|
|
96
|
+
}, [materialManager, texturePath]);
|
|
97
|
+
return (_jsxs("div", { style: {
|
|
98
|
+
...rowStyle,
|
|
99
|
+
...(dragOver ? { outline: '1px dashed #3388cc', outlineOffset: '-1px', borderRadius: '3px' } : undefined),
|
|
100
|
+
}, onDragOver: (e) => {
|
|
101
|
+
if (!e.dataTransfer.types.includes('application/x-atmos-texture'))
|
|
102
|
+
return;
|
|
103
|
+
e.preventDefault();
|
|
104
|
+
e.dataTransfer.dropEffect = 'copy';
|
|
105
|
+
setDragOver(true);
|
|
106
|
+
}, onDragLeave: () => setDragOver(false), onDrop: (e) => {
|
|
107
|
+
setDragOver(false);
|
|
108
|
+
const path = e.dataTransfer.getData('application/x-atmos-texture');
|
|
109
|
+
if (path) {
|
|
110
|
+
e.preventDefault();
|
|
111
|
+
onSave({ [assetKey]: path });
|
|
112
|
+
}
|
|
113
|
+
}, children: [_jsx("span", { style: labelStyle, children: label }), _jsxs("select", { style: selectStyle, value: texturePath ?? '', onChange: (e) => {
|
|
114
|
+
const val = e.target.value;
|
|
115
|
+
onSave({ [assetKey]: val || undefined });
|
|
116
|
+
}, children: [_jsx("option", { value: "", children: "None" }), textures.map((t) => (_jsx("option", { value: t, children: t.split('/').pop() }, t)))] })] }));
|
|
117
|
+
}
|
|
118
|
+
/* ── Color row (generic) ── */
|
|
119
|
+
function ColorRow({ label, color, onChange }) {
|
|
120
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: label }), _jsx("input", { type: "color", value: rgbToHex(color[0], color[1], color[2]), onChange: (e) => onChange(hexToRgb(e.target.value)), style: { ...colorSwatchStyle, padding: 0, background: 'none' } }), _jsx("span", { style: { fontSize: '10px', color: '#888' }, children: color.map((v) => v.toFixed(2)).join(', ') })] }));
|
|
121
|
+
}
|
|
122
|
+
/* ── Number input row (uses shared DecimalInput) ── */
|
|
123
|
+
function NumberInputRow({ label, value, step, onChange }) {
|
|
124
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: label }), _jsx(DecimalInput, { value: value, step: step, onChange: onChange, style: inputStyle })] }));
|
|
125
|
+
}
|
|
126
|
+
/* ── Slider row ── */
|
|
127
|
+
function SliderRow({ label, value, min, max, step, onChange }) {
|
|
128
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: label }), _jsx("input", { type: "range", min: min, max: max, step: step, value: value, onChange: (e) => onChange(parseFloat(e.target.value)), style: { flex: 1, minWidth: 0 } }), _jsx("span", { style: { fontSize: '10px', color: '#888', width: '32px', textAlign: 'right' }, children: value.toFixed(2) })] }));
|
|
129
|
+
}
|
|
130
|
+
//# sourceMappingURL=material-inspector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"material-inspector.js","sourceRoot":"","sources":["../../src/components/material-inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { RenderSystem } from '@certe/atmos-renderer';
|
|
2
|
+
import type { EditorState } from '../editor-state.js';
|
|
3
|
+
interface PostProcessPanelProps {
|
|
4
|
+
renderSystem: RenderSystem;
|
|
5
|
+
editorState: EditorState;
|
|
6
|
+
}
|
|
7
|
+
export declare function PostProcessPanel({ renderSystem, editorState }: PostProcessPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=post-process-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"post-process-panel.d.ts","sourceRoot":"","sources":["../../src/components/post-process-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,UAAU,qBAAqB;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAkED,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,qBAAqB,2CAsHpF"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback, useEffect } from 'react';
|
|
3
|
+
import { DecimalInput } from './fields/decimal-input.js';
|
|
4
|
+
import { ColorField } from './fields/color-field.js';
|
|
5
|
+
const panelStyle = {
|
|
6
|
+
padding: '8px 10px',
|
|
7
|
+
borderTop: '1px solid #2a2a2a',
|
|
8
|
+
background: '#1c1c1c',
|
|
9
|
+
flexShrink: 0,
|
|
10
|
+
overflowY: 'auto',
|
|
11
|
+
};
|
|
12
|
+
const sectionHeaderStyle = {
|
|
13
|
+
fontSize: '11px',
|
|
14
|
+
fontWeight: 600,
|
|
15
|
+
color: '#888',
|
|
16
|
+
letterSpacing: '0.5px',
|
|
17
|
+
textTransform: 'uppercase',
|
|
18
|
+
cursor: 'pointer',
|
|
19
|
+
userSelect: 'none',
|
|
20
|
+
};
|
|
21
|
+
const rowStyle = {
|
|
22
|
+
display: 'flex',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
justifyContent: 'space-between',
|
|
25
|
+
padding: '2px 0',
|
|
26
|
+
};
|
|
27
|
+
const labelStyle = {
|
|
28
|
+
fontSize: '12px',
|
|
29
|
+
color: '#aaa',
|
|
30
|
+
};
|
|
31
|
+
const inputStyle = {
|
|
32
|
+
width: '60px',
|
|
33
|
+
background: '#333',
|
|
34
|
+
color: '#eee',
|
|
35
|
+
border: '1px solid #555',
|
|
36
|
+
borderRadius: '3px',
|
|
37
|
+
padding: '2px 4px',
|
|
38
|
+
fontSize: '12px',
|
|
39
|
+
};
|
|
40
|
+
const checkboxStyle = {
|
|
41
|
+
accentColor: '#3388cc',
|
|
42
|
+
};
|
|
43
|
+
const subHeaderStyle = {
|
|
44
|
+
...labelStyle,
|
|
45
|
+
fontWeight: 600,
|
|
46
|
+
color: '#999',
|
|
47
|
+
marginBottom: '2px',
|
|
48
|
+
marginTop: '6px',
|
|
49
|
+
};
|
|
50
|
+
function Row({ label, value, min, max, step, onChange }) {
|
|
51
|
+
return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: label }), _jsx(DecimalInput, { value: value, min: min, max: max, step: step, style: inputStyle, onChange: onChange })] }));
|
|
52
|
+
}
|
|
53
|
+
export function PostProcessPanel({ renderSystem, editorState }) {
|
|
54
|
+
const [collapsed, setCollapsed] = useState(true);
|
|
55
|
+
const [, setTick] = useState(0);
|
|
56
|
+
const refresh = useCallback(() => setTick(t => t + 1), []);
|
|
57
|
+
// Re-render when scene loads (post-process data applied externally) or play/pause toggles
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const unsub1 = editorState.on('sceneChanged', refresh);
|
|
60
|
+
const unsub2 = editorState.on('pauseChanged', refresh);
|
|
61
|
+
return () => { unsub1(); unsub2(); };
|
|
62
|
+
}, [editorState, refresh]);
|
|
63
|
+
return (_jsxs("div", { style: panelStyle, children: [_jsxs("div", { style: sectionHeaderStyle, onClick: () => setCollapsed(c => !c), children: [collapsed ? '\u25B6' : '\u25BC', " Post Processing"] }), !collapsed && (_jsxs("div", { children: [_jsx("div", { style: subHeaderStyle, children: "Exposure" }), _jsx(Row, { label: "Exposure", value: renderSystem.exposure, min: 0.1, max: 5, step: 0.05, onChange: v => { renderSystem.exposure = v; refresh(); } }), _jsxs("div", { style: { ...subHeaderStyle, display: 'flex', alignItems: 'center', gap: '6px' }, children: [_jsx("input", { type: "checkbox", checked: renderSystem.ssaoEnabled, style: checkboxStyle, onChange: e => { renderSystem.ssaoEnabled = e.target.checked; refresh(); } }), "SSAO"] }), renderSystem.ssaoEnabled && (_jsxs(_Fragment, { children: [_jsx(Row, { label: "Radius", value: renderSystem.ssaoRadius, min: 0.05, max: 2, step: 0.05, onChange: v => { renderSystem.ssaoRadius = v; refresh(); } }), _jsx(Row, { label: "Intensity", value: renderSystem.ssaoIntensity, min: 0, max: 5, step: 0.1, onChange: v => { renderSystem.ssaoIntensity = v; refresh(); } }), _jsx(Row, { label: "Bias", value: renderSystem.ssaoBias, min: 0, max: 0.2, step: 0.005, onChange: v => { renderSystem.ssaoBias = v; refresh(); } })] })), _jsx("div", { style: subHeaderStyle, children: "Bloom" }), _jsx(Row, { label: "Intensity", value: renderSystem.bloomIntensity, min: 0, max: 5, step: 0.05, onChange: v => { renderSystem.bloomIntensity = v; refresh(); } }), _jsx(Row, { label: "Threshold", value: renderSystem.bloomThreshold, min: 0, max: 10, step: 0.1, onChange: v => { renderSystem.bloomThreshold = v; refresh(); } }), _jsx(Row, { label: "Radius", value: renderSystem.bloomRadius, min: 0, max: 2, step: 0.05, onChange: v => { renderSystem.bloomRadius = v; refresh(); } }), _jsx("div", { style: subHeaderStyle, children: "Vignette" }), _jsx(Row, { label: "Intensity", value: renderSystem.vignetteIntensity, min: 0, max: 1, step: 0.05, onChange: v => { renderSystem.vignetteIntensity = v; refresh(); } }), _jsx(Row, { label: "Radius", value: renderSystem.vignetteRadius, min: 0.3, max: 1.2, step: 0.05, onChange: v => { renderSystem.vignetteRadius = v; refresh(); } }), _jsxs("div", { style: { ...subHeaderStyle, display: 'flex', alignItems: 'center', gap: '6px' }, children: [_jsx("input", { type: "checkbox", checked: renderSystem.fogEnabled, style: checkboxStyle, onChange: e => { renderSystem.fogEnabled = e.target.checked; refresh(); } }), "Fog"] }), renderSystem.fogEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Mode" }), _jsxs("select", { value: renderSystem.fogMode, style: inputStyle, onChange: e => { renderSystem.fogMode = e.target.value; refresh(); }, children: [_jsx("option", { value: "linear", children: "Linear" }), _jsx("option", { value: "exponential", children: "Exponential" })] })] }), renderSystem.fogMode === 'exponential' && (_jsx(Row, { label: "Density", value: renderSystem.fogDensity, min: 0.001, max: 1, step: 0.005, onChange: v => { renderSystem.fogDensity = v; refresh(); } })), renderSystem.fogMode === 'linear' && (_jsxs(_Fragment, { children: [_jsx(Row, { label: "Start", value: renderSystem.fogStart, min: 0, max: 500, step: 1, onChange: v => { renderSystem.fogStart = v; refresh(); } }), _jsx(Row, { label: "End", value: renderSystem.fogEnd, min: 1, max: 1000, step: 1, onChange: v => { renderSystem.fogEnd = v; refresh(); } })] })), _jsx(ColorField, { label: "Color", value: Array.from(renderSystem.fogColor), onChange: v => {
|
|
64
|
+
renderSystem.fogColor[0] = v[0];
|
|
65
|
+
renderSystem.fogColor[1] = v[1];
|
|
66
|
+
renderSystem.fogColor[2] = v[2];
|
|
67
|
+
refresh();
|
|
68
|
+
} })] })), _jsxs("div", { style: { ...subHeaderStyle, display: 'flex', alignItems: 'center', gap: '6px' }, children: [_jsx("input", { type: "checkbox", checked: editorState.wireframeEnabled, style: checkboxStyle, onChange: e => { editorState.setWireframe(e.target.checked); refresh(); } }), "Wireframe"] })] }))] }));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=post-process-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"post-process-panel.js","sourceRoot":"","sources":["../../src/components/post-process-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ProjectFileSystem } from '../project-fs.js';
|
|
2
|
+
interface ProjectGateProps {
|
|
3
|
+
projectFs: ProjectFileSystem;
|
|
4
|
+
onProjectOpened: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function ProjectGate({ projectFs, onProjectOpened }: ProjectGateProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=project-gate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"project-gate.d.ts","sourceRoot":"","sources":["../../src/components/project-gate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,UAAU,gBAAgB;IACxB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAkCD,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,gBAAgB,2CAiE3E"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
const containerStyle = {
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flexDirection: 'column',
|
|
6
|
+
alignItems: 'center',
|
|
7
|
+
justifyContent: 'center',
|
|
8
|
+
height: '100%',
|
|
9
|
+
background: '#181818',
|
|
10
|
+
color: '#c8c8c8',
|
|
11
|
+
fontFamily: "'Inter', system-ui, -apple-system, sans-serif",
|
|
12
|
+
gap: '16px',
|
|
13
|
+
};
|
|
14
|
+
const btnStyle = {
|
|
15
|
+
background: '#2c6fba',
|
|
16
|
+
color: '#fff',
|
|
17
|
+
border: 'none',
|
|
18
|
+
borderRadius: '6px',
|
|
19
|
+
padding: '10px 28px',
|
|
20
|
+
fontSize: '14px',
|
|
21
|
+
cursor: 'pointer',
|
|
22
|
+
fontFamily: 'inherit',
|
|
23
|
+
};
|
|
24
|
+
const secondaryBtnStyle = {
|
|
25
|
+
...btnStyle,
|
|
26
|
+
background: '#333',
|
|
27
|
+
color: '#b8b8b8',
|
|
28
|
+
border: '1px solid #444',
|
|
29
|
+
};
|
|
30
|
+
const supportsApi = typeof window !== 'undefined' && 'showDirectoryPicker' in window;
|
|
31
|
+
export function ProjectGate({ projectFs, onProjectOpened }) {
|
|
32
|
+
const [storedName, setStoredName] = useState(null);
|
|
33
|
+
const [busy, setBusy] = useState(false);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
// Check if we have a stored handle name
|
|
36
|
+
async function check() {
|
|
37
|
+
try {
|
|
38
|
+
const db = await openIDBReadonly();
|
|
39
|
+
if (!db)
|
|
40
|
+
return;
|
|
41
|
+
const tx = db.transaction('handles', 'readonly');
|
|
42
|
+
const req = tx.objectStore('handles').get('atmos-project-handle');
|
|
43
|
+
req.onsuccess = () => {
|
|
44
|
+
const handle = req.result;
|
|
45
|
+
if (handle)
|
|
46
|
+
setStoredName(handle.name);
|
|
47
|
+
db.close();
|
|
48
|
+
};
|
|
49
|
+
req.onerror = () => db.close();
|
|
50
|
+
}
|
|
51
|
+
catch { /* no stored handle */ }
|
|
52
|
+
}
|
|
53
|
+
check();
|
|
54
|
+
}, []);
|
|
55
|
+
if (!supportsApi) {
|
|
56
|
+
return (_jsxs("div", { style: containerStyle, children: [_jsx("div", { style: { fontSize: '18px', fontWeight: 600 }, children: "Atmos Editor" }), _jsxs("div", { style: { color: '#888', maxWidth: '360px', textAlign: 'center', lineHeight: '1.6' }, children: ["The File System Access API is required. Please use ", _jsx("strong", { children: "Chrome" }), ", ", _jsx("strong", { children: "Edge" }), ", or ", _jsx("strong", { children: "Brave" }), "."] })] }));
|
|
57
|
+
}
|
|
58
|
+
const handleOpen = async () => {
|
|
59
|
+
setBusy(true);
|
|
60
|
+
const ok = await projectFs.open();
|
|
61
|
+
setBusy(false);
|
|
62
|
+
if (ok)
|
|
63
|
+
onProjectOpened();
|
|
64
|
+
};
|
|
65
|
+
const handleRestore = async () => {
|
|
66
|
+
setBusy(true);
|
|
67
|
+
const ok = await projectFs.tryRestore();
|
|
68
|
+
setBusy(false);
|
|
69
|
+
if (ok)
|
|
70
|
+
onProjectOpened();
|
|
71
|
+
};
|
|
72
|
+
return (_jsxs("div", { style: containerStyle, children: [_jsx("div", { style: { fontSize: '18px', fontWeight: 600 }, children: "Atmos Editor" }), _jsx("div", { style: { color: '#888', fontSize: '13px' }, children: "Select a project folder to get started." }), _jsx("button", { style: btnStyle, onClick: handleOpen, disabled: busy, children: "Open Project" }), storedName && (_jsxs("button", { style: secondaryBtnStyle, onClick: handleRestore, disabled: busy, children: ["Reopen \"", storedName, "\""] }))] }));
|
|
73
|
+
}
|
|
74
|
+
function openIDBReadonly() {
|
|
75
|
+
return new Promise((resolve) => {
|
|
76
|
+
try {
|
|
77
|
+
const req = indexedDB.open('atmos-editor', 1);
|
|
78
|
+
req.onupgradeneeded = () => req.result.createObjectStore('handles');
|
|
79
|
+
req.onsuccess = () => resolve(req.result);
|
|
80
|
+
req.onerror = () => resolve(null);
|
|
81
|
+
}
|
|
82
|
+
catch {
|
|
83
|
+
resolve(null);
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
//# sourceMappingURL=project-gate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"project-gate.js","sourceRoot":"","sources":["../../src/components/project-gate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ProjectSettingsManager } from '../project-settings.js';
|
|
2
|
+
interface SettingsPanelProps {
|
|
3
|
+
settingsManager: ProjectSettingsManager;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function SettingsPanel({ settingsManager, onClose }: SettingsPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=settings-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"settings-panel.d.ts","sourceRoot":"","sources":["../../src/components/settings-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAmB,MAAM,wBAAwB,CAAC;AAGtF,UAAU,kBAAkB;IAC1B,eAAe,EAAE,sBAAsB,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwKD,wBAAgB,aAAa,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAuB7E"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import { DecimalInput } from './fields/decimal-input.js';
|
|
4
|
+
const overlayStyle = {
|
|
5
|
+
position: 'fixed',
|
|
6
|
+
inset: 0,
|
|
7
|
+
zIndex: 3000,
|
|
8
|
+
display: 'flex',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
justifyContent: 'center',
|
|
11
|
+
background: 'rgba(0,0,0,0.5)',
|
|
12
|
+
};
|
|
13
|
+
const panelStyle = {
|
|
14
|
+
background: '#1e1e1e',
|
|
15
|
+
border: '1px solid #3a3a3a',
|
|
16
|
+
borderRadius: '8px',
|
|
17
|
+
width: '420px',
|
|
18
|
+
maxHeight: '80vh',
|
|
19
|
+
display: 'flex',
|
|
20
|
+
flexDirection: 'column',
|
|
21
|
+
fontFamily: "'Inter', system-ui, sans-serif",
|
|
22
|
+
fontSize: '12px',
|
|
23
|
+
color: '#c8c8c8',
|
|
24
|
+
};
|
|
25
|
+
const headerStyle = {
|
|
26
|
+
display: 'flex',
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
justifyContent: 'space-between',
|
|
29
|
+
padding: '12px 16px',
|
|
30
|
+
borderBottom: '1px solid #2a2a2a',
|
|
31
|
+
};
|
|
32
|
+
const tabBarStyle = {
|
|
33
|
+
display: 'flex',
|
|
34
|
+
gap: '0',
|
|
35
|
+
borderBottom: '1px solid #2a2a2a',
|
|
36
|
+
};
|
|
37
|
+
const tabStyle = (active) => ({
|
|
38
|
+
padding: '8px 16px',
|
|
39
|
+
cursor: 'pointer',
|
|
40
|
+
background: active ? '#2a2a2a' : 'transparent',
|
|
41
|
+
color: active ? '#e8e8e8' : '#888',
|
|
42
|
+
border: 'none',
|
|
43
|
+
borderBottom: active ? '2px solid #4a9eff' : '2px solid transparent',
|
|
44
|
+
fontSize: '11px',
|
|
45
|
+
fontFamily: 'inherit',
|
|
46
|
+
});
|
|
47
|
+
const bodyStyle = {
|
|
48
|
+
padding: '16px',
|
|
49
|
+
overflowY: 'auto',
|
|
50
|
+
};
|
|
51
|
+
const rowStyle = {
|
|
52
|
+
display: 'flex',
|
|
53
|
+
alignItems: 'center',
|
|
54
|
+
marginBottom: '10px',
|
|
55
|
+
gap: '8px',
|
|
56
|
+
};
|
|
57
|
+
const labelStyle = {
|
|
58
|
+
width: '110px',
|
|
59
|
+
flexShrink: 0,
|
|
60
|
+
fontSize: '11px',
|
|
61
|
+
color: '#999',
|
|
62
|
+
};
|
|
63
|
+
const inputStyle = {
|
|
64
|
+
width: '70px',
|
|
65
|
+
background: '#2a2a2a',
|
|
66
|
+
border: '1px solid #3a3a3a',
|
|
67
|
+
borderRadius: '3px',
|
|
68
|
+
color: '#c8c8c8',
|
|
69
|
+
padding: '3px 6px',
|
|
70
|
+
fontSize: '11px',
|
|
71
|
+
fontFamily: 'inherit',
|
|
72
|
+
};
|
|
73
|
+
const closeBtnStyle = {
|
|
74
|
+
background: 'none',
|
|
75
|
+
border: 'none',
|
|
76
|
+
color: '#888',
|
|
77
|
+
fontSize: '16px',
|
|
78
|
+
cursor: 'pointer',
|
|
79
|
+
padding: '0 4px',
|
|
80
|
+
fontFamily: 'inherit',
|
|
81
|
+
};
|
|
82
|
+
const hintStyle = {
|
|
83
|
+
fontSize: '10px',
|
|
84
|
+
color: '#666',
|
|
85
|
+
marginLeft: '4px',
|
|
86
|
+
};
|
|
87
|
+
function PhysicsTab({ settingsManager }) {
|
|
88
|
+
const [physics, setPhysics] = useState({ ...settingsManager.settings.physics });
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
return settingsManager.onChange(() => {
|
|
91
|
+
setPhysics({ ...settingsManager.settings.physics });
|
|
92
|
+
});
|
|
93
|
+
}, [settingsManager]);
|
|
94
|
+
const update = (partial) => {
|
|
95
|
+
settingsManager.updatePhysics(partial);
|
|
96
|
+
};
|
|
97
|
+
const grav = physics.gravity;
|
|
98
|
+
return (_jsxs("div", { children: [_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Gravity" }), _jsx("span", { style: { fontSize: '10px', color: '#666', width: '10px' }, children: "X" }), _jsx(DecimalInput, { value: grav[0], onChange: (v) => update({ gravity: [v, grav[1], grav[2]] }), decimals: 2, style: inputStyle }), _jsx("span", { style: { fontSize: '10px', color: '#666', width: '10px' }, children: "Y" }), _jsx(DecimalInput, { value: grav[1], onChange: (v) => update({ gravity: [grav[0], v, grav[2]] }), decimals: 2, style: inputStyle }), _jsx("span", { style: { fontSize: '10px', color: '#666', width: '10px' }, children: "Z" }), _jsx(DecimalInput, { value: grav[2], onChange: (v) => update({ gravity: [grav[0], grav[1], v] }), decimals: 2, style: inputStyle })] }), _jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Fixed Timestep" }), _jsx(DecimalInput, { value: physics.fixedTimestep, onChange: (v) => update({ fixedTimestep: v }), min: 0.004, max: 0.033, decimals: 4, step: 0.001, style: inputStyle }), _jsxs("span", { style: hintStyle, children: [Math.round(1 / physics.fixedTimestep), " Hz"] })] }), _jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Solver Iterations" }), _jsx(DecimalInput, { value: physics.solverIterations, onChange: (v) => update({ solverIterations: Math.round(v) }), min: 1, max: 64, decimals: 0, step: 1, style: inputStyle })] }), _jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: "Substeps" }), _jsx(DecimalInput, { value: physics.substeps, onChange: (v) => update({ substeps: Math.round(v) }), min: 1, max: 10, decimals: 0, step: 1, style: inputStyle })] })] }));
|
|
99
|
+
}
|
|
100
|
+
export function SettingsPanel({ settingsManager, onClose }) {
|
|
101
|
+
const [activeTab] = useState('physics');
|
|
102
|
+
const handleBackdrop = (e) => {
|
|
103
|
+
if (e.target === e.currentTarget)
|
|
104
|
+
onClose();
|
|
105
|
+
};
|
|
106
|
+
return (_jsx("div", { style: overlayStyle, onMouseDown: handleBackdrop, children: _jsxs("div", { style: panelStyle, children: [_jsxs("div", { style: headerStyle, children: [_jsx("span", { style: { fontWeight: 600, fontSize: '13px' }, children: "Project Settings" }), _jsx("button", { style: closeBtnStyle, onClick: onClose, children: '\u2715' })] }), _jsx("div", { style: tabBarStyle, children: _jsx("button", { style: tabStyle(activeTab === 'physics'), children: "Physics" }) }), _jsx("div", { style: bodyStyle, children: activeTab === 'physics' && _jsx(PhysicsTab, { settingsManager: settingsManager }) })] }) }));
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=settings-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"settings-panel.js","sourceRoot":"","sources":["../../src/components/settings-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-splitter.d.ts","sourceRoot":"","sources":["../../src/components/use-splitter.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CACzB,SAAS,EAAE,YAAY,GAAG,UAAU,EACpC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAC9B;IAAE,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAAE,CAwBhD"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { useCallback, useRef } from 'react';
|
|
2
|
+
export function useSplitter(direction, onDrag) {
|
|
3
|
+
const startRef = useRef(0);
|
|
4
|
+
const onMouseDown = useCallback((e) => {
|
|
5
|
+
e.preventDefault();
|
|
6
|
+
startRef.current = direction === 'horizontal' ? e.clientX : e.clientY;
|
|
7
|
+
const onMouseMove = (ev) => {
|
|
8
|
+
const current = direction === 'horizontal' ? ev.clientX : ev.clientY;
|
|
9
|
+
const delta = current - startRef.current;
|
|
10
|
+
startRef.current = current;
|
|
11
|
+
onDrag(delta);
|
|
12
|
+
};
|
|
13
|
+
const onMouseUp = () => {
|
|
14
|
+
window.removeEventListener('mousemove', onMouseMove);
|
|
15
|
+
window.removeEventListener('mouseup', onMouseUp);
|
|
16
|
+
};
|
|
17
|
+
window.addEventListener('mousemove', onMouseMove);
|
|
18
|
+
window.addEventListener('mouseup', onMouseUp);
|
|
19
|
+
}, [direction, onDrag]);
|
|
20
|
+
return { onMouseDown };
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=use-splitter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-splitter.js","sourceRoot":"","sources":["../../src/components/use-splitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,WAAW,CACzB,SAAoC,EACpC,MAA+B;IAE/B,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE3B,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QACtD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,OAAO,GAAG,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAEtE,MAAM,WAAW,GAAG,CAAC,EAAc,EAAE,EAAE;YACrC,MAAM,OAAO,GAAG,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC;YACrE,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YACzC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3B,MAAM,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAExB,OAAO,EAAE,WAAW,EAAE,CAAC;AACzB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { Scene, DeserializeContext, Component } from '@certe/atmos-core';
|
|
2
|
+
import type { CameraSettings, RenderSystem } from '@certe/atmos-renderer';
|
|
3
|
+
import { EditorState } from './editor-state.js';
|
|
4
|
+
import { OrbitCamera } from './orbit-camera.js';
|
|
5
|
+
import { GizmoState } from './gizmo-state.js';
|
|
6
|
+
import type { GameObject } from '@certe/atmos-core';
|
|
7
|
+
import type { ScriptAsset, AssetEntry } from './asset-types.js';
|
|
8
|
+
import type { ProjectFileSystem } from './project-fs.js';
|
|
9
|
+
import type { EditorPhysicsPlugin } from './bootstrap/types.js';
|
|
10
|
+
export type PrimitiveType = 'cube' | 'sphere' | 'cylinder' | 'plane' | 'camera' | 'directionalLight' | 'pointLight' | 'spotLight';
|
|
11
|
+
export interface MountEditorOptions {
|
|
12
|
+
deserializeContext?: DeserializeContext;
|
|
13
|
+
projectFs?: ProjectFileSystem;
|
|
14
|
+
onOpenProject?: () => Promise<void>;
|
|
15
|
+
canvas?: HTMLCanvasElement;
|
|
16
|
+
camera?: CameraSettings;
|
|
17
|
+
renderSystem?: RenderSystem;
|
|
18
|
+
componentFactory?: (ctor: new () => Component, go: GameObject) => void;
|
|
19
|
+
componentFilter?: (ctor: new () => Component, go: GameObject) => string | null;
|
|
20
|
+
componentRemover?: (comp: Component, go: GameObject) => void;
|
|
21
|
+
primitiveFactory?: (type: PrimitiveType, name: string) => GameObject;
|
|
22
|
+
showAssetBrowser?: boolean;
|
|
23
|
+
onAttachScript?: (script: ScriptAsset, go: GameObject) => void;
|
|
24
|
+
onLoadModel?: (entry: AssetEntry) => void;
|
|
25
|
+
onLoadScene?: (entry: AssetEntry) => void;
|
|
26
|
+
onDropModel?: (path: string, target: GameObject | null) => void;
|
|
27
|
+
physics?: EditorPhysicsPlugin;
|
|
28
|
+
}
|
|
29
|
+
export interface MountEditorResult {
|
|
30
|
+
editorState: EditorState;
|
|
31
|
+
orbitCamera?: OrbitCamera;
|
|
32
|
+
gizmoState?: GizmoState;
|
|
33
|
+
unmount: () => void;
|
|
34
|
+
}
|
|
35
|
+
export declare function mountEditor(container: HTMLElement, scene: Scene, options?: MountEditorOptions): MountEditorResult;
|
|
36
|
+
//# sourceMappingURL=editor-mount.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor-mount.d.ts","sourceRoot":"","sources":["../src/editor-mount.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,kBAAkB,GAAG,YAAY,GAAG,WAAW,CAAC;AAWlI,MAAM,WAAW,kBAAkB;IACjC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,SAAS,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IACvE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,SAAS,EAAE,EAAE,EAAE,UAAU,KAAK,MAAM,GAAG,IAAI,CAAC;IAC/E,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,KAAK,UAAU,CAAC;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CACzB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,CAAC,EAAE,kBAAkB,GAC3B,iBAAiB,CA8JnB"}
|