Projects & Schema
Vector paths and compositing
Keep path geometry editable and use alpha mattes or erasers within a controlled layer group.
Structured vector points support straight lines and Bézier handles. Compositing changes how a layer's alpha affects lower siblings inside the same parent.
Rendered output
Experimental album cover
Editable vector geometry, overlapping color fields and local layer compositing in a still composition.
Editable path
<div id="wave" data-jc-clip data-jc-kind="shape" data-jc-name="Wave"
data-jc-start="0" data-jc-duration="1" data-jc-track="3"
data-jc-vector-closed="true"
data-jc-vector-fill="#ff9418"
data-jc-vector-stroke="#ffffff"
data-jc-vector-stroke-width="4"
data-jc-vector-points="[{"id":"a","x":20,"y":180,"curve":true,"controlOut":{"x":120,"y":20}},{"id":"b","x":420,"y":180,"curve":true,"controlIn":{"x":300,"y":340}}]">
</div>Alpha roles
<div id="local-composition" data-jc-clip data-jc-kind="group" ...>
<img id="photo" data-jc-clip data-jc-kind="image" ... />
<div id="cutout" data-jc-clip data-jc-kind="shape"
data-jc-composite="erase" ...></div>
</div>data-jc-composite="erase"removes lower sibling pixels using source alpha.data-jc-composite="matte"keeps lower sibling pixels using source alpha.
The compositing layer itself is not painted into the output. Opaque pixels have full effect; gradients produce proportional transparency. Put the affected layers and the matte in one group when unrelated background layers must stay untouched.