{{htmlmetatags>metatag-media-og:image=(:wiki:wiki.png)
metatag-keywords=(pac3, user, interface, wiki)
metatag-description=(PAC3 User Interface)
metatag-og:title=(PAC3 User Interface)
metatag-og:description=(User interface explained.)
}}

====== User Interface ======

==== 1. Toolbar ====
<block box>
<tabs justified="true">
  * [[#tab-pac|pac]]
  * [[#tab-view|view]]
  * [[#tab-options|options]]
  * [[#tab-player|player]]
  * [[#tab-tools|tools]]
 
<pane id="tab-pac">
<block>
<span code>{{:icon:editor:save.png?nolink}} **Save**</span>
<block in>
<span code> {{:icon:editor:autoload.png?nolink}} **auto load**</span> - Saves your outfit as **autoload**, this is the outfit that automatically loads when you spawn. 

<span code>{{:icon:editor:newfile.png?nolink}} **new file**</span> - Saves your outfit as a new file. To save to a specific folder add it before the name e.g. <span code>/newfolder/newoutfit.txt</span> . You can only save to already existing folders.

<span code>{{:icon:editor:newfolder.png?nolink}} **new directory**</span> - Creates a new directory (folder).

<span code>{{:icon:editor:outfits.png?nolink}} **<outfits>**</span> - Clicking on any of the outfits overwrites it. Hovering over an outfit displays the delete option.

<block in2>
<span code>{{:icon:editor:delete.png?nolink}} **delete**</span> - Deletes selected outfit.
</block>

<span code>{{:icon:editor:folder.png?nolink}} **<outfit folders>**</span> - Hovering over a folder displays the same settings as above plus additional delete button.

<block in2>
<span code>**delete directory**</span> - Deletes current directory (folder).
</block>
</block>

----

<span code>{{:icon:editor:folder.png?nolink}} **Load**</span> 
<block in>

<span code>**load from url**</span> - Loads an outfit from a direct link.

<span code>**examples**</span> - Loads one of the example outfits. 

<span code>**<outfits>**</span> - Loads selected outfit. Replaces whatever is currently in the editor.

<span code>**backups**</span> 

<span code>**outfit backups**</span>

</block>

----

<span code>Wear</span> - Makes the outfit visible to other players.

----

<span code>{{:icon:editor:delete.png?nolink}} Clear</span> - Clears the outfit.
<block in>
<span code>{{:icon:editor:delete.png?nolink}} Ok</span>  - Confirmation.
</block>

----

<span code>Help</span>
<block in>
<span code> Getting Started</span> - Links to the old pac wiki on github.

<span code> Discord / PAC3 Chat</span> - Links to the PAC3 Discord server.
</block>

----

<span code>Exit</span> - Closes the editor.
</block>
</pane>

<pane id="tab-view">
  * hide editor - Hides the editor. Same as Ctrl + E.
  * camera follow - Toggles camera follow. When enabled the editor camera will follow you whenever you move.
  * reset view position - Resets camera position.
  * about - Epic credits that are so fast you can't see anything.
</pane>
 
<pane id="tab-options">
  * advanced mode - Toggles the advanced mode. When enabled allows access to all PAC parts.
  * inverse collapse/expand controls
  * remember editor position -
  * position grid size - Changes the size of position grid. You can snap to grid by holding Shift.
  * angles grid size
  * render attachments as bones
  * automatic property size
  * language
  * font
  * rendering
    * no outfit reflections
    * render objects outside of visible FOV
    * render projected textures 
</pane>

<pane id="tab-player">
  * t pose
  * reset eye angles
  * modifier
    * size
    * model
</pane>

<pane id="tab-tools">
  * fix origin
  * replace ogg with webaudio
  * copy global id
  * use legacy scale
    * true
    * false
  * scale this and children
  * free children from part
  * square model scales
  * show only with active weapon
    * hide weapon
    * show weapon
  * import editor tool from file...
  * import editor tool from url...
  * round numbers
  * clear names
  * convert group of models to Expression 2 hologram
  * record surrounding props to pac
  * populate with bones
  * print part info
  * dump player submaterials
  * stop all custom animations
  * copy from faceposer tool
  * spawn as props
</pane>
</tabs>
</block>
==== 2. Editor - Tree View ====


The editor is where parts are inserted, modified and arranged.
By default the only thing here is the root group called "my outfit"

Pressing Right Mouse Button on the empty space displays following settings:
  * <new part menu>
  * load

Pressing Right Mouse Button on an existing part displays following settings:
  * wear
  * copy
  * paste
  * cut
  * paste properties
  * clone
  * <new part menu>
  * save
  * load
  * remove

You can move existing parts by dragging them with Left Click.

The bar below the editor displays average render time of your current outfit. Hover over it to display additional information.

==== 3. Properties panel ====


When you select a part all of its properties appear in this panel.

==== 4. Camera settings ====


Hover over the Camera FOV slider to display additional settings.
  * Camera FOV 
    * Persistent camera FOV
    * Enable mouse wheel
    * Smooth zooming

==== 5. Editor - 3D ====


Acts as a preview, also lets you move parts around.

You can move the camera with W, A, S, D keys and rotate it with Left Mouse Button.

Hovering over a part in the tree panel highlights it in the 3D view.

After selecting a part in the tree panel you'll see three colored lines on the 3D screen. Each of them represents an axis in the 3D space. Red for X, Green for Y and Blue for . Each line has a circle at the end and an arrow in the middle. Grab the circle to change the position of the part. Grab the arrow to change the angle.

Pressing Right Mouse Button on the 3D screen displays all the options from the toolbar.