1 00:00:02,240 --> 00:00:05,740 Commençons par la taille de l'appareil 2 00:00:05,750 --> 00:00:12,140 sur lequel nous fonctionnons. En ce moment, j'ai des émulateurs relativement gros ici et je vais maintenant changer cela et 3 00:00:12,140 --> 00:00:13,090 je vais le changer 4 00:00:13,100 --> 00:00:18,620 sur Android mais bien sûr, nous pourrions faire la même chose sur iOS. Ici sur Android et je vais créer un nouvel appareil 5 00:00:18,620 --> 00:00:20,690 virtuel qui est en fait beaucoup plus 6 00:00:20,690 --> 00:00:26,570 petit et pour cela dans ma liste d'images ici lors de la création d'un nouvel appareil virtuel, je vais en choisir 7 00:00:26,660 --> 00:00:27,410 un super 8 00:00:27,410 --> 00:00:30,040 petit comme celui-ci 3. Téléphone 7 pouces ici. 9 00:00:30,050 --> 00:00:36,290 Maintenant, une note importante, vous pensez peut-être que peu d'utilisateurs utilisent plus de si petits appareils, 10 00:00:36,470 --> 00:00:39,980 mais cela dépend vraiment du marché que vous ciblez. 11 00:00:39,980 --> 00:00:45,980 Si vous ciblez principalement les États-Unis, eh bien, vous n'avez peut-être pas vraiment besoin d'optimiser votre application pour 12 00:00:45,980 --> 00:00:47,360 les petits appareils, mais 13 00:00:47,360 --> 00:00:52,910 si vous ciblez le monde entier ou peut-être certains pays émergents, alors cela a l'air différent, alors 14 00:00:52,910 --> 00:00:58,340 vous voulez vraiment pour savoir quelle est votre cible et quels appareils vos utilisateurs cibles utilisent. 15 00:00:59,150 --> 00:01:06,170 Je vais donc créer cet appareil ici, un relativement petit, cliquez simplement sur suivant ici, choisissez Android pie dans mon 16 00:01:06,170 --> 00:01:09,640 cas ici comme version Android, puis terminez cela et 17 00:01:09,770 --> 00:01:14,190 maintenant cela créera cet appareil virtuel et maintenant je le lancerai également. 18 00:01:14,240 --> 00:01:19,740 Alors maintenant, cela démarre, sur mon deuxième écran, je le ramènerai ici dans une 19 00:01:19,770 --> 00:01:22,110 seconde, je fermerai cet appareil 20 00:01:22,110 --> 00:01:27,330 Android pour le moment, celui-ci plus grand et voici mon plus petit qui démarre. 21 00:01:27,430 --> 00:01:33,550 Alors permettez-moi également d'augmenter cela un peu et cela ne fait qu'augmenter la taille dans laquelle nous pouvons 22 00:01:33,580 --> 00:01:36,300 le voir, pas la dimension du téléphone et 23 00:01:36,420 --> 00:01:43,010 comme vous pouvez déjà le voir, c'est certainement un appareil plus petit avec moins de pixels disponibles à la 24 00:01:43,010 --> 00:01:45,640 fois sur le hauteur et largeur. 25 00:01:45,660 --> 00:01:50,360 Alors maintenant avec ça, je suis déjà de retour dans mon projet, c'est le 26 00:01:50,380 --> 00:01:54,900 projet sur lequel nous avons travaillé dans les dernières sections et vous 27 00:01:54,900 --> 00:01:59,730 le trouverez attaché au cas où vous ne suivriez pas ici et j'ai déjà démarré 28 00:01:59,730 --> 00:02:06,410 mon serveur expo avec npm start et par frapper un, j'installe maintenant expo puis cette application ici sur cet émulateur. 29 00:02:06,510 --> 00:02:13,460 Attendons donc que cela se termine et se lance et voici mon application et nous pouvons déjà dire que notre application 30 00:02:13,550 --> 00:02:17,200 n'est certainement pas optimisée pour les écrans plus petits, ici 31 00:02:17,210 --> 00:02:22,060 les boutons ne sont pas vraiment bien positionnés donc quelque chose ne va pas 32 00:02:22,060 --> 00:02:26,090 là et maintenant voyons comment cela fonctionne quand nous commençons le jeu. 33 00:02:26,090 --> 00:02:37,490 Eh bien ici, cela semble fonctionner, si je clique sur Démarrer le jeu, eh bien, cela fonctionne certainement ici, mais nous avons un problème sur notre écran de démarrage et peut-être ici, nous voulons également 34 00:02:37,550 --> 00:02:42,670 modifier certaines tailles, peut-être que nous voulons supprimer la marge ou réduire la marge que 35 00:02:42,670 --> 00:02:49,730 nous avons entre ce nombre et cette boîte avec nos entrées ici, peut-être vouloir augmenter la largeur de nos boîtes là-bas, 36 00:02:50,330 --> 00:02:58,490 notre journal des tours que nous avons eu, alors peut-être que nous voulons changer quelque chose là et quand le jeu est plus, peut-être que 37 00:02:58,490 --> 00:03:03,590 nous voulons réduire un peu la taille de l'image, mais parce que c'est super grand 38 00:03:03,590 --> 00:03:08,570 et qu'il y a en fait un énorme inconvénient parce que comme cette page n'est 39 00:03:08,810 --> 00:03:12,320 pas déroulante, je ne peux pas atteindre le nouveau bouton 40 00:03:12,470 --> 00:03:14,950 de jeu, donc c'est un vrai disjoncteur 41 00:03:15,140 --> 00:03:20,740 de jeu, ça casse vraiment notre jeu, cette distance ici aussi est un peu trop grande entre 42 00:03:20,780 --> 00:03:22,280 l'image et le texte. 43 00:03:22,280 --> 00:03:26,000 Il y a beaucoup de travail à faire juste parce que nous sommes sur 44 00:03:26,000 --> 00:03:31,610 un appareil plus petit, cela ne respecte même pas le fait que nos utilisateurs peuvent faire tourner l'appareil qui, soit dit en passant, 45 00:03:31,640 --> 00:03:36,150 est désactivé de toute façon et je vais donc revenir à cela et comment l'activer en une seconde. 46 00:03:36,170 --> 00:03:43,010 Commençons donc à travailler là-dessus et apprenons comment nous pouvons réellement calculer notre espace que nous distribuons, les tailles que nous 47 00:03:43,010 --> 00:03:49,160 utilisons de manière plus dynamique et nous assurer que notre application est bonne sur tous les types d'appareils.