Palestra sobre o desenvolvimento de um game no Android utilizando apenas classes nativas

1. Criando meu 1º game com
Android
by Daniel Baccin

2. DESAFIO: Palestrar sobre jogos!

3. DESAFIO: Palestrar sobre jogos!

4. Felipe Torres

5. DESAFIO: Palestrar sobre jogos!
CHALLENGE ACCEPTED

6. IMAGE: MASHABLE, WILL FENSTERMAKER

7. IMAGE: MASHABLE, WILL FENSTERMAKER

15. <?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.
com/apk/res/android"
package="br.com.kenuiapps.jumper" >
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
…
</application>
AndroidManifest.xml

16. <?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.
com/apk/res/android"
package="br.com.kenuiapps.jumper" >
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" >
…
</application>
AndroidManifest.xml

20. <application
…
<activity
android:name=".MainActivity"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
…
</application>
AndroidManifest.xml

21. <application
…
<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>
…
</application>
AndroidManifest.xml

22. <ListView/>
<TextView/><ImageView/>
<SurfaceView/>

23. <ListView/>
<TextView/><ImageView/>
<SurfaceView/>

24. public class Game extends SurfaceView{
/*
* Aqui implemetamos a mecânica do jogo
*/
}

25. public class MainActivity extends Activity {
Game game;
@Override
protected void onCreate(Bundle savedInstanceState) {
…
setContentView(R.layout.activity_main);
FrameLayout container = (FrameLayout) findViewById(R.id.container);
game = new Game(this);
container.addView(game);
}

26. public class MainActivity extends Activity {
Game game;
@Override
protected void onCreate(Bundle savedInstanceState) {
…
setContentView(R.layout.activity_main);
FrameLayout container = (FrameLayout) findViewById(R.id.container);
game = new Game(this);
container.addView(game);
}

27. <FrameLayout xmlns:android="http://schemas.android.
com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/container"/>
activity_main.xml

28. <FrameLayout xmlns:android="http://schemas.android.
com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/container"/>
activity_main.xml

29. public class MainActivity extends Activity {
Game game;
@Override
protected void onCreate(Bundle savedInstanceState) {
…
setContentView(R.layout.activity_main);
FrameLayout container = (FrameLayout) findViewById(R.id.container);
game = new Game(this);
container.addView(game);
}

31. Loop Principal
● Pontuação
● nº de vidas
● nível ● se bateu em algo
● inimigos

32. public class Game extends SurfaceView
implements Runnable {
/*
* Thread separada da principal !!!
*/
}

33. public class Game extends SurfaceView
implements Runnable {
...
@Override
public void run() {
while (isRunning){
...
}
}

34. @Override
public void run() {
while (isRunning){
/*
* desenhar os componentes
*/
}
}

35. @Override
public void run() {
while (isRunning){
Canvas canvas = holder.lockCanvas();
/*
* desenhar os componentes
*/
holder.unlockCanvasAndPost(canvas);
}
}

36. Canvas

37. Canvas

38. Background
PássaroCanos
PontuaçãoGame over

39. Background
PássaroCanos
PontuaçãoGame over

40. private Bitmap background;
public Game(Context mainActivity) {
super(mainActivity);
tela = new Tela(mainActivity);
Bitmap back = BitmapFactory.decodeResource(
getResources(),
R.drawable.background);
background = Bitmap.createScaledBitmap(
back,
tela.getLargura(),
tela.getAltura(),
false);
}

41. private Bitmap background;
public Game(Context mainActivity) {
super(mainActivity);
tela = new Tela(mainActivity);
Bitmap back = BitmapFactory.decodeResource(
getResources(),
R.drawable.background);
background = Bitmap.createScaledBitmap(
back,
tela.getLargura(),
tela.getAltura(),
false);
}

42. private Bitmap background;
public Game(Context mainActivity) {
super(mainActivity);
tela = new Tela(mainActivity);
Bitmap back = BitmapFactory.decodeResource(
getResources(),
R.drawable.background);
background = Bitmap.createScaledBitmap(
back,
tela.getLargura(),
tela.getAltura(),
false);
}

43. private Bitmap background;
public Game(Context mainActivity) {
super(mainActivity);
tela = new Tela(mainActivity);
Bitmap back = BitmapFactory.decodeResource(
getResources(),
R.drawable.background);
background = Bitmap.createScaledBitmap(
back,
tela.getLargura(),
tela.getAltura(),
false);
}

44. private Bitmap background;
public Game(Context mainActivity) {
super(mainActivity);
tela = new Tela(mainActivity);
Bitmap back = BitmapFactory.decodeResource(
getResources(),
R.drawable.background);
background = Bitmap.createScaledBitmap(
back,
tela.getLargura(),
tela.getAltura(),
false);
}

45. private Bitmap background;
public Game(Context mainActivity) {
super(mainActivity);
tela = new Tela(mainActivity);
Bitmap back = BitmapFactory.decodeResource(
getResources(),
R.drawable.background);
background = Bitmap.createScaledBitmap(
back,
tela.getLargura(),
tela.getAltura(),
false);
}

46. public class Tela {
private final DisplayMetrics metrics;
public Tela(Context context) {
WindowManager windowsManage =
(WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
Display defaultDisplay = windowsManage.getDefaultDisplay();
metrics = new DisplayMetrics();
defaultDisplay.getMetrics(metrics);
}
public int getAltura(){
return metrics.heightPixels;
}
public int getLargura() {
return metrics.widthPixels;
}
}

47. public class Tela {
private final DisplayMetrics metrics;
public Tela(Context context) {
WindowManager windowsManage =
(WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
Display defaultDisplay = windowsManage.getDefaultDisplay();
metrics = new DisplayMetrics();
defaultDisplay.getMetrics(metrics);
}
public int getAltura(){
return metrics.heightPixels;
}
public int getLargura() {
return metrics.widthPixels;
}
}

48. public class Tela {
private final DisplayMetrics metrics;
public Tela(Context context) {
WindowManager windowsManage =
(WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
Display defaultDisplay = windowsManage.getDefaultDisplay();
metrics = new DisplayMetrics();
defaultDisplay.getMetrics(metrics);
}
public int getAltura(){
return metrics.heightPixels;
}
public int getLargura() {
return metrics.widthPixels;
}
}

49. public class Tela {
private final DisplayMetrics metrics;
public Tela(Context context) {
WindowManager windowsManage =
(WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
Display defaultDisplay = windowsManage.getDefaultDisplay();
metrics = new DisplayMetrics();
defaultDisplay.getMetrics(metrics);
}
public int getAltura(){
return metrics.heightPixels;
}
public int getLargura() {
return metrics.widthPixels;
}
}

51. @Override
public void run() {
while (isRunning){
Canvas canvas = holder.lockCanvas();
canvas.drawBitmap(background, 0, 0, null);
holder.unlockCanvasAndPost(canvas);
}
}

53. Background
PássaroCanos
PontuaçãoGame over

54. @Override
public void run() {
while (isRunning){
Canvas canvas = holder.lockCanvas();
canvas.drawBitmap(background, 0, 0, null);
passaro.desenhaNo(canvas);
holder.unlockCanvasAndPost(canvas);
}
}

55. public class Passaro {
public void desenhaNo(Canvas canvas){
canvas.drawCircle(x, y, RAIO, COR);
}
}

56. public class Passaro {
public void desenhaNo(Canvas canvas){
canvas.drawCircle(x, y, RAIO, COR);
}
}

57. X
Y
(0,0)

58. Background
Pássaro
-cai()
Canos
PontuaçãoGame over

59. @Override
public void run() {
while (isRunning){
Canvas canvas = holder.lockCanvas();
canvas.drawBitmap(background, 0, 0, null);
passaro.desenhaNo(canvas);
passaro.cai();
holder.unlockCanvasAndPost(canvas);
}

60. X
Y
(0,0)

61. public class Passaro {
...
public void cai() {
y += 5;
}
}

63. Background
Pássaro
-cai()
-pula()
Canos
PontuaçãoGame over

64. public class Game extends SurfaceView
implements Runnable, OnTouchListener
{
/*
* Agora podemos capturar toques na tela
*/
}

65. public class Game extends SurfaceView implements
Runnable, OnTouchListener
{
...
@Override
public boolean onTouch(View v, MotionEvent event) {
passaro.pula();
return false;
}
...
}

66. public class Game extends SurfaceView implements
Runnable, OnTouchListener
{
...
@Override
public boolean onTouch(View v, MotionEvent event) {
passaro.pula();
return false;
}
...
}

67. public class Passaro {
...
public void pula() {
y -= 150;
}
}

69. Background
Pássaro
-cai()
-pula()
Canos
PontuaçãoGame over

70. @Override
public void run() {
while (isRunnig){
Canvas canvas = holder.lockCanvas();
canvas.drawBitmap(background, 0, 0, null);
passaro.desenhaNo(canvas);
passaro.cai();
canos.desenhaNo(canvas);
holder.unlockCanvasAndPost(canvas);

71. public class Cano {
public void desenhaNo(Canvas canvas){
canvas.drawRect(x1, y1, x2, y2, COR);
}
}

72. public class Cano {
public void desenhaNo(Canvas canvas){
canvas.drawRect(x1, y1, x2, y2, COR);
}
}

73. (x1, y1)

74. public class Cano {
public void desenhaNo(Canvas canvas){
canvas.drawRect(x1, y1, x2, y2, COR);
}
}

75. (x1, y1)
(x2, y2)

76. public class Cano {
public void desenhaNo(Canvas canvas){
canvas.drawRect(x1, y1, x2, y2, COR);
}
}

77. (x1, y1)
(x2, y2)

78. Background
Pássaro
-cai()
-pula()
Canos
-move()
PontuaçãoGame over

79. @Override
public void run() {
while (isRunnig){
Canvas canvas = holder.lockCanvas();
canvas.drawBitmap(background, 0, 0, null);
passaro.desenhaNo(canvas);
passaro.cai();
canos.desenhaNo(canvas);
canos.move();
holder.unlockCanvasAndPost(canvas);
}
}

80. public class Cano {
...
public void move(){
posicao -= 5;
}
}

82. Background
Pássaro
-cai()
-pula()
Canos
-move()
Pontuação
Game over

83. Background
Pássaro
-cai()
-pula()
Canos
-move()
Pontuação
-aumenta()
Game over

87. pontuacao.aumenta();

88. public class Pontuacao {
private int pontos = 0;
public void aumenta() {
pontos++;
}
...
}

89. public class Pontuacao {
private int pontos = 0;
public void aumenta() {
pontos++;
}
...
}

90. @Override
public void run() {
while (isRunnig){
Canvas canvas = holder.lockCanvas();
...
pontuacao.desenhaNo(canvas);
...
holder.unlockCanvasAndPost(canvas);
}
}

91. public class Pontuacao {
…
public void desenhaNo(Canvas canvas) {
canvas.drawText(String.valueOf(pontos), 100, 100, BRANCO);
}
}

93. Background
Pássaro
-cai()
-pula()
Canos
-move()
Pontuação
-aumenta()
Game over

94. Background
Pássaro
-cai()
-pula()
Canos
-move()
Pontuação
-aumenta()
Game over
-temColisao()

95. temColisao()

97. temColisao()

98. temColisao! horizontal!

99. temColisao! vertical!

100. Se distância do centro do circulo até o
retangulo
for Igual ao Raio

101. Se distância do centro do circulo até o
retangulo
for menor que o Raio

102. public class VerificadorDeColisao {
private Passaro passaro;
private List<Cano> canos;
...
}

103. public boolean temColisao() {
for (Cano cano: canos){
if(cano.temColisaoHorizontal(passaro)
|| cano.temColisaoVertical(passaro)){
return true;
}
}
return false;
}

104. @Override
public void run() {
while (isRunning){
Canvas canvas = holder.lockCanvas();
...
if(verificadorDeColisao.temColisao()){
gameOver.desenhaNo(canvas);
isRunning = false;
}
holder.unlockCanvasAndPost(canvas);
}
}

105. @Override
public void run() {
while (isRunning){
Canvas canvas = holder.lockCanvas();
...
if(verificadorDeColisao.temColisao()){
gameOver.desenhaNo(canvas);
isRunning = false;
}
holder.unlockCanvasAndPost(canvas);
}
}

107. Background
Pássaro
-cai()
-pula()
Canos
-move()
Pontuação
-aumenta()
Game over
-temColisao()

108. Sprites

109. Sprites

110. public class Passaro {
public void desenhaNo(Canvas canvas){
canvas.drawCircle(x, y, RAIO, COR);
}
}

111. public class Passaro {
public void desenhaNo(Canvas canvas){
Bitmap bp = BitmapFactory.decodeResource(context.getResources(), R.drawable.passaro);
passaro = bp.createScaledBitmap(bp, RAIO, false);
canvas.drawBitmap(passaro, RAIO, altura, null);
}
}

112. public class Passaro {
public void desenhaNo(Canvas canvas){
Bitmap bp = BitmapFactory.decodeResource(context.getResources(), R.drawable.passaro);
passaro = bp.createScaledBitmap(bp, RAIO, false);
canvas.drawBitmap(passaro, RAIO, altura, null);
}
}

113. public class Cano {
public void desenhaNo(Canvas canvas){
Bitmap bp = BitmapFactory.decodeResource(context.getResources(), R.drawable.cano);
cano = Bitmap.createScaledBitmap(bp, LARGURA, alturaDoCano, false);
canvas.drawBitmap(cano, posicao, alturaDoCano, null);
}
}

114. public class Cano {
public void desenhaNo(Canvas canvas){
Bitmap bp = BitmapFactory.decodeResource(context.getResources(), R.drawable.cano);
cano = Bitmap.createScaledBitmap(bp, LARGURA, alturaDoCano, false);
canvas.drawBitmap(cano, posicao, alturaDoCano, null);
}
}

116. public class Passaro {
public void desenhaNo(Canvas canvas){
Bitmap bp = BitmapFactory.decodeResource(context.getResources(), R.drawable.joao);
passaro = bp.createScaledBitmap(bp, RAIO, false);
canvas.drawBitmap(passaro, RAIO, altura, null);
}
}

122. Referências
● http://www.casadocodigo.com.br/products/livro-games-android
● http://gamedev.stackexchange.com/questions/89/2d-gaming-libraries-
frameworks-engines-for-android
● http://www.tecmundo.com.br/video-game-e-jogos/79428-mercado-games-
mobile-bater-us-45-bi-2018-ultrapassar-consoles.htm
● http://mashable.com/2014/03/20/flappy-bird-launch-again/#jEraRnXf4qqQ

123. Oportunidades
rh@casamagalhaes.com.br

124. https://github.com/danielbaccin/jumper
http://pt.slideshare.net/baccin
daniel.baccin@gmail.com