From c6bce69192acf4afbebad9fa4fba44bb7bab65b3 Mon Sep 17 00:00:00 2001
From: lgwarda <kukikarma@gmail.com>
Date: Thu, 10 Oct 2024 16:26:25 +0200
Subject: [PATCH] Update point position and display function value

---
 sketch.js | 65 ++++++++++++++++++++++++++++++-------------------------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/sketch.js b/sketch.js
index 06ce66a..c063c54 100644
--- a/sketch.js
+++ b/sketch.js
@@ -4,35 +4,34 @@ let c = 0; // Współczynnik c
 let xValue = -3; // Punkt do przesunięcia
 
 function setup() {
-    createCanvas(600, 400);
-    
-    // Tworzenie suwaków do wprowadzania współczynników
-    createP('Współczynnik a:');
-    let aSlider = createSlider(-5, 5, 1, 0.1);
-    createP('Współczynnik b:');
-    let bSlider = createSlider(-5, 5, 0, 0.1);
-    createP('Współczynnik c:');
-    let cSlider = createSlider(-5, 5, 0, 0.1);
-    
-    // Ustawienia zmiany współczynników na suwakach
-    aSlider.input(() => {
-      a = aSlider.value();
-    });
-    bSlider.input(() => {
-      b = bSlider.value();
-    });
-    cSlider.input(() => {
-      c = cSlider.value();
-    });
-    
-    // Tworzenie suwaka do przesuwania punktu
-    createP('Przesuń punkt (x):');
-    let xSlider = createSlider(-10, 10, xValue, 0.1);
-    xSlider.input(() => {
-      xValue = xSlider.value();
-    });
-  }
+  createCanvas(600, 400);
+  
+  // Tworzenie suwaków do wprowadzania współczynników
+  createP('Współczynnik a:');
+  let aSlider = createSlider(-5, 5, 1, 0.1);
+  createP('Współczynnik b:');
+  let bSlider = createSlider(-5, 5, 0, 0.1);
+  createP('Współczynnik c:');
+  let cSlider = createSlider(-5, 5, 0, 0.1);
+  
+  // Ustawienia zmiany współczynników na suwakach
+  aSlider.input(() => {
+    a = aSlider.value();
+  });
+  bSlider.input(() => {
+    b = bSlider.value();
+  });
+  cSlider.input(() => {
+    c = cSlider.value();
+  });
   
+  // Tworzenie suwaka do przesuwania punktu
+  createP('Przesuń punkt (x):');
+  let xSlider = createSlider(-10, 10, xValue, 0.1);
+  xSlider.input(() => {
+    xValue = xSlider.value();
+  });
+}
 
 function draw() {
   background(255);
@@ -51,7 +50,15 @@ function draw() {
     vertex(width / 2 + x, height / 2 - y * 50); // Przeskalowanie dla wizualizacji
   }
   endShape();
+  
+  // Obliczanie wartości funkcji dla xValue
+  let yValue = a * pow(xValue, 2) + b * xValue + c;
+  
   // Rysowanie punktu dla xValue
   fill(255, 0, 0);
   ellipse(width / 2 + xValue * 50, height / 2 - yValue * 50, 10, 10);
-}
\ No newline at end of file
+  
+  // Rysowanie tekstu
+  fill(0);
+  text(`f(${xValue}) = ${yValue.toFixed(2)}`, width / 2 + xValue * 50 + 10, height / 2 - yValue * 50);
+}