Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
99-Knots authored Jul 17, 2024
1 parent 4cd57d8 commit 1a4d64d
Showing 1 changed file with 42 additions and 42 deletions.
84 changes: 42 additions & 42 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,91 +40,91 @@ The editor allows users to position, orient, and scale objects within a 3D space
- **side menu**:

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/9349e802-81df-4c9a-8b69-0c8b33962469">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/56e4d6a9-a7a4-44e3-b7d1-9b279dbb52fb">
<img alt="bend arrow pointing left" src="https://github.com/99-Knots/EditorDemo/assets/155378311/56e4d6a9-a7a4-44e3-b7d1-9b279dbb52fb">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/9b1562a6-67aa-49b5-a0e3-f23fc37dcc76">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/89eb5c66-9ec0-4c57-8f77-83d7581df2cd">
<img alt="bend arrow pointing left" src="https://github.com/user-attachments/assets/89eb5c66-9ec0-4c57-8f77-83d7581df2cd">
</picture>
-- <b>undo</b>: reverse the last action
</br></br>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/29fe1948-d686-489c-b7f5-c1854e3715d6">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/a157cd22-f324-4651-8eae-ec15a314514f">
<img alt="bend arrow pointing right" src="https://github.com/99-Knots/EditorDemo/assets/155378311/a157cd22-f324-4651-8eae-ec15a314514f">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/4ded2041-9dfc-402e-95d4-a6edf060143b">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/3eedd281-3441-495c-9bf2-7a7c2af525b0">
<img alt="bend arrow pointing right" src="https://github.com/user-attachments/assets/3eedd281-3441-495c-9bf2-7a7c2af525b0">
</picture>
-- <b>redo</b>: reverse the last undo action
</br></br>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/7076803f-5639-4eff-a061-64bc8a73676f">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/f661fece-457d-4d3f-a32d-fe916d14b0dd">
<img alt="plus symbol" src="https://github.com/99-Knots/EditorDemo/assets/155378311/f661fece-457d-4d3f-a32d-fe916d14b0dd">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/d7b010f2-0877-4109-859c-02efbbc506e8">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/e6d15bbd-4f62-478e-990f-447464450033">
<img alt="plus symbol" src="https://github.com/user-attachments/assets/e6d15bbd-4f62-478e-990f-447464450033">
</picture>
-- <b>add object</b>: select a new shape to add to the scene
</br></br>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/594cd218-ced3-4ba2-8eca-ae58c585eb23">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/152903ce-112f-4850-9dc6-38d482e30c4e">
<img alt="dotted square with a plus inside" src="https://github.com/99-Knots/EditorDemo/assets/155378311/152903ce-112f-4850-9dc6-38d482e30c4e">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/fa48ce72-1ef6-40ce-972a-2cc317a18aaa">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/2e85a8ad-67d3-4cf1-82be-6db8aea7d26e">
<img alt="dotted square with a plus inside" src="https://github.com/user-attachments/assets/2e85a8ad-67d3-4cf1-82be-6db8aea7d26e">
</picture>
-- <b>multi-select</b>: toggle to add object to the selection without deselecting others; alternatively, hold <i>shift</i>
</br></br>
- **gizmo menu**:

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/2d8a1387-904c-4914-ae52-0f3107581ee1">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/4cb8c0e8-b077-4fad-9722-998caa9c1b8b">
<img alt="bidirectional arrows forming a cross" src="https://github.com/99-Knots/EditorDemo/assets/155378311/4cb8c0e8-b077-4fad-9722-998caa9c1b8b">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/7c5405cb-5389-4cfb-a3be-3dac0f42ed76">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/82e94262-4bea-4fcf-89cb-a226f457325d">
<img alt="bidirectional arrows forming a cross" src="https://github.com/user-attachments/assets/82e94262-4bea-4fcf-89cb-a226f457325d">
</picture>
-- <b>translate mode</b>: move the selected objects within the scene by dragging on the gizmo arrows or planes
</br></br>

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/add548b3-fe3a-4ec1-ad54-94d91bdf008e">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/89258f81-9de4-487b-b321-2fb72f8aea0c">
<img alt="two rounded arrows forming a circle" src="https://github.com/99-Knots/EditorDemo/assets/155378311/89258f81-9de4-487b-b321-2fb72f8aea0c">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/c158b178-830b-4c95-95d9-d3cd29f8e470">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/9091449d-9627-41c9-a174-97116579204b">
<img alt="two rounded arrows forming a circle" src="https://github.com/user-attachments/assets/9091449d-9627-41c9-a174-97116579204b">
</picture>
-- <b>rotate mode</b>: rotate the selected objects around the gizmo center by dragging the rings
</br></br>

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/c95874e8-3c63-40c8-9a38-bb4b02cebb58">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/049c5cd6-ab69-4358-9761-1d148adbc6bc">
<img alt="square with small circles at the corners" src="https://github.com/99-Knots/EditorDemo/assets/155378311/049c5cd6-ab69-4358-9761-1d148adbc6bc">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/33785e1b-a73b-474b-a4e3-d027d290cb10">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/9731ec19-432f-4677-975f-23d63b89de4b">
<img alt="square with small circles at the corners" src="https://github.com/user-attachments/assets/9731ec19-432f-4677-975f-23d63b89de4b">
</picture>
-- <b>scale mode</b>: scale the selected objects uniformly by dragging one of the corner boxes or non-uniformly with the face boxes
</br></br>

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/f4ea83c3-1337-437c-8daa-c2cfb3caf66c">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/102df374-9651-43a0-ad39-d80ef71ff952">
<img alt="a 3D box" src="https://github.com/99-Knots/EditorDemo/assets/155378311/102df374-9651-43a0-ad39-d80ef71ff952">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/84142e73-10b4-47a8-b874-916566699306">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/5ef410c5-b50e-4852-9a1d-40ba08b93675">
<img alt="a 3D box" src="https://github.com/user-attachments/assets/5ef410c5-b50e-4852-9a1d-40ba08b93675">
</picture>
-- <b>local space</b>: transformations are based on the first selected mesh's local object space
</br>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/1232cd95-f837-4408-9e5b-69a524938931">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/8f246ae8-169d-4e33-bc27-5a8980a05ccf">
<img alt="globe with meridians" src="https://github.com/99-Knots/EditorDemo/assets/155378311/8f246ae8-169d-4e33-bc27-5a8980a05ccf">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/ddfd26d6-8cb7-4081-95e2-eed3e7874631">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/53042c0c-ad60-44f8-902c-145f60221baf">
<img alt="globe with meridians" src="https://github.com/user-attachments/assets/53042c0c-ad60-44f8-902c-145f60221baf">
</picture>
-- <b>global space</b>: transformations are applied in reference to the scenes world system
</br></br>

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/f7e3fc2d-7b9a-4fc7-a166-ddc6a603d8bb">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/147c6286-e20b-4acb-be95-4091111004f2">
<img alt="copy symbol" src="https://github.com/99-Knots/EditorDemo/assets/155378311/147c6286-e20b-4acb-be95-4091111004f2">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/35f2ed09-a42b-4de1-a79e-5e8e941bafe0">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/3d2db39e-4a2d-4b71-acc3-3e7076b63590">
<img alt="copy symbol" src="https://github.com/user-attachments/assets/3d2db39e-4a2d-4b71-acc3-3e7076b63590">
</picture>
-- <b>copy</b>: duplicate the selected objects in place
</br></br>

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/ac49e1d1-6b51-4293-82af-44fa2b9682f3">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/dbc6aa11-3482-4755-96ea-2f0c70d1fdef">
<img alt="trash can" src="https://github.com/99-Knots/EditorDemo/assets/155378311/dbc6aa11-3482-4755-96ea-2f0c70d1fdef">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/75ad1acb-1246-4a53-ade4-a0d65b6bfbc2">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/2657798e-c87b-4757-8564-eb3dbf4b3534">
<img alt="a trash can" src="https://github.com/user-attachments/assets/2657798e-c87b-4757-8564-eb3dbf4b3534">
</picture>
-- <b>delete</b>: remove all selected objects from the scene
</br></br>
Expand All @@ -135,9 +135,9 @@ The editor allows users to position, orient, and scale objects within a 3D space
</br>

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/f490b3c9-9817-4d74-8927-78f1b3f5100f">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/508ff4b3-19cd-4d72-9dc2-043e53d93b2d">
<img alt="arrow pointing at bar" src="https://github.com/99-Knots/EditorDemo/assets/155378311/508ff4b3-19cd-4d72-9dc2-043e53d93b2d">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/b6b56857-8f5e-44de-b7fb-7001b223efcc">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/f1e5ddc9-2388-489e-bc21-beed3282067c">
<img alt="arrow pointing at bar" src="https://github.com/user-attachments/assets/f1e5ddc9-2388-489e-bc21-beed3282067c">
</picture>
-- <b>axis snap</b>: move the selection along the gizmo axis of the corresponding color until one of the selected objects hits an obstruction. The dashed version moves along the axis' negative direction. If no obstruction is found after a certain distance (50m by default) no movement takes place.
</br></br>
Expand All @@ -150,17 +150,17 @@ The editor allows users to position, orient, and scale objects within a 3D space
only available in scale mode:

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/e7de852e-7d53-471a-8c85-8159f1cb9e19">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/1f665f58-16b2-4bd3-b387-c535aa71e6b8">
<img alt="rectangle with bar through the center" src="https://github.com/99-Knots/EditorDemo/assets/155378311/1f665f58-16b2-4bd3-b387-c535aa71e6b8">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/d5a53e17-69b5-43d9-ad7c-07f9898e61a7">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/ea0752d6-fbd2-478d-9ef5-3a72efd8d3c7">
<img alt="rectangle with bar through the center" src="https://github.com/user-attachments/assets/ea0752d6-fbd2-478d-9ef5-3a72efd8d3c7">
</picture>
-- <b>centered scaling</b>: scaling is centered on the gizmo position and directed outwards from there
</br>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/cb182309-a6d9-4255-8fca-c22f17423fbe">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/99-Knots/EditorDemo/assets/155378311/414fa69a-a6c3-4d49-a630-dcf21bad2db7">
<img alt="rectangle with bar to its left" src="https://github.com/99-Knots/EditorDemo/assets/155378311/414fa69a-a6c3-4d49-a630-dcf21bad2db7">
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/34d1d604-603b-428c-9776-f362b50a3fce">
<source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/0c9a25fa-edb8-4716-abfd-b27b4fe4647d">
<img alt="rectangle with bar to its left" src="https://github.com/user-attachments/assets/0c9a25fa-edb8-4716-abfd-b27b4fe4647d">
</picture>
-- <b>directional scaling</b>: scaling factors are applied only in one direction causing the selection's opposite side to remain in place
</br></br>
Expand Down

0 comments on commit 1a4d64d

Please sign in to comment.