meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
section:section-object-rotate_transform [2026/04/12 15:03] – dorepssection:section-object-rotate_transform [2026/07/29 18:03] (current) – doreps
Line 1: Line 1:
-====== Rotate & Transform ======+====== Total Launcher Rotate & Transform: 2D and 3D Object Manipulation ======
  
-{{ :ui:ui-icon_rotate-transform.png?direct&100 |}}+The Rotate and Transform feature in Total Launcher provides powerful tools for manipulating object orientation, enabling everything from simple 2D spins to complex 3D perspective distortions. Utilizing such spatial manipulation capabilities allows the creation of highly dynamic, visually striking elements within a custom setup, pushing an Android homescreen layout far beyond standard flat grids. Distinguishing between flat rotation on a 2D plane and spatial geometry changes in 3D space is critical for mastering advanced interface design. The manipulation process begins by locating the specific tool icon within the bottom Object Design Menu. 
 +<WRAP hscroll_box> 
 +<WRAP> 
 +This feature allows the manipulation of object orientation, ranging from simple 2D spins to complex 3D perspective distortions.
  
-This feature allows for the manipulation of object orientation, ranging from simple 2D spins to complex 3D perspective distortions. +The icon is located within the ++Object Design Menu|{{:ui:ui-icon_object_design_menu_bottom-v4.webp?400}}++ (bottom).
- +
-This option is located within the ++Object Design Menu|{{:ui:ui-icon_object_design_menu_bottom.png?400}}++ (bottom) with the icon {{:ui:ui-icon_rotate-transform.png?25}}.+
  
 Total Launcher distinguishes between two types of manipulation: Total Launcher distinguishes between two types of manipulation:
- 
   * **Rotate:** Spins an object on a flat 2D plane (Z-axis), similar to turning a piece of paper on a desk.   * **Rotate:** Spins an object on a flat 2D plane (Z-axis), similar to turning a piece of paper on a desk.
   * **Transform:** Manipulates objects in 3D space, changing spatial geometry and perspective.   * **Transform:** Manipulates objects in 3D space, changing spatial geometry and perspective.
  
 +</WRAP>
 +<WRAP>{{ui:ui-icon_rotate-transform-v4.webp?direct&100|Transform-Rotate Icon}}
 +</WRAP>
 +</WRAP>
 ===== The Interface (Modes) ===== ===== The Interface (Modes) =====
-The behavior of the adjustment sliders depends entirely on the selected **Mode**. The screen is controlled by a radio button toggle:+The behavior of the adjustment sliders depends entirely on the selected **Mode**. The dialog is controlled by a radio button toggle:
  
 |  Θ Rotate  |  Θ Transform  | |  Θ Rotate  |  Θ Transform  |
-|{{:ui:ui-object_design_menu-rotate.png?200}}|{{:ui:ui-object_design_menu-transform.png?200}}|+|  {{ui:ui-object_design_menu-rotate-dialog-v4.webp?200}}  |  {{ui:ui-object_design_menu-transform-dialog-v4.webp?200}}  | 
 +|  • Select **Rotate** to adjust angles (Degrees)  |  • Select **Transform** to adjust spatial position and distortion (Size/Depth)  |
  
-  * Select **Rotate** to adjust angles (Degrees). +<WRAP round tip> 
-  * Select **Transform** to adjust spatial position and distortion (Size/Depth). +**Manual Entry:** Tap any slider icon once to open the numeric input dialog. This allows an exact value to be entered for precise alignment.
- +
-<WRAP tip> +
-**Manual Entry:** Tap any slider icon once to open the numeric input dialog. This allows you to type exact values for precise alignment.+
 </WRAP> </WRAP>
  
Line 30: Line 32:
 ^ Slider ^ Axis ^ Technical Action ^ Visual Effect ^ ^ Slider ^ Axis ^ Technical Action ^ Visual Effect ^
 | **Top** |  **Z-Axis** (Roll)  | Spins the object around its center point.\\ [-180 to +180] | **Clockwise Spin:** The object rotates on the flat 2D plane of the screen like a clock face. | | **Top** |  **Z-Axis** (Roll)  | Spins the object around its center point.\\ [-180 to +180] | **Clockwise Spin:** The object rotates on the flat 2D plane of the screen like a clock face. |
-| **Side** |  **Y-Axis** (Pitch)  | Pivots the object around its horizontal center.\\ [-180 to +180]  | **Tilt Forward/Back:** The object tilts into 3D space; the top appears further away and the bottom appears closer to the viewer. |+| **Side** |  **Y-Axis** (Pitch)  | Pivots the object around its horizontal center.\\ [-180 to +180]  | **Tilt Forward/Back:** The object tilts into 3D space; the top appears further away, and the bottom appears closer to the viewer. |
 | **Bottom** |  **X-Axis** (Yaw)  | Pivots the object around its vertical center.\\ [-180 to +180] | **Swing Left/Right:** The object rotates horizontally; one side is pushed back while the other is pulled forward. | | **Bottom** |  **X-Axis** (Yaw)  | Pivots the object around its vertical center.\\ [-180 to +180] | **Swing Left/Right:** The object rotates horizontally; one side is pushed back while the other is pulled forward. |
  
 <WRAP note> <WRAP note>
-**Pivot Point:** All rotations occur around the object's **center point**. You cannot currently change the anchor point to the edge (e.g., to make a door swing from its hinges). +**Pivot Point:** All rotations occur around the object's **center point**. The anchor point can not be changed to the edge (e.g., to make a door swing from its hinges).
-</WRAP> +
- +
-<WRAP tip> +
-**Note:** If the object looks "flat" (skewed) rather than 3D after rotating the X or Y axis, check the **Perspective** settings in the main launcher options. Without perspective, 3D rotations appear as simple 2D skewing.+
 </WRAP> </WRAP>
  
Line 45: Line 43:
  
 ^ Slider ^ Function ^ Technical Action ^ Visual Effect ^ ^ Slider ^ Function ^ Technical Action ^ Visual Effect ^
-| **Top** |  **Scale**  | Uniform scaling/compression.\\ [+10 to +100]  | **Zoom:** Increases or decreases the overall size of the object.  |+| **Top** |  **Scale**  | Uniform scaling/compression.\\ [+10 to +100]  | **Zoom:** Increases or decreases the overall appearance of the object. Default is set to ''100'', the object's current state. This only permits a decrease of scale. Any increase greater than the initial state must be performed at the 'object edit' level.   |
 | **Side** |  **X-Position**  | X-axis translation.\\ [-200 to +200]  | **Shift:** Moves the object's anchor point along the horizontal plane (e.g., lower-left).  | | **Side** |  **X-Position**  | X-axis translation.\\ [-200 to +200]  | **Shift:** Moves the object's anchor point along the horizontal plane (e.g., lower-left).  |
 | **Bottom** |  **Z-Depth**  | Magnification/Proximity.\\ [-200 to +200] | **Perspective Depth:** massively enlarges or skews the object, stretching it toward the viewer as if moving the camera closer.  | | **Bottom** |  **Z-Depth**  | Magnification/Proximity.\\ [-200 to +200] | **Perspective Depth:** massively enlarges or skews the object, stretching it toward the viewer as if moving the camera closer.  |
  
-<WRAP tip> +<WRAP round tip> 
-**Scale vs. Resize:** The **Scale** slider (Top) adjusts the visual zoom of the object content, distinct from changing the object's bounding box on the grid.+**Scale vs. Resize:** The **Scale** slider (Top) adjusts the visual zoom of the object content, distinct from changing the object's bounding box on the page.
 </WRAP> </WRAP>
  
Line 60: Line 58:
 </WRAP> </WRAP>
 <WRAP centeralign> <WRAP centeralign>
-A rotation must be applied first for the transform (depth) effect to become visible.+• A rotation must be applied first for the transform (depth) effect to become visible.\\  
 +• Increasing the **Transform (Z-Depth/Perspective)** slider without changing the **Rotate (Angle)** causes the object to appear squished or resized rather than 3D.
 </WRAP> </WRAP>
 </WRAP> </WRAP>
- 
-Increasing the **Transform (Z-Depth/Perspective)** slider without changing the **Rotate (Angle)** causes the object to appear squished or resized rather than 3D. 
  
 **Correct Sequence for 3D Effects:** **Correct Sequence for 3D Effects:**
Line 79: Line 76:
 | **Groups** |  Yes  |  **Yes**  | **Workaround:** If an object will not transform, place it within a Group and apply the transform to the Group container.  | | **Groups** |  Yes  |  **Yes**  | **Workaround:** If an object will not transform, place it within a Group and apply the transform to the Group container.  |
  
-<WRAP warning>+<WRAP round warning>
 **Group Warning:** A transformed object, if added to a group *after* being transformed, will lose its transformation settings. **Group Warning:** A transformed object, if added to a group *after* being transformed, will lose its transformation settings.
 </WRAP> </WRAP>