Пишем игру для Андроид

Статья четвертая. Игровой цикл.

Очень важно, какой тип игры вы создаете. Так как у нас игра динамическая, нам нужно всё время обновлять картинку на устройстве. Это значит сначала создать её, применив новые координаты объектов, а затем вывести на экран. Наше зрение устроено так, что если мы будем делать это меньше, чем за 0,04 с, то нам будет казаться движение объектов непрерывным. Но объекты могут быть разными по сложности прорисовки, а устройства, на которых вы играете – разными по быстродействию. Может так случиться, что на одних планшетах или мобильниках наше приложение будет «летать», так что пользователь не будет успевать играть, а на других – будет тормозить и глючить так, что пользователь, скорей всего, удалит её со своего устройства. Возникает мысль, проходить один игровой цикл за 0,04с (25 кадров (циклов) в секунду) на всех устройствах. Всё было бы хорошо, если бы все устройства могли это сделать. Представьте, что у вас 10 динамических объектов в игре, которые взаимодействуют между собой, порождая новые объекты, например, взрыв при столкновении, но надо не забыть воспроизводить звуки и реагировать на включения пользователя в игру. Я уже не говорю о реалистичной графике окружающего мира. Что же делать, если наше устройство не успевает в какой-то сцене создать игровой цикл? Решений несколько. Советую вам хорошенько проштудировать эту статью

http://www.koonsolo.com/news/dewitters-gameloop/

Кому лень читать на английском, смотрите за вторник, 11 августа 2015 г. мой перевод

«Статья об игровом цикле», автор Koen Witters

Создаем игровой цикл

Рассмотрим, что делает класс MainThread. Основная идея заключается в том что, если реальное время прорисовки кадра больше, чем расчетное время обновления кадров (т.е. система не успевает), мы жертвуем этим кадром и увеличиваем время на прорисовку следующего кадра. Если система сразу успевает прорисовывать кадр, то она будет делать максимально быстро, но поток приостанавливается на время опережения, чтобы количество кадров, а точнее скорость выполнения программы, было заданным, и не зависела от быстродействия самого устройства. Такой подход позволяет снизить энергозатраты устройства и воспроизводить игру примерно одинаково на разных устройствах. На частоте обновления 25 кадров в секунду, я замечал неприятные подергивания объектов на телефоне (особенно, если они перемещаются быстро), а вот  при 30 кадров в секунду всё было хорошо. При 50 кадров в секунду на планшете всё прекрасно, а вот на телефоне были иногда заметны пропуски кадров, особенно при большой скорости объекта.

Рассмотрим более подробно наш код.

Объявляем класс MainThread, который наследуется от класса Thread

public class MainThread extends Thread {

  Задаемся количеством кадров в секунду (MAX_FPS) равным 30.
        private final static int MAX_FPS = 30; // desired fps

Пусть максимальное количество кадров в секунду, которым мы готовы пожертвовать (пропустить) при отображении равно 4. Это число фактически найдено мною экспериментально, вы можете поиграться с этими числами.
    // maximum number of frames to be skipped
    private final static int MAX_FRAME_SKIPS = 4;

   Рассчитаем в миллисекундах продолжительность отображения кадра.
    private final static int FRAME_PERIOD = 1000 / MAX_FPS; // the frame period

    Объявляем метод, который создает поверхность, на которой будут прорисовываться объекты
    private SurfaceHolder surfaceHolder; // Surface holder that can access the physical surface

Объявляем класс, который будет рисовать объекты и обновлять их координаты
    private GameView gameView; // The actual view that handles inputs and draws to the surface

Объявляем переменную состояния игры, если она равна true, то поток проигрывается.
    private boolean running;    // flag to hold game state


    public void setRunning(boolean running) {
        this.running = running;
    }

Создаем конструктор класса.

    public MainThread(SurfaceHolder surfaceHolder, GameView gameView) {
        super();
        this.surfaceHolder = surfaceHolder;
        this.gameView = gameView;
    }


    @Override
    public void run() {
        Canvas canvas;
        long beginTime;// the time when the cycle begun
        long timeDiff; // the time it took for the cycle to execute

         int sleepTime;// ms to sleep (<0 if we're behind)
         int framesSkipped;// number of frames being skipped

        sleepTime = 0;

        while (running) {
            canvas = null;
// try locking the canvas for exclusive pixel editing in the surface

            try {
                canvas = this.surfaceHolder.lockCanvas();
                synchronized (surfaceHolder) {

                    beginTime = System.currentTimeMillis();//Returns the current time in milliseconds since January 1, 1970 00:00:00.0 UTC.
                    framesSkipped = 0; // resetting the frames skipped

// update game state
                    this.gameView.update();
// render state to the screen draws the canvas on the panel
                    this.gameView.render(canvas);

                    timeDiff = System.currentTimeMillis() - beginTime; // calculate how long did the cycle take

// calculate sleep time
                    sleepTime = (int)(FRAME_PERIOD - timeDiff);
                    if (sleepTime > 0) {
// if sleepTime > 0 we're OK
                        try {
// send the thread to sleep for a short period
// very useful for battery saving
                            Thread.sleep(sleepTime);
                        } catch (InterruptedException e) {}
                    }

                    while (sleepTime < 0 && framesSkipped < MAX_FRAME_SKIPS) {
                        // we need to catch up
                        this.gameView.update(); // update without rendering
                        sleepTime += FRAME_PERIOD; // add frame period to check if in next frame
                        framesSkipped++;
                    }
                }
            } finally {
                // in case of an exception the surface is not left in
                // an inconsistent state
                if (canvas != null) {
                    surfaceHolder.unlockCanvasAndPost(canvas);
                }
            }  // end finally
        }
    }

}

Теперь рассмотрим подробнее, что делает класс GameView.

public class GameView extends SurfaceView implements SurfaceHolder.Callback {





    private final Drawable mAsteroid;

    private int widthAsteroid;

    private int heightAsteroid;

    private int leftAsteroid;

    private int xAsteroid1 = 30;

    private int rightAsteroid;

    private int topAsteroid;

    private int yAsteroid = -30;

    private int bottomAsteroid;

    private int centerAsteroid;

    private int height;

    private int width;

    private int speedAsteroid = 5;

    private int xAsteroid;



    private MainThread thread;



    public GameView(Context context) {

        super(context);



        // adding the callback (this) to the surface holder to intercept events

        getHolder().addCallback(this);



        // create mAsteroid where adress of picture  asteroid is located

        mAsteroid = context.getResources().getDrawable(R.drawable.asteroid);



        // create the game loop thread

        thread = new MainThread(getHolder(), this);

    }



Данный метод позволяет мнять проверхность прорисовки, например, когда поворачиваем экран. Но мы договорились, что в нашей игре экран только вертикально

    @Override

    public void surfaceChanged(SurfaceHolder holder, int format, int width,int height) {

    }

Метод создающий поверхность для рисования

    @Override

    public void surfaceCreated(SurfaceHolder holder) {



        thread.setRunning(true);

        thread.start();

    }





Метод удаляет поверхность для рисования в случае остановки потока.

    @Override

    public void surfaceDestroyed(SurfaceHolder holder) {



        thread.setRunning(false);



        boolean retry = true;

        while (retry) {

            try {

                thread.join();

                retry = false;

            }

            catch (InterruptedException e) {

                // try again shutting down the thread

            }

        }



    }



В данном методе мы прорисовываем наши объекты на поверхности экрана.

    public void render(Canvas canvas) {

Создаем темно-голубой фон.

        canvas.drawColor(Color.argb(255, 2, 19, 151));

Узнаем высоту и ширину экрана устройства, чтобы потом масштабировать размеры объектов в зависимости от размера экрана.

        height = canvas.getHeight();

        width = canvas.getWidth();

Задаем основные размеры астероида (ширину и высоту картинки). Левый край привязываем к координате по Х, вершину картинки привязываем к координате по У. Таким образом, мы определили координаты левого верхнего угла картинки. Когда мы будем менять эти координаты, картинка начнет двигаться.

       //Work with asteroid

            widthAsteroid = 2 * width / 13;//set width asteroid

            heightAsteroid = widthAsteroid;

            leftAsteroid = xAsteroid;//the left edge of asteroid

            rightAsteroid = leftAsteroid + widthAsteroid;//set right edge of asteroid

            topAsteroid = yAsteroid;

            bottomAsteroid = topAsteroid + heightAsteroid;

            centerAsteroid = leftAsteroid + widthAsteroid / 2;



            mAsteroid.setBounds(leftAsteroid, topAsteroid, rightAsteroid, bottomAsteroid);

            mAsteroid.draw(canvas);



    }



Обновляем координаты картинки, заставляя её двигаться сверху вниз. Если координата по У левого верхнего угла картинки стала больше, чем высота экрана, то обнуляем У и астероид скачком появляется вверху экрана. Чтобы астероид летел вниз мы каждый игровой цикл прибавляем к координате число speedAsteroid, которое в свою очередь определяем по случайному закону от 5 до 15 (speedAsteroid = 5+ rnd.nextInt(10);)



    public void update() {



        if (yAsteroid > height) {

            yAsteroid = 0;



        // find by random function Asteroid & speed Asteroid

            Random rnd = new Random();

            xAsteroid = rnd.nextInt(width - widthAsteroid);

            speedAsteroid = 5+ rnd.nextInt(10);

        } else {



            yAsteroid +=speedAsteroid;

        }

    }

}

Чтобы астероид не вылетал каждый раз с одного и того же места, координату по Х определяем по случайному закону в пределах ширины экрана минус ширина астероида. То, что у нас получилось можно посмотреть на видео

https://youtu.be/XAKZ8eQQA2s

Видно, что в момент запуска приложения, астероид вылетает с начальными координатами, которые мы задали при объявлении переменных private int xAsteroid = 30; private int yAsteroid = -30;. В дальнейшем скорость полета и начальная координата меняются по случайному закону. 

Картинку астероида можно скачать здесь. Не забудьте загрузить ее в папку drawable

https://drive.google.com/open?id=0B-ReL1Efi6XVflZXMVk3ZUhtNl94YWVYWm5nVWhxOU9fM29saG1uaTQyUDZxWXZHQVc2SEE

В следующей статье заставим двигаться астероид не только строго вертикально, но и под углами, а главное – научим сталкиваться его с поверхностью Луны.

Файлы приложения на данный момент

AhdroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.adc2017gmail.moonbase" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:screenOrientation="portrait" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".SecondActivity"
            android:label="@string/title_activity_second"
            android:screenOrientation="portrait" >
        </activity>
    </application>

</manifest>

GameView.java

package com.adc2017gmail.moonbase;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

import java.util.Random;


public class GameView extends SurfaceView implements SurfaceHolder.Callback {


    private final Drawable mAsteroid;
    private int widthAsteroid;
    private int heightAsteroid;
    private int leftAsteroid;
    private int rightAsteroid;
    private int topAsteroid;
    private int yAsteroid = -30;
    private int bottomAsteroid;
    private int centerAsteroid;
    private int height;
    private int width;
    private int speedAsteroid = 5;
    private int xAsteroid = 30;

    private MainThread thread;

    public GameView(Context context) {
        super(context);

        // adding the callback (this) to the surface holder to intercept events
        getHolder().addCallback(this);

        // create mAsteroid where adress picture  asteroid
        mAsteroid = context.getResources().getDrawable(R.drawable.asteroid);

        // create the game loop thread
        thread = new MainThread(getHolder(), this);
    }


    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,int height) {
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {

        thread.setRunning(true);
        thread.start();
    }



    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {

        thread.setRunning(false);

        boolean retry = true;
        while (retry) {
            try {
                thread.join();
                retry = false;
            }
            catch (InterruptedException e) {
                // try again shutting down the thread
            }
        }

    }


    public void render(Canvas canvas) {

        canvas.drawColor(Color.argb(255, 2, 19, 151));

        height = canvas.getHeight();
        width = canvas.getWidth();

       //Work with asteroid
            widthAsteroid = 2 * width / 13;//set width asteroid
            heightAsteroid = widthAsteroid;
            leftAsteroid = xAsteroid;//the left edge of asteroid
            rightAsteroid = leftAsteroid + widthAsteroid;//set right edge of asteroid
            topAsteroid = yAsteroid;
            bottomAsteroid = topAsteroid + heightAsteroid;
            centerAsteroid = leftAsteroid + widthAsteroid / 2;

            mAsteroid.setBounds(leftAsteroid, topAsteroid, rightAsteroid, bottomAsteroid);
            mAsteroid.draw(canvas);

    }



    public void update() {

        if (yAsteroid > height) {
            yAsteroid = 0;

        // find by random function Asteroid & speed Asteroid
            Random rnd = new Random();
            xAsteroid = rnd.nextInt(width - widthAsteroid);
            speedAsteroid = 5+ rnd.nextInt(10);
        } else {

            yAsteroid +=speedAsteroid;
        }
    }
}

MainThread.java

package com.adc2017gmail.moonbase;

import android.graphics.Canvas;
import android.view.SurfaceHolder;


public class MainThread extends Thread {


    private final static int MAX_FPS = 30;// desired fps

    private final static int MAX_FRAME_SKIPS = 4;// maximum number of frames to be skipped

    private final static int FRAME_PERIOD = 1000 / MAX_FPS; // the frame period

    // Surface holder that can access the physical surface
    private SurfaceHolder surfaceHolder;

// The actual view that handles inputs
// and draws to the surface

    private GameView gameView;


    // flag to hold game state
    private boolean running;

    public void setRunning(boolean running) {
        this.running = running;
    }


    public MainThread(SurfaceHolder surfaceHolder, GameView gameView) {
        super();
        this.surfaceHolder = surfaceHolder;
        this.gameView = gameView;
    }


    @Override
    public void run() {
        Canvas canvas;
        long beginTime;// the time when the cycle begun
        long timeDiff; // the time it took for the cycle to execute

            int sleepTime;// ms to sleep (<0 if we're behind)
        int framesSkipped;// number of frames being skipped

        sleepTime = 0;

        while (running) {
            canvas = null;
// try locking the canvas for exclusive pixel editing in the surface

            try {
                canvas = this.surfaceHolder.lockCanvas();
                synchronized (surfaceHolder) {

                    beginTime = System.currentTimeMillis();//Returns the current time in milliseconds since January 1, 1970 00:00:00.0 UTC.
                    framesSkipped = 0; // resetting the frames skipped

// update game state
                    this.gameView.update();
// render state to the screen draws the canvas on the panel
                    this.gameView.render(canvas);
// calculate how long did the cycle take
                    timeDiff = System.currentTimeMillis() - beginTime;

// calculate sleep time
                    sleepTime = (int)(FRAME_PERIOD - timeDiff);
                    if (sleepTime > 0) {
// if sleepTime > 0 we're OK
                        try {
// send the thread to sleep for a short period
// very useful for battery saving
                            Thread.sleep(sleepTime);
                        } catch (InterruptedException e) {}
                    }

                    while (sleepTime < 0 && framesSkipped < MAX_FRAME_SKIPS) {
                        // we need to catch up
                        this.gameView.update(); // update without rendering
                        sleepTime += FRAME_PERIOD; // add frame period to check if in next frame
                        framesSkipped++;
                    }
                }
            } finally {
                // in case of an exception the surface is not left in
                // an inconsistent state
                if (canvas != null) {
                    surfaceHolder.unlockCanvasAndPost(canvas);
                }
            }  // end finally
        }
    }

}

MainActivity.java

package com.adc2017gmail.moonbase;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageButton;


public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final ImageButton imgbtn8 = (ImageButton)findViewById(R.id.image_button8);

        imgbtn8.setOnClickListener(new View.OnClickListener()
        {

            public void onClick(View v)
            {

                imgbtn8.setImageResource(R.drawable.btn2);
                Intent intent8 = new Intent(MainActivity.this, SecondActivity.class);
                startActivity(intent8);
            }
        });
    }


    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

SecondActivity.java

package com.adc2017gmail.moonbase;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;


public class SecondActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new GameView(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_second, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}