Aggiungi movimento

La possibilità di disegnare oggetti sullo schermo è una funzionalità piuttosto basilare di OpenGL, ma è possibile farlo con altre classi di framework grafici Android, tra cui gli oggetti Canvas e Drawable. OpenGL ES offre funzionalità aggiuntive per spostare e trasformare oggetti disegnati in tre dimensioni o in altri modi unici per creare esperienze utente coinvolgenti.

In questa lezione farai un altro passo avanti nell'uso di OpenGL ES imparando ad aggiungere movimento a una forma con la rotazione.

Ruotare una forma

La rotazione di un oggetto di disegno con OpenGL ES 2.0 è relativamente semplice. Nel renderer, crea un'altra matrice di trasformazione (ovvero una matrice di rotazione) e combinala con le matrici di trasformazione della proiezione e della vista telecamera:

private val rotationMatrix = FloatArray(16)

override fun onDrawFrame(gl: GL10) {
    val scratch = FloatArray(16)

    ...

    // Create a rotation transformation for the triangle
    val time = SystemClock.uptimeMillis() % 4000L
    val angle = 0.090f * time.toInt()
    Matrix.setRotateM(rotationMatrix, 0, angle, 0f, 0f, -1.0f)

    // Combine the rotation matrix with the projection and camera view
    // Note that the vPMatrix factor *must be first* in order
    // for the matrix multiplication product to be correct.
    Matrix.multiplyMM(scratch, 0, vPMatrix, 0, rotationMatrix, 0)

    // Draw triangle
    mTriangle.draw(scratch)
}

private float[] rotationMatrix = new float[16];
@Override
public void onDrawFrame(GL10 gl) {
    float[] scratch = new float[16];

    ...

    // Create a rotation transformation for the triangle
    long time = SystemClock.uptimeMillis() % 4000L;
    float angle = 0.090f * ((int) time);
    Matrix.setRotateM(rotationMatrix, 0, angle, 0, 0, -1.0f);

    // Combine the rotation matrix with the projection and camera view
    // Note that the vPMatrix factor *must be first* in order
    // for the matrix multiplication product to be correct.
    Matrix.multiplyMM(scratch, 0, vPMatrix, 0, rotationMatrix, 0);

    // Draw triangle
    mTriangle.draw(scratch);
}

Se il triangolo non ruota dopo aver apportato queste modifiche, assicurati di aver commentato l'impostazione GLSurfaceView.RENDERMODE_WHEN_DIRTY, come descritto nella sezione successiva.

Abilita rendering continuo

Se hai seguito scrupolosamente il codice di esempio di questa classe fino a questo punto, assicurati di commentare la riga che imposta la modalità di rendering disegnando solo quando è sporca, altrimenti OpenGL fa ruotare la forma di un solo incremento e attende una chiamata a requestRender() dal container GLSurfaceView:

class MyGLSurfaceView(context: Context) : GLSurfaceView(context) {

    init {
        ...
        // Render the view only when there is a change in the drawing data.
        // To allow the triangle to rotate automatically, this line is commented out:
        // renderMode = GLSurfaceView.RENDERMODE_WHEN_DIRTY
    }
}

public class MyGLSurfaceView(Context context) extends GLSurfaceView {
    ...
    // Render the view only when there is a change in the drawing data.
    // To allow the triangle to rotate automatically, this line is commented out:
    //setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);
}

A meno che gli oggetti non vengano modificati senza alcuna interazione da parte dell'utente, in genere è consigliabile attivare questo flag. Preparati a rimuovere il commento da questo codice, perché nella prossima lezione la chiamata sarà di nuovo applicabile.