CubicCurve JavaFX

Estoy teniendo problemas con el CubicCurve en JavaFX. ¿Cómo se puede dibujar, por ejemplo: y = x ^ 3? el mecanismo para dibujar la curva parece muy difícil de manejar.

Además, ¿es posible conectar uno de los puntos finales de la curva a otro Nodo, de modo que cuando la ubicación de ese Nodo cambie, la curva se adapte a él?

Gracias.

Creo que CubicCurves en JavaFX no funciona como crees. Un CubicCurve de JavaFX es una curva de Bezier que es bastante diferente de los polinomios cúbicos tales y = x ^ 3 que normalmente encuentras en las matemáticas de la escuela secundaria. Todo lo que nunca quisiste saber sobre las curvas de Bezier está aquí .

Las curvas de Bezier a menudo se utilizan para generar curvas suaves en gráficos de computadora. Están definidos por puntos de inicio y final y un conjunto de puntos de control para manipular la curva. Puede ver mejor cómo funciona jugando con un ejemplo interactivo donde arrastra los puntos de inicio, fin y control para formar diferentes curvas.

¿Cómo se puede dibujar, por ejemplo: y = x ^ 3?

Si bien es posible resolver las ecuaciones de Bezier para reducir a un polinomio como y = x ^ 3, es posible que desee hacer esa pregunta en math.stackexchange.com donde el calibre de los matemáticos va a ser mucho mayor que, para ejemplo, yo.

Otra forma de lograr esto es ejecutar un ciclo, calcular el valor y para incrementos pequeños de valor x aplicando la función al valor x, luego agregar un LineA para cada uno de los puntos calculados en un Camino. La siguiente pregunta y respuesta demuestra este enfoque:

  • Dibujar plano cartesiano Graphi con canvas en JavaFX

¿Es posible conectar uno de los puntos finales de la curva a otro Nodo, de modo que cuando la ubicación de ese Nodo cambie la curva se adapte a él?

Sí, pruebe la aplicación de muestra a continuación donde el extremo de la curva y los puntos de control están vinculados a nodos que se pueden arrastrar. La curva se adapta a los cambios en la ubicación de los nodos de anclaje a medida que se arrastran.

import javafx.application.Application; import javafx.beans.property.DoubleProperty; import javafx.event.EventHandler; import javafx.scene.*; import javafx.scene.input.MouseEvent; import javafx.scene.paint.Color; import javafx.scene.shape.*; import javafx.stage.Stage; /** Example of how a cubic curve works, drag the anchors around to change the curve. */ public class CubicCurveManipulator extends Application { public static void main(String[] args) throws Exception { launch(args); } @Override public void start(final Stage stage) throws Exception { CubicCurve curve = createStartingCurve(); Line controlLine1 = new BoundLine(curve.controlX1Property(), curve.controlY1Property(), curve.startXProperty(), curve.startYProperty()); Line controlLine2 = new BoundLine(curve.controlX2Property(), curve.controlY2Property(), curve.endXProperty(), curve.endYProperty()); Anchor start = new Anchor(Color.PALEGREEN, curve.startXProperty(), curve.startYProperty()); Anchor control1 = new Anchor(Color.GOLD, curve.controlX1Property(), curve.controlY1Property()); Anchor control2 = new Anchor(Color.GOLDENROD, curve.controlX2Property(), curve.controlY2Property()); Anchor end = new Anchor(Color.TOMATO, curve.endXProperty(), curve.endYProperty()); stage.setTitle("Cubic Curve Manipulation Sample"); stage.setScene(new Scene(new Group(controlLine1, controlLine2, curve, start, control1, control2, end), 400, 400, Color.ALICEBLUE)); stage.show(); } private CubicCurve createStartingCurve() { CubicCurve curve = new CubicCurve(); curve.setStartX(100); curve.setStartY(100); curve.setControlX1(150); curve.setControlY1(50); curve.setControlX2(250); curve.setControlY2(150); curve.setEndX(300); curve.setEndY(100); curve.setStroke(Color.FORESTGREEN); curve.setStrokeWidth(4); curve.setStrokeLineCap(StrokeLineCap.ROUND); curve.setFill(Color.CORNSILK.deriveColor(0, 1.2, 1, 0.6)); return curve; } class BoundLine extends Line { BoundLine(DoubleProperty startX, DoubleProperty startY, DoubleProperty endX, DoubleProperty endY) { startXProperty().bind(startX); startYProperty().bind(startY); endXProperty().bind(endX); endYProperty().bind(endY); setStrokeWidth(2); setStroke(Color.GRAY.deriveColor(0, 1, 1, 0.5)); setStrokeLineCap(StrokeLineCap.BUTT); getStrokeDashArray().setAll(10.0, 5.0); } } // a draggable anchor displayed around a point. class Anchor extends Circle { Anchor(Color color, DoubleProperty x, DoubleProperty y) { super(x.get(), y.get(), 10); setFill(color.deriveColor(1, 1, 1, 0.5)); setStroke(color); setStrokeWidth(2); setStrokeType(StrokeType.OUTSIDE); x.bind(centerXProperty()); y.bind(centerYProperty()); enableDrag(); } // make a node movable by dragging it around with the mouse. private void enableDrag() { final Delta dragDelta = new Delta(); setOnMousePressed(new EventHandler() { @Override public void handle(MouseEvent mouseEvent) { // record a delta distance for the drag and drop operation. dragDelta.x = getCenterX() - mouseEvent.getX(); dragDelta.y = getCenterY() - mouseEvent.getY(); getScene().setCursor(Cursor.MOVE); } }); setOnMouseReleased(new EventHandler() { @Override public void handle(MouseEvent mouseEvent) { getScene().setCursor(Cursor.HAND); } }); setOnMouseDragged(new EventHandler() { @Override public void handle(MouseEvent mouseEvent) { double newX = mouseEvent.getX() + dragDelta.x; if (newX > 0 && newX < getScene().getWidth()) { setCenterX(newX); } double newY = mouseEvent.getY() + dragDelta.y; if (newY > 0 && newY < getScene().getHeight()) { setCenterY(newY); } } }); setOnMouseEntered(new EventHandler() { @Override public void handle(MouseEvent mouseEvent) { if (!mouseEvent.isPrimaryButtonDown()) { getScene().setCursor(Cursor.HAND); } } }); setOnMouseExited(new EventHandler() { @Override public void handle(MouseEvent mouseEvent) { if (!mouseEvent.isPrimaryButtonDown()) { getScene().setCursor(Cursor.DEFAULT); } } }); } // records relative x and y co-ordinates. private class Delta { double x, y; } } } 

Muestra del resultado del progtwig:

salida del programa de muestra cubiccurve