Не могу нарисовать какого -либо функционального графа [закрыто] ⇐ Javascript

[Anonymous]

Я хочу иметь возможность рисовать кривые на моем экране. (not a single point or curve).
I've tried ChatGPT, Copilot and bolt.new but nothing worked so far...
I've narrowed it to the three functions that are related to the drawing of these curves :
1 - const panResponder

// Gestion des interactions tactiles (PanResponder)
const panResponder = useRef(
PanResponder.create({
onStartShouldSetPanResponder: () => true, // Active le PanResponder au début du toucher
onPanResponderGrant: () => {
setDrawing(true); // Commence le dessin
setPoints([]); // Réinitialise les points pour un nouveau tracé
setShowCorrectCurve(false); // Cache la courbe correcte
},
onPanResponderMove: (_, gestureState) => {
if (drawing) {
const { moveX, moveY } = gestureState;
const canvasX = moveX - SCREEN_WIDTH / 2; // Décalage pour centrer sur l'axe X
const canvasY = SCREEN_HEIGHT / 2 - moveY; // Décalage pour centrer sur l'axe Y

const newPoint = { x: canvasX / SCALE, y: canvasY / SCALE }; // Convertit en coordonnées du graphe
setPoints((prev) => [...prev, newPoint]);
}
},
onPanResponderRelease: () => {
setDrawing(false); // Arrête le dessin
if (points.length >= 5) {
setShowCorrectCurve(true); // Affiche la courbe correcte
calculateScore(); // Calcule le score après le tracé
}
},
})
).current;

2 - const renderFunctionCurve

const renderFunctionCurve = () => {
const step = 0.1; // Step size for precision
const path: { x: number; y: number }[] = [];

for (let x = -GRID_SIZE; x {
if (index === 0) return null; // Skip the first point
const prevPoint = path[index - 1];
return (

);
});
};

and 3 - const renderPoints


Подробнее здесь: https://stackoverflow.com/questions/795 ... tion-graph