{"id":1709,"date":"2017-02-28T01:30:07","date_gmt":"2017-02-28T01:30:07","guid":{"rendered":"http:\/\/fractorium.com\/?page_id=1709"},"modified":"2019-04-16T02:43:20","modified_gmt":"2019-04-16T02:43:20","slug":"palette-editor","status":"publish","type":"page","link":"http:\/\/fractorium.com\/?page_id=1709","title":{"rendered":"Palette Editor"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1986\" src=\"http:\/\/fractorium.com\/wp-content\/uploads\/palette-editor-dialog.png\" alt=\"\" width=\"1733\" height=\"1183\" srcset=\"http:\/\/fractorium.com\/wp-content\/uploads\/palette-editor-dialog.png 1733w, http:\/\/fractorium.com\/wp-content\/uploads\/palette-editor-dialog-300x205.png 300w, http:\/\/fractorium.com\/wp-content\/uploads\/palette-editor-dialog-1024x699.png 1024w\" sizes=\"auto, (max-width: 1733px) 100vw, 1733px\" \/><\/p>\n<p>Standard palettes are read-only and do not support editing capabilities. However, palettes created from within this dialog in Fractorium are editable and are referred to as &#8220;user created&#8221; palettes. Fractorium installs with one default user created palette file named user-palette.xml.<\/p>\n<p>User created palettes files are stored in the settings folder where the settings and stylesheet files are stored.<\/p>\n<p>When the Palette Editor is shown, the current palette is loaded into it.<\/p>\n<p>While the combo box will show both standard and user created palette files, only the latter will enable all functionality in this window. Hover over the combo box to see exactly where the current file is stored.<\/p>\n<p>The arrows along the bottom portion of the gradient allow you to adjust the colors in the palette, and these are only available in user created palettes.<\/p>\n<p>The arrows along the top portion of the gradient allow you to adjust the color index of each xform by dragging. This is helpful because it gives an overall view where you can see all indices at once, as opposed to the main window which suffers from only showing the index of the current xform, which makes it difficult to get an idea of where they are located in relation to each other.<\/p>\n<p>Exiting the Palette Editor by clicking <code>Ok<\/code> will assign the current palette back to the palette of the flame in the main editor window. Exiting by clicking <code>Cancel<\/code> will restore that palette back to what it originally was before opening the Palette Editor.<\/p>\n<p>Note that regardless of what button is clicked, edits to the palette files themselves are always saved automatically.<\/p>\n<h3 class=\"collapseomatic \" id=\"id69e18821ce775\"  tabindex=\"0\"     >New palette file<\/h3><div id=\"target-id69e18821ce775\" class=\"collapseomatic_content \">\n<p>Create a new palette file with a defualt name of user-palettes_x.xml in the settings folder. It will contain one default empty palette in it which will be displayed in the list box.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821ce962\"  tabindex=\"0\"     >Copy palette file<\/h3><div id=\"target-id69e18821ce962\" class=\"collapseomatic_content \">\n<p>Create a new palette file by copying the current file and appending a number to the end of its name and save it in the settings folder. This new copy will be loaded as the current file.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cea39\"  tabindex=\"0\"     >Palette combo box<\/h3><div id=\"target-id69e18821cea39\" class=\"collapseomatic_content \">\n<p>Lists all currently available user created palette files. Changing the selected file loads it into the list below. Hovering over the combo box shows the location of the file.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821ceb09\"  tabindex=\"0\"     >Palette list box<\/h3><div id=\"target-id69e18821ceb09\" class=\"collapseomatic_content \">\n<p>Lists all\u00a0palettes in the current palette file. Click the second column to make a palette active, and click the first column to rename the palette.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cebdf\"  tabindex=\"0\"     >Append palette<\/h3><div id=\"target-id69e18821cebdf\" class=\"collapseomatic_content \">\n<p>Append the palette shown in the editor to the end of the current file and save it.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cecac\"  tabindex=\"0\"     >Overwrite palette<\/h3><div id=\"target-id69e18821cecac\" class=\"collapseomatic_content \">\n<p>Overwrite the currently selected palette with the one shown in the editor and save it.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821ced78\"  tabindex=\"0\"     >Delete palette<\/h3><div id=\"target-id69e18821ced78\" class=\"collapseomatic_content \">\n<p>Delete the currently selected palette from the file. If only one palette exists in the file, then no action is taken.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cee47\"  tabindex=\"0\"     >Palette gradient display<\/h3><div id=\"target-id69e18821cee47\" class=\"collapseomatic_content \">\n<p>This is where you can see what the palette looks like. It&#8217;s created based on blending between all of the arrows at the bottom. Each arrow represents a position between the start and end, as well as a color.<\/p>\n<p>You can drag the arrows and see the effect on the final palette output.<\/p>\n<p>Double clicking an arrow sets its color as the current one in the controls below.<\/p>\n<p>The arrows along top show the location of the color index of each xform. You can drag them as needed.<\/p>\n<p>Ensure that <code>Sync<\/code> is checked to see the results of your changes in real-time.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cef17\"  tabindex=\"0\"     >Color picker<\/h3><div id=\"target-id69e18821cef17\" class=\"collapseomatic_content \">\n<p>This shows the current color for the currently selected arrow. Drag around the triangle to change the color, or directly select a color by clicking on the large square. Any change to the color will apply to the current arrow.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cefed\"  tabindex=\"0\"     >Sync<\/h3><div id=\"target-id69e18821cefed\" class=\"collapseomatic_content \">\n<p>Apply any changes to the current palette to the palette of the flame in the main window. This is helpful to see how palette changes alter the final output image.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf0bb\"  tabindex=\"0\"     >Auto distribute<\/h3><div id=\"target-id69e18821cf0bb\" class=\"collapseomatic_content \">\n<p>When adding a new arrow, it&#8217;s added between the current arrow and the one next to it. However, if this is checked, all arrows are spaced an equal distance apart.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf18c\"  tabindex=\"0\"     >Blend<\/h3><div id=\"target-id69e18821cf18c\" class=\"collapseomatic_content \">\n<p>If checked, colors will be blended between the arrow colors. If unchecked, it will do hard cuts and the first color on the left side will be that of the second arrow.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf25a\"  tabindex=\"0\"     >Arrows<\/h3><div id=\"target-id69e18821cf25a\" class=\"collapseomatic_content \">\n<p>When <code>Add Color<\/code> is clicked, this many arrows are added. Increasing this number is helpful when many colors need to be added.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf329\"  tabindex=\"0\"     >Add color<\/h3><div id=\"target-id69e18821cf329\" class=\"collapseomatic_content \">\n<p>Add a number of new colors equal to the current value of the <code>Arrows<\/code> spinner.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf505\"  tabindex=\"0\"     >Remove color<\/h3><div id=\"target-id69e18821cf505\" class=\"collapseomatic_content \">\n<p>Remove the current color if there are at least three colors present.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf5f5\"  tabindex=\"0\"     >Invert colors<\/h3><div id=\"target-id69e18821cf5f5\" class=\"collapseomatic_content \">\n<p>Set the color value of each arrow to its inverse by subtracting the value of each RGB component from 255.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cf6c4\"  tabindex=\"0\"     >Random colors<\/h3><div id=\"target-id69e18821cf6c4\" class=\"collapseomatic_content \">\n<p>Assign the color value of each arrow to a random value whose RGB components are each between 0 and 255, inclusive.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cfc20\"  tabindex=\"0\"     >Distribute colors<\/h3><div id=\"target-id69e18821cfc20\" class=\"collapseomatic_content \">\n<p>Place an equal amount of space between each color.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cfcf6\"  tabindex=\"0\"     >Reset<\/h3><div id=\"target-id69e18821cfcf6\" class=\"collapseomatic_content \">\n<p>Reset the palette to a default state with two colors.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cfdc4\"  tabindex=\"0\"     >Create from image<\/h3><div id=\"target-id69e18821cfdc4\" class=\"collapseomatic_content \">\n<p>Select an image, and pick the colors of random pixels to be used as colors in the palette.<\/p>\n<p>The number of colors created will be equal to the value in the <code>Arrows<\/code> spinner.<\/p>\n<\/div>\n<h3 class=\"collapseomatic \" id=\"id69e18821cfe92\"  tabindex=\"0\"     >Create again from image<\/h3><div id=\"target-id69e18821cfe92\" class=\"collapseomatic_content \">\n<p>If an image has already been selected, create a random set of colors from it again.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Standard palettes are read-only and do not support editing capabilities. However, palettes created from within this dialog in Fractorium are editable and are referred to as &#8220;user created&#8221; palettes. Fractorium installs with one default user created palette file named user-palette.xml. User created palettes files are stored in the settings folder where the settings and stylesheet [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":430,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1709","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/pages\/1709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/fractorium.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1709"}],"version-history":[{"count":31,"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/pages\/1709\/revisions"}],"predecessor-version":[{"id":2146,"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/pages\/1709\/revisions\/2146"}],"up":[{"embeddable":true,"href":"http:\/\/fractorium.com\/index.php?rest_route=\/wp\/v2\/pages\/430"}],"wp:attachment":[{"href":"http:\/\/fractorium.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}