Développer un jeu vidéo (quand on n’y connait rien en développement de jeux vidéo)

Comment on développe un jeu vidéo ? Est-ce compliqué d’afficher un personnage sur l’écran et de le faire bouger par la suite ? Programmer un jeu est-il comparable à programmer un application backend ? Quels sont les outils à utiliser ? Comment rendre un jeu amusant ?

J’ai dû me poser ces questions pour réaliser mon premier jeu mobile. Ce quickie essayera d’y répondre et fera un retour sur les différentes expérimentations réalisées avant d’obtenir un jeu.

Présenté lors de Devoxx France 2017 (Paris) - https://www.youtube.com/watch?v=4X337M8kU8Q
Présenté lors de Android Makers 2017 (Paris) - https://www.youtube.com/watch?v=mSa3BVO0tvc
Présenté lors des Human Talks Avril 2017 (Paris) - https://www.youtube.com/watch?v=H7Q-BBCs_ig

Transcript

1. Développer un jeu vidéo
   (quand on n’y connait rien en jeux vidéo)
   

   View Slide

2. David
   Wursteisen
   

   View Slide

3. View Slide

4. John Carmack
   

   View Slide

5. View Slide

6. View Slide

7. View Slide

8. Moteur de jeu
   

   View Slide

9. View Slide

10. main loop
    

    View Slide

11. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

12. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

13. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

14. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    60x

    secondes
    

    View Slide

15. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

16. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

17. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

18. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    

    View Slide

19. public void render(float delta) {

    movePlayer(delta);

    moveEnemies(delta);

    moveWorld(delta);

    

    renderWorld();

    renderEnemies();

    renderPlayer();

    }
    Interface
    

    View Slide

20. « Saisissez une citation ici. »
    Game programming
    Patterns
    

    View Slide

21. Référentiel
    

    View Slide

22. (0,0)
    (0,0)
    

    View Slide

23. (0,0)
    

    View Slide

24. (0,0)
    

    View Slide

25. Physique
    

    View Slide

26. View Slide

27. View Slide

28. Interpolation
    

    View Slide

29. View Slide

30. View Slide

31. View Slide

32. View Slide

33. Collision
    

    View Slide

34. collision y
    collision x
    Collision détectée
    

    View Slide

35. collision y
    collision x
    Collision détectée
    

    View Slide

36. View Slide

37. View Slide

38. Box2D
    

    View Slide

39. View Slide

40. View Slide

41. View Slide

42. Traversable
    

    View Slide

43. Debug
    

    View Slide

44. Coordonnées
    insignifiantes
    

    View Slide

45. hit box
    hit box
    

    View Slide

46. Indicateur
    visuel
    

    View Slide

47. Assets
    

    View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. View Slide

56. Tooling
    

    View Slide

57. View Slide

58. View Slide

59. Shaders
    

    View Slide

60. void main() {

    vec4 sum = vec4(0);

    

    float step = iResolution.y;

    // y

    for(float i = -area ; i <= area ; i += 1.) {

    // x

    for(float j = -area ; j <= area ; j += 1.) {

    float x = v_texCoords.x + i / iResolution.x;

    float y = v_texCoords.y + j / iResolution.y;

    sum += texture2D(u_texture, vec2(x, y)) * 0.005;

    }

    }

    gl_FragColor = texture2D(u_texture, v_texCoords) + sum;

    }
    

    View Slide

61. View Slide

62. View Slide

63. View Slide

64. Glow
    Dégradé
    Light effect
    glow
    Light effect
    

    View Slide

65. View Slide

66. View Slide

67. View Slide

68. View Slide

69. View Slide

70. Game design
    

    View Slide

71. View Slide

72. Indication
    

    View Slide

73. Meilleure
    Indication
    Indication
    

    View Slide

74. Indication
    Meilleure
    Indication
    Tap To Start
    

    View Slide

75. Indication
    Meilleure
    Indication
    Tap To Start
    Vitesse
    progressive
    

    View Slide

76. Math + graphisme + design
    

    View Slide

77. Rendre un jeu amusant ?
    

    View Slide

78. View Slide

79. L’imagination est 

    la seule limite
    

    View Slide

80. On reste en contact ?
    @dwursteisen
    

    View Slide