xinyun/ComfyUI-KJNodes
1
0
Fork 0
mirror of https://git.datalinker.icu/kijai/ComfyUI-KJNodes.git synced 2025-12-10 05:15:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update spline_editor.js

Browse Source
This commit is contained in:
kijai 2024-04-25 17:58:04 +03:00
parent b99d27311f
commit ddc4753a03
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/js/spline_editor.js
View File

@ -160,6 +160,30 @@ function createSplineEditor(context, reset=false) {
const pointsStoreWidget = context.widgets.find(w => w.name === "points_store");
const tensionWidget = context.widgets.find(w => w.name === "tension");
const segmentedWidget = context.widgets.find(w => w.name === "segmented");
var interpolation = interpolationWidget.value
var tension = tensionWidget.value
var points_to_sample = pointsWidget.value
interpolationWidget.callback = () => {
interpolation = interpolationWidget.value
vis.render();
}
tensionWidget.callback = () => {
tension = tensionWidget.value
vis.render();
}
pointsWidget.callback = () => {
points_to_sample = pointsWidget.value
let coords = samplePoints(pathElements[0], points_to_sample);
let coordsString = JSON.stringify(coords);
pointsStoreWidget.value = JSON.stringify(points);
if (coordWidget) {
coordWidget.value = coordsString;
vis.render();
}
}
// Initialize or reset points array
var w = 512
@ -203,7 +227,7 @@ function createSplineEditor(context, reset=false) {
})
.event("mouseup", function() {
if (this.pathElements !== null) {
let coords = samplePoints(pathElements[0], pointsWidget.value);
let coords = samplePoints(pathElements[0], points_to_sample);
let coordsString = JSON.stringify(coords);
pointsStoreWidget.value = JSON.stringify(points);
if (coordWidget) {
@ -222,9 +246,9 @@ function createSplineEditor(context, reset=false) {
.data(() => points)
.left(d => d.x)
.top(d => d.y)
.interpolate(() => interpolationWidget.value)
.tension(() => tensionWidget.value)
.segmented(() => segmentedWidget.value)
.interpolate(() => interpolation)
.tension(() => tension)
.segmented(() => false)
.strokeStyle(pv.Colors.category10().by(pv.index))
.lineWidth(3)