O documento discute o desenvolvimento de jogos usando Flutter. Apresenta Flutter e suas características como multiplataforma, hot reload e compilação nativa. Também apresenta o motor de jogos Flame que facilita a criação de jogos em Flutter ao fornecer recursos como spritesheets, animações, áudio e física. Um exemplo simples de jogo da bolinha é mostrado para ilustrar o uso de Flutter e Flame juntos.

1. Desenvolvimento de
jogos em Flutter
Erick Zanardo - DevCamp 2019

2. Quem sou eu?
● Desenvolvedor Full Stack
desde 2007
● Trabalha na Dextra
● Desenvolve jogos ao invés
de dormir nas horas vagas

3. Meu início com Game dev

4. Fireslime

5. Fireslime Games

6. Mas antes… Flutter

7. Flutter
"Flutter is Google’s UI toolkit for building
beautiful, natively compiled applications
for mobile, web, and desktop from a
single codebase."
- https://flutter.dev

8. Flutter - Features
● Multiplataforma
● Hot reload
● Compilação nativa
● Possibilita código específico por
plataforma

9. Flutter - Multiplataforma

10. Flutter - Hot Reload

11. Flutter - Linguagem

12. Flutter - Compilação nativa

13. Dart - Linguagem
int fibonacci(int n) {
if (n == 0 || n == 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
}
var result = fibonacci(20);

14. Flutter - Código específico por
plataforma

15. Flutter - Como funciona realmente?
Aplicação escrita em
Dart
Skia canvas
Widgets escritos
em Dart
Plataforma nativa

16. E foi aí que vimos uma oportunidade em
usar o flutter para desenvolver jogos....

17. O que precisamos para fazer um Jogo?
- Tocar sons
- Receber inputs do jogador
- Desenhar coisas na tela

19. Flame
● Criado por Luan Nico
● Mantido pela Fireslime
Um motor de jogos minimalista que provê um conjunto de soluções para
resolver problemas comuns que todo desenvolvedor de jogos em Flutter
compartilharão.

20. ● GameLoop
● Sistema de Componentes
● Sprites/SpriteSheets
● SVGs
● Spritesheet Animações
● Áudio
● Input (Provido por Flutter, mas Flame provê alguns helpers)
● Box2d
Flame - Features

21. Flame Features: Spritesheet Animations

22. Flame Features: Flare

23. Flame Features: Flare Exemplo

24. Flame Features: Tiled

25. Um exemplo bem minimalista
class BallComponent extends PositionComponent {
// Variable initialization ommited
BallComponent(this._screenSize) {
y = width = height = 50;
}
@override
void update(double dt) {
x += 300 * dt * _direction; // 300 Pixels per second
if ((x <= 0 && _direction == -1) ||
(x + width >= _screenSize.width && _direction ==1))
_direction = _direction * -1;
}
@override
void render(Canvas canvas) {
canvas.drawOval(toRect(), _paint);
}
}
class BallGame extends BaseGame {
BallGame(Size screenSize) {
size = screenSize;
add(BallComponent(size));
}
}

26. Flutter Widgets + Flame == Win

27. Flutter Widgets + Flame == Win
Flutter Widgets
Flame Components

28. Vantagens de se usar Flutter + Flame
● Builds pequenos
● Hot Reload ajuda na produtividade
● Facilidade para construção de UIs
● Comunidade bem ativa
● Integrar jogos dentro de aplicativos de maneira
fácil (para Gamificação por exemplo)

29. Desvantagens de se usar Flutter + Flame
● Apenas 2d
● Algumas coisas ainda são trabalhosas de se
fazer
● Não possui um editor visual (como existe na
Unity ou Godot por exemplo)

30. Desafios indiedev: Concorrência
Lançamentos na Steam:
5068 jogos até agora (Agosto) 2019
8742 jogos em 2018
6685 jogos em 2017
- fonte: https://steamspy.com

31. Desafios indiedev: Escolha algo diferente

32. Desafios indiedev: Divulge

33. Desafios indiedev: Participe de
comunidades e Game Jams.

35. Perguntas?
Meus contatos: Fireslime Games: