fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-08 15:08:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Bezier-rs: Add parametric evaluate and line intersect to subpath (#852)

Browse Source 
* add slider to subpath component + change evaluate to take an enum

Co-authored-by: Rob Nadal <RobNadal@users.noreply.github.com>

wip - add intersect to subpath, TODO fix bug

Co-authored-by: Rob Nadal <RobNadal@users.noreply.github.com>

add unit tests to subpath intersections

stress, testing

Co-authored-by: Hannah Li <hannahli2010@gmail.com>

* add parametric eval impl to subpath

* add line intersection to subpath

* Uncomment and #[ignore] disabled tests

* Reorder a few imports

* change subpath:eval slider to radio button

* fixed bug with solve_cubic, fixed unit tests, improved intersection accuracy

* fix failing test

Co-authored-by: Hannah Li <hannahli2010@gmail.com>
Co-authored-by: Keavon Chambers <keavon@keavon.com>
This commit is contained in:
Thomas Cheng
2022-12-11 00:41:02 -05:00
committed by Keavon Chambers
co-authored by Rob Nadal Hannah Li Keavon Chambers
parent 9a4af4f87a
commit 52cc770a1e
13 changed files with 713 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/other/bezier-rs-demos/src/App.vue
+54 -5
View File
@@ -13,7 +13,7 @@
</div>
<h2>Subpaths</h2>
<div v-for="(feature, index) in subpathFeatures" :key="index">
<SubpathExamplePane :name="feature.name" :callback="feature.callback" />
<SubpathExamplePane :name="feature.name" :callback="feature.callback" :sliderOptions="feature.sliderOptions" :chooseComputeType="feature.chooseComputeType" />
</div>
</template>
@@ -84,6 +84,14 @@ const tErrorOptions = {
default: 0.5,
};
const tMinimumSeperationOptions = {
variable: "minimum_seperation",
min: 0.001,
max: 0.25,
step: 0.001,
default: 0.05,
};
export default defineComponent({
data() {
return {
@@ -369,6 +377,14 @@ export default defineComponent({
],
},
},
customPoints: {
Cubic: [
[31, 94],
[40, 40],
[107, 107],
[106, 106],
],
},
},
{
name: "Skewed Outline",
@@ -479,11 +495,11 @@ export default defineComponent({
[180, 10],
[90, 120],
];
return bezier.intersect_quadratic_segment(quadratic, options.error);
return bezier.intersect_quadratic_segment(quadratic, options.error, options.minimum_seperation);
},
exampleOptions: {
Quadratic: {
sliderOptions: [tErrorOptions],
sliderOptions: [tErrorOptions, tMinimumSeperationOptions],
},
},
},
@@ -496,11 +512,11 @@ export default defineComponent({
[40, 120],
[175, 140],
];
return bezier.intersect_cubic_segment(cubic, options.error);
return bezier.intersect_cubic_segment(cubic, options.error, options.minimum_seperation);
},
exampleOptions: {
Quadratic: {
sliderOptions: [tErrorOptions],
sliderOptions: [tErrorOptions, tMinimumSeperationOptions],
},
},
},
@@ -558,6 +574,39 @@ export default defineComponent({
name: "Length",
callback: (subpath: WasmSubpathInstance): string => subpath.length(),
},
{
name: "Evaluate",
callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined, computeType: ComputeType): string => subpath.evaluate(options.computeArgument, computeType),
sliderOptions: [{ ...tSliderOptions, variable: "computeArgument" }],
chooseComputeType: true,
},
{
name: "Intersect (Line Segment)",
callback: (subpath: WasmSubpathInstance): string =>
subpath.intersect_line_segment([
[150, 150],
[20, 20],
]),
},
{
name: "Intersect (Quadratic segment)",
callback: (subpath: WasmSubpathInstance): string =>
subpath.intersect_quadratic_segment([
[20, 80],
[180, 10],
[90, 120],
]),
},
{
name: "Intersect (Cubic segment)",
callback: (subpath: WasmSubpathInstance): string =>
subpath.intersect_cubic_segment([
[40, 20],
[100, 40],
[40, 120],
[175, 140],
]),
},
],
};
},