[JAVA] Problema animazione forme 2d

[Sk8er_ve]

ciao a tutti, devo creare un applet o applicazione che crei una finestra al cui interno vi sia un cerchio che si muove da destra a sinistra e viceversa cambiando il suo colore da giallo a rosso e la dimensione (da 10 a 50 pixel). ora si creano i problemi io ho creato l'animazione con flash è possibile importarla nel programma che uso per scrivere java (uso bluej)? oppure devo scrivere il codice per l'animazione da me?

[PGI-Bis]

devi scrivere il codice da te. Saranno una trentina di righe. Usa JPanel, Graphics2D, Ellipse2D.Double e javax.swing.Timer.

[Sk8er_ve]

Originariamente inviato da PGI-Bis

devi scrivere il codice da te. Saranno una trentina di righe. Usa JPanel, Graphics2D, Ellipse2D.Double e javax.swing.Timer.

ok grazie!

[Sk8er_ve]

ok sono riuscito a fare muovere la pallina da 10 pixel in modo che rimbalzi sui bordi della finestra qualsiasi sia la sua dimensione, però ho ancora problemi riguardo il cambio di colore da giallo a rosso e di dimensione da 10 a 50 pixel... sapreste darmi qualche aiuto?

[PGI-Bis]

per cambiare le dimensioni di un Ellipse2D puoi usare ellipse.setFrame(x, y, w, h). Per cambiare il colore usi setPaint di Graphics2D.

private boolean isRed;
...
g.setPaint(isRed?Color.RED:Color.YELLOW);
g.fill(ellipse);

[Sk8er_ve]

Originariamente inviato da PGI-Bis

per cambiare le dimensioni di un Ellipse2D puoi usare ellipse.setFrame(x, y, w, h). Per cambiare il colore usi setPaint di Graphics2D.

private boolean isRed;
...
g.setPaint(isRed?Color.RED:Color.YELLOW);
g.fill(ellipse);

grazie mille di nuovo!!!

[Sk8er_ve]

riesumo il thread per richiedere aiuto:

allora dopo aver cercato su internet sono riuscito ad ammassare un po' di istruzioni per far fare alla pallina più o meno quello che volevo, cioè muoversi lungo l'asse orizzontale e cambiare colore. resta però il problema del cambio dimensione che proprio no nsono in grado di risolvere, perchè non so che istruzioni devo dare! qualcuno sa aiutarmi a far cambiare dimensione la pallina da 10 pixel (mentre è a sinistra) a 50 pixel (quando è a destra) in maniera graduale? il codice che ho fin'ora è questo:

import java.applet.Applet;
import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.Graphics;
import java.awt.Rectangle;
import java.awt.geom.Ellipse2D;


/** spostamento del cerchio lungo l'asse x */
public class BouncingCircle extends Applet implements Runnable {
int x = 10, y = 40, r = 10; // posizione e raggio del cerchio

int dx = 20, dy = 0; // traiettoria del cerchio
Color endColor = Color.RED; // where we end

Color startColor = Color.YELLOW; // where we start
Color currentColor = startColor;
float fraction = 0;


Thread animator; // thread animazione

volatile boolean pleaseStop; // finire l'operazione

/** cerchio iniziale */
public void paint(Graphics g) {
// g.setColor(Color.yellow);
g.setColor(currentColor);
g.fillOval(x - r, y - r, r * 2, r * 2);
}


/**
* Questo metodo muove il cerchio e lo ridisegna.
* Thread animazione richiama questo metodo periodicamente.
*/
public void animate() {
// rimbalza se si colpisce una superficie.
Rectangle bounds = getBounds();
if ((x - r + dx < 0) || (x + r + dx > bounds.width))
dx = -dx;
if ((y - r + dy < 0) || (y + r + dy > bounds.height))
dy = -dy;


fraction += 0.04;
if (fraction >= 1) fraction = 0;
// interpolate between start and end colors with current fraction
int red = (int)(fraction * endColor.getRed() +
(1 - fraction) * startColor.getRed());
int green = (int)(fraction * endColor.getGreen() +
(1 - fraction) * startColor.getGreen());
int blue = (int)(fraction * endColor.getBlue() +
(1 - fraction) * startColor.getBlue());

currentColor = new Color(red, green, blue);
// muove il cerchio.
x += dx;
y += dy;

// chiede al browser il richiamo del metodo paint() per ridisegnare il cerchio nella sua nuova posizione.

repaint();
}

/**
* This method is from the Runnable interface. It is the body of the thread
* that performs the animation. The thread itself is created and started in
* the start() method.
*/
public void run() {
while (!pleaseStop) { // Loop until we're asked to stop
animate(); // Update and request redraw
try {
Thread.sleep(100);
} // 100 millisecondi di attesa in ogni frame
catch (InterruptedException e) {
} // Ignore interruptions
}
}

/** Start animating when the browser starts the applet */
public void start() {
animator = new Thread(this); // Create a thread
pleaseStop = false; // Don't ask it to stop now
animator.start(); // Start the thread.
// The thread that called start now returns to its caller.
// Meanwhile, the new animator thread has called the run() method
}

/** Stop animating when the browser stops the applet */
public void stop() {
// Set the flag that causes the run() method to end
pleaseStop = true;
}
}

[PGI-Bis]

Direi che devi cambiare il valore di r, da 10 a 50. Sapendo che il valore di r è una funzione della posizione della pallina sull'asse x puoi risolvere con una semplice interpolazione lineare. In forma parametrica è:

r = 10 + t * 50;

con 0 < t < 1

t lo ottieni computando il rapporto tra il valore attuale di x e il suo massimo. Se il raggio massimo di x è 50 e la larghezza del componente è getWidth() - 1 allora il valore massimo di x è getWidth() - metà del raggio - 1, cioè getWidth() - 26. Siccome x parte da 10 abbiamo:

t = (x-10) / (getWidth()-36);

Per x=10 t vale 0 ed r vale 10, per x = (getWidth() - 26) t vale 1 ed r vale 50.

E sei a posto.

[Sk8er_ve]

Originariamente inviato da PGI-Bis

Direi che devi cambiare il valore di r, da 10 a 50. Sapendo che il valore di r è una funzione della posizione della pallina sull'asse x puoi risolvere con una semplice interpolazione lineare. In forma parametrica è:

r = 10 + t * 50;

con 0 < t < 1

t lo ottieni computando il rapporto tra il valore attuale di x e il suo massimo. Se il raggio massimo di x è 50 e la larghezza del componente è getWidth() - 1 allora il valore massimo di x è getWidth() - metà del raggio - 1, cioè getWidth() - 26. Siccome x parte da 10 abbiamo:

t = (x-10) / (getWidth()-36);

Per x=10 t vale 0 ed r vale 10, per x = (getWidth() - 26) t vale 1 ed r vale 50.

E sei a posto.

ok vedo se riesco ad implementarlo grazie mille

[PGI-Bis]

10+t*40, non 50.