ic
/
magnum
mirror of https://github.com/mosra/magnum.git
6
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11663 Commits
21 Branches
19 Tags
70 MiB
Branch: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
magnum/doc/snippets/line-cap-triangle.svg

22 lines
2.2 KiB
Raw Permalink Normal View History Unescape

Shaders: initial implementation of a line shader. The shader requires the input data to be laid out in a rather specific way, and there will be a dedicated MeshTools utility for it in the following commits. For independence though, the shader tests use a custom helper. The initial implementation has certain corner cases which will be eventually resolved. For now they are pinned down with repro cases in the test. But apart from that, it's pretty much usable in practice. Remaining join styles (round and miter-clip) as well as stipple support will eventually follow as well.
4 years ago
<svg style="width: 275px; height: 50px;" viewBox="0 0 72.76 13.229" class="m-image">
<g transform="translate(-2.6458 -14.552)" fill="none" stroke="#747474" stroke-width=".26458">
<path d="m47.625 15.879h-42.303v10.576h42.303v-10.576" stop-color="#000000" style="-inkscape-stroke:none;font-variation-settings:normal"/>
<path d="m5.3219 21.167 42.303 5e-6" stop-color="#000000" stroke-dasharray="0.264583, 0.529165" stroke-linejoin="round" style="-inkscape-stroke:none;font-variation-settings:normal"/>
</g>
<g transform="translate(-166.69 -112.45)" fill="none" stroke-linejoin="round">
<path transform="translate(164.04 97.896)" d="m5.2917 26.458 47.625-10.583" stop-color="#000000" stroke="#dcdcdc" stroke-dasharray="0.264583, 0.264583" stroke-dashoffset=".26458" stroke-width=".26458"/>
<g stroke-linecap="round">
<path d="m169.33 124.35h47.625v-10.583h-47.625z" stop-color="#000000" stroke="#dcdcdc" stroke-width=".26458" style="-inkscape-stroke:none;font-variation-settings:normal"/>
<path d="m169.33 113.77h42.333l5.2917 5.2917-5.2917 5.2917h-42.333" stop-color="#000000" stroke="#2f83cc" stroke-width=".52916" style="-inkscape-stroke:none;font-variation-settings:normal"/>
<path d="m226.16 124.35h10.583v-10.583h-10.583z" stop-color="#000000" stroke="#dcdcdc" stroke-width=".26458" style="-inkscape-stroke:none;font-variation-settings:normal"/>
</g>
<path d="m226.22 124.35 10.583-10.583" stop-color="#000000" stroke="#dcdcdc" stroke-dasharray="0.264583, 0.264583" stroke-dashoffset=".26458" stroke-width=".26458"/>
<path d="m231.45 113.77-5.2917 5.2917 5.2917 5.2917 5.2917-5.2917-5.2917-5.2917" stop-color="#000000" stroke="#2f83cc" stroke-linecap="round" stroke-width=".52916" style="-inkscape-stroke:none;font-variation-settings:normal"/>
</g>
<g transform="translate(-2.6458 -14.552)" stroke="#2f363f" stroke-width=".26458">
<circle cx="67.438" cy="21.167" r="1.3532" fill="#747474" stop-color="#000000" style="font-variation-settings:normal"/>
<circle cx="47.625" cy="21.136" r="1.3532" fill="#c7cf2f" stop-color="#000000" style="font-variation-settings:normal"/>
<circle cx="5.2917" cy="21.167" r="1.3229" fill="#cd3431" stop-color="#000000" style="font-variation-settings:normal"/>
</g>
</svg>