> For the complete documentation index, see [llms.txt](https://albertlidesign.gitbook.io/ibeso/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://albertlidesign.gitbook.io/ibeso/gui/drawing-panel.md).

# Drawing Panel

![Drawing Panel](https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FoVBmXxrosUTM8i6XBTc1%2FDrawingPanel.png?alt=media\&token=f17c79c7-c56a-4c27-a39d-ec49e9746e93)

Drawing panel allows users to design their ideal structure by drawing. The drawn graph will act as a weighting diagram to influence the four optimizers. A detailed introduction to the drawing system can be found [here](/ibeso/tutorial/scoring-system.md).

### Operations

Move the mouse into the canvas, the pointer will become a brush stroke. The pixels in the stroke can be weighted.

Left Click: weighting pixels 

Right Click: erasing weights

Shift+Left Click: drawing lines

### Functions

<table><thead><tr><th width="266.57142857142856">Item</th><th>Function</th></tr></thead><tbody><tr><td>Radius (Slider)</td><td>Change the radius of the brush stroke</td></tr><tr><td>Hardness (Slider)</td><td>Change the hardness of the brush stroke</td></tr><tr><td>Opacity (Slider)</td><td>Change the opacity of the brush stroke</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FL9VW9uEl84cBQAG8DXf9%2FNew_Selected.png?alt=media&amp;token=7f0d4db1-f5b7-4f35-8772-5a8fd6e5d9fd" alt="" data-size="line"> New (Button)</td><td>Create a new canvas</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FyDYB1T6SBqF1jQtaopkn%2FA_Selected.png?alt=media&amp;token=ec6f1da8-4342-4802-9581-5954e237c57a" alt="" data-size="line"> Solution A (Button)</td><td>Set Solution A's nodal sensitivity field as a base canvas</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2F95VZ1TsnLZMTeZTnN6PU%2FB_Selected.png?alt=media&amp;token=c0d2efa0-c673-48a3-bb3f-2a690f739f91" alt="" data-size="line"> Solution B (Button)</td><td>Set Solution B's nodal sensitivity field as a base canvas</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FrSwoM3QxLxAr34x9umZD%2FC_Selected.png?alt=media&amp;token=de626574-2eba-48ba-80d5-f17ac08b61fb" alt="" data-size="line"> Solution C (Button)</td><td>Set Solution C's nodal sensitivity field as a base canvas</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2Ft6CAia3wto9D5XF7DCzz%2FD_Selected.png?alt=media&amp;token=55333fbd-f6d6-4ba4-a3ab-aaf51cd01537" alt="" data-size="line"> Solution D (Button)</td><td>Set Solution D's nodal sensitivity field as a base canvas</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FsQ5ueLHuDPPsBDGoDJ9L%2FReturn_Selected.png?alt=media&amp;token=845e859d-8c62-4943-a43d-85f18dd38ff8" alt="" data-size="line"> Return (Button)</td><td>Close the drawing panel without saving changes</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FuLhPvmAm7gsIiZi0FQ3H%2FCheck_Selected.png?alt=media&amp;token=15a7f4b4-e2c8-4334-881a-e03f8a0fbef7" alt="" data-size="line"> Check (Button)</td><td>Save the changes and close the drawing panel</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FGij7YXNQabC2TxuFUD7O%2FLoad.png?alt=media&amp;token=37cc0418-e4e4-4c6f-85a2-ed0f7f0464d4" alt="" data-size="line"> Load (Icon)</td><td>An icon that represents a load</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2F9eO5mSOjk45M89Zr7TLW%2FFixSupport.png?alt=media&amp;token=d9b3bc73-9ab8-4fbb-a30a-2520d2c14d15" alt="" data-size="line"> Pinned Support (Icon)</td><td>An icon that represents a pinned support</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2FYrCpkc4LZkROsNqJl9xV%2FRollerX.png?alt=media&amp;token=0c4b3ae8-7a5f-4940-b8e2-023ffb584a93" alt="" data-size="line"> Roller Support X (Icon)</td><td>An icon that represents a roller support (horizontal direction)</td></tr><tr><td><img src="https://2960853735-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGg9Y8lKv4D2qh4NbWZvn%2Fuploads%2Fj5e2dJQqoRQxKahwCUPH%2FRollerY.png?alt=media&amp;token=c4048a6c-b850-476c-94dd-d178dd27265a" alt="" data-size="line"> Roller Support Y (Icon)</td><td>An icon that represents a roller support (vertical direction)</td></tr></tbody></table>