1 00:00:02,240 --> 00:00:05,740 Mari kita mulai dengan ukuran perangkat 2 00:00:05,750 --> 00:00:12,140 yang sedang kita jalankan. Saat ini saya memiliki emulator yang relatif besar di sini dan sekarang saya akan mengubahnya 3 00:00:12,140 --> 00:00:13,090 dan saya akan mengubahnya 4 00:00:13,100 --> 00:00:18,620 di Android tetapi tentu saja kita bisa melakukan hal yang sama di iOS. Di sini di Android dan saya akan membuat perangkat 5 00:00:18,620 --> 00:00:20,690 virtual baru yang sebenarnya jauh lebih kecil 6 00:00:20,690 --> 00:00:26,570 dan untuk itu dalam daftar gambar saya di sini saat membuat perangkat virtual baru, saya akan memilih yang 7 00:00:26,660 --> 00:00:27,410 super 8 00:00:27,410 --> 00:00:30,040 kecil seperti ini 3. Ponsel 7 inci di sini. 9 00:00:30,050 --> 00:00:36,290 Sekarang satu catatan penting, Anda mungkin berpikir bahwa tidak banyak pengguna menggunakan perangkat sekecil itu lagi, 10 00:00:36,470 --> 00:00:39,980 tetapi itu benar-benar tergantung pada pasar yang Anda targetkan. 11 00:00:39,980 --> 00:00:45,980 Jika Anda menargetkan terutama AS, mungkin Anda tidak benar-benar perlu mengoptimalkan aplikasi untuk perangkat kecil tetapi 12 00:00:45,980 --> 00:00:47,360 jika Anda menargetkan 13 00:00:47,360 --> 00:00:52,910 seluruh dunia atau mungkin beberapa negara berkembang, maka itu terlihat berbeda, jadi Anda pasti 14 00:00:52,910 --> 00:00:58,340 ingin untuk mengetahui apa target Anda dan perangkat apa yang digunakan pengguna target Anda. 15 00:00:59,150 --> 00:01:06,170 Jadi saya akan membuat perangkat ini di sini, yang relatif kecil, cukup klik di sini, pilih Android pie dalam kasus saya 16 00:01:06,170 --> 00:01:09,640 di sini sebagai versi Android dan kemudian selesaikan ini dan 17 00:01:09,770 --> 00:01:14,190 sekarang ini akan membuat perangkat virtual ini dan sekarang saya juga akan meluncurkannya. 18 00:01:14,240 --> 00:01:19,740 Jadi sekarang ini sedang booting, di layar kedua saya akan membawanya kembali ke sini sebentar lagi, 19 00:01:19,770 --> 00:01:22,110 saya akan menutup perangkat Android ini 20 00:01:22,110 --> 00:01:27,330 untuk saat ini, yang lebih besar ini dan inilah yang lebih kecil saya booting. 21 00:01:27,430 --> 00:01:33,550 Jadi izinkan saya juga meningkatkan sedikit ini dan ini hanya meningkatkan ukuran di mana 22 00:01:33,580 --> 00:01:36,300 kita dapat melihatnya, bukan dimensi ponsel dan 23 00:01:36,420 --> 00:01:43,010 seperti yang sudah Anda ketahui, ini jelas merupakan perangkat yang lebih kecil dengan piksel lebih sedikit 24 00:01:43,010 --> 00:01:45,640 tersedia di tinggi dan lebar. 25 00:01:45,660 --> 00:01:50,360 Jadi sekarang dengan itu, saya sudah kembali dalam proyek saya, ini adalah proyek 26 00:01:50,380 --> 00:01:54,900 yang kami kerjakan di bagian terakhir dan Anda menemukannya terlampir jika 27 00:01:54,900 --> 00:01:59,730 Anda tidak mengikuti di sini dan saya sudah memulai server expo saya dengan 28 00:01:59,730 --> 00:02:06,410 mulai npm dan dengan Memukul, saya sekarang menginstal expo dan kemudian aplikasi ini di sini di emulator ini. 29 00:02:06,510 --> 00:02:13,460 Jadi mari kita tunggu sampai ini selesai dan diluncurkan dan inilah aplikasi saya dan kita sudah dapat mengatakan bahwa aplikasi 30 00:02:13,550 --> 00:02:17,200 kita tentu tidak dioptimalkan untuk layar yang lebih kecil, 31 00:02:17,210 --> 00:02:22,060 di sini tombol-tombolnya tidak benar-benar diposisikan dengan baik sehingga ada sesuatu yang salah di 32 00:02:22,060 --> 00:02:26,090 sana dan sekarang mari kita lihat cara kerjanya ketika kami memulai permainan. 33 00:02:26,090 --> 00:02:37,490 Nah di sini sepertinya ini berfungsi, jika saya mengklik Start Game, yah itu pasti bekerja di sini tetapi kami memiliki masalah pada layar awal kami dan mungkin di sini, kami 34 00:02:37,550 --> 00:02:42,670 ingin mengubah beberapa ukuran juga, mungkin kami ingin menghapus margin atau kurangi margin 35 00:02:42,670 --> 00:02:49,730 yang kita miliki antara angka ini dan kotak ini dengan input kita di sini, mungkin ingin menambah lebar 36 00:02:50,330 --> 00:02:58,490 kotak kita di sana, log kita tentang putaran yang kita miliki, jadi mungkin kita ingin mengubah sesuatu di sana dan ketika 37 00:02:58,490 --> 00:03:03,590 permainan dimulai selesai, mungkin kita ingin mengecilkan ukuran gambar sedikit tetapi karena ini 38 00:03:03,590 --> 00:03:08,570 super besar dan sebenarnya memiliki satu kerugian besar karena karena halaman ini 39 00:03:08,810 --> 00:03:12,320 tidak dapat digulir, saya tidak dapat mencapai tombol permainan 40 00:03:12,470 --> 00:03:14,950 baru, jadi itu adalah pemecah game 41 00:03:15,140 --> 00:03:20,740 nyata, ini benar-benar merusak permainan kami, jarak ini di sini juga agak terlalu besar antara 42 00:03:20,780 --> 00:03:22,280 gambar dan teks. 43 00:03:22,280 --> 00:03:26,000 Ada banyak pekerjaan yang harus dilakukan hanya karena kami menggunakan 44 00:03:26,000 --> 00:03:31,610 perangkat yang lebih kecil, ini bahkan tidak menghargai fakta bahwa pengguna kami mungkin memutar perangkat yang omong-omong 45 00:03:31,640 --> 00:03:36,150 saat ini dinonaktifkan, jadi saya akan kembali ke ini dan bagaimana mengaktifkannya dalam sedetik. 46 00:03:36,170 --> 00:03:43,010 Jadi mari kita mulai bekerja dan mari kita belajar bagaimana kita dapat benar-benar menghitung ruang yang kita distribusikan, ukuran yang kita 47 00:03:43,010 --> 00:03:49,160 gunakan dengan cara yang lebih dinamis dan memastikan bahwa aplikasi kita terlihat bagus di semua jenis perangkat.