omar/panopainter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added render target and bezier classes, added stroke settings panel

Browse Source
This commit is contained in:
omigamedev
2017-03-24 03:15:29 +00:00
parent 03a5212e56
commit a2cb0ecafe
16 changed files with 798 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
data/layout.xml
View File

@@ -35,8 +35,8 @@
<!--slider control-->
<layout id="tpl-slider-h">
<border pad="1" grow="1" height="100%" color="1" dir="row">
<node height="100%" grow="1">
<border pad="1" color="1">
<node height="100%">
<slider-cursor id="cursor" width="10" height="100%" positioning="absolute" />
</node>
</border>
@@ -118,8 +118,55 @@
<text text="Colors" font-face="arial" font-size="11" color="1 1 1 1"/>
</border>
<border color=".3" pad="5" dir="row" height="150">
<color-quad color=".2" height="100%" grow="1"/>
<node width="30" dir="col" pad="0 0 0 5"><slider-hue/></node>
<color-quad id="quad" color=".2" height="100%" grow="1"/>
<node width="30" dir="col" pad="0 0 0 5"><slider-hue id="hue"/></node>
</border>
</node>
</layout>
<!--stroke panel-->
<layout id="tpl-panel-stroke">
<node width="220" margin="0 0 10 0">
<border height="30" color=".5" align="center" justify="center">
<text text="Stroke" font-face="arial" font-size="11" color="1 1 1 1"/>
</border>
<border color=".3" pad="5" dir="col" width="100%">
<border color=".2" pad="3" margin="0 0 10 0"> <canvas2D id="canvas" width="100%" height="100"/> </border>
<border color=".2" height="20" justify="center" align="center"><text text="Tip Settings" font-face="arial" font-size="11"/></border>
<node dir="row">
<node width="30%" dir="col">
<node height="20" justify="center"><text text="Size" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Flow" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Spacing" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Angle" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Mixer" font-face="arial" font-size="11"/></node>
</node>
<border dir="col" align="center" grow="1" width="1">
<node height="20" pad="1" width="100%"><slider-h id="tip-size"/></node>
<node height="20" pad="1" width="100%"><slider-h id="tip-flow"/></node>
<node height="20" pad="1" width="100%"><slider-h id="tip-spacing"/></node>
<node height="20" pad="1" width="100%"><slider-h id="tip-angle"/></node>
<node height="20" pad="1" width="100%"><slider-h id="tip-mix"/></node>
</border>
</node>
<border color=".2" height="20" justify="center" align="center"><text text="Jitter Settings" font-face="arial" font-size="11"/></border>
<node dir="row">
<node width="30%" dir="col">
<node height="20" justify="center"><text text="Scale" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Angle" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Spread" font-face="arial" font-size="11"/></node>
<node height="20" justify="center"><text text="Flow" font-face="arial" font-size="11"/></node>
</node>
<border dir="col" align="center" grow="1" width="1">
<node height="20" pad="1" width="100%"><slider-h id="jitter-scale"/></node>
<node height="20" pad="1" width="100%"><slider-h id="jitter-angle"/></node>
<node height="20" pad="1" width="100%"><slider-h id="jitter-spread"/></node>
<node height="20" pad="1" width="100%"><slider-h id="jitter-flow"/></node>
</border>
</node>
</border>
</node>
</layout>
@@ -346,12 +393,14 @@
<!-- side bar -->
<node height="100%" dir="row" shrink="1">
<border pad="5 5 5 5" margin="0 0 0 0" color=".3 .3 .3 .4" height="100%" dir="col" wrap="1" shrink="1">
<!--Stroke-->
<panel-stroke id="panel-stroke"/>
<!--Brushes-->
<panel-brushes id="panel-brushes"/>
<panel-brush id="panel-brush"/>
<!--Layers-->
<panel-layers id="panel-layers"/>
<panel-layer id="panel-layer"/>
<!--Colors-->
<ref id="tpl-panel-color"/>
<panel-color id="panel-color"/>
</border>
</node>
<!-- content panel -->