 Ada sesiapa yang dengar tentang perkara ini yang dipanggil Key Frames oleh Facebook? Ada sesiapa? Ya. Baiklah. Sebenarnya, apa yang akan saya bincangkan adalah... FB mengeluarkan... Biar saya lanjutkan Key Note. Sebelum itu, saya akan memperkenalkan diri saya. Saya Tim. Saya produk lead dan juga engineer IOS di Wonder bersama Nitesh. Hari ini, saya akan bercakap tentang Key Frames. Ini sebuah tool yang Facebook membuat untuk membuat... Kualiti tinggi, animasi berkualiti. Apa yang itu adalah... FB membutuhkan untuk membuat animasi ini... Untuk aplikasi Facebook mereka. Mereka perlu memperkenalkan bagaimana untuk membuat ini... kerana ada banyak masalah yang mereka membuat... Untuk membuat ini. Biar saya jelaskan dengan cepat... Apa yang beberapa masalahnya... Untuk Facebook. Satu-satunya perkara yang mereka mahu... Untuk ikon yang kecil... Untuk membuatnya terbesar... Kerana anda dapat menghormati... Dan ia menjadi lebih besar. Mereka perlu membuatnya terbesar. Satu-satunya perkara yang mereka perlu membuatnya... Membuatnya membuatnya terbesar untuk membuatnya terbesar. Seperti terbesar... Kerana biasanya... Mereka akan membuatnya terbesar... Mereka akan membuatnya terbesar... Membuatnya terbesar dengan jangka keadaan. Mereka mahu membuatnya terbesar... Macam cara membuatnya terbesar. Mereka mahu membuatnya terbesar... Kerana kami tahu... Mereka membuatnya terbesar... PNG dan sebuah sesej tersebut... Jika anda menolaknya... Mereka menjadi besar. Jadi... Biasanya, ini adalah tiga perkara yang mereka mahu membuat... Untuk membuatnya terbesar. Jadi, beberapa solusi yang tersebut... Mereka membuatnya terbesar... Pertama, seperti PNG dan GIF... Dan GIF yang tersebut... Mereka adalah beberapa solusi... Yang sudah berjaya. Dan satu lagi yang mereka lihat... Ia adalah format ini... Bermakna SVG... Yang adalah... Mereka adalah sebuah format untuk... Mereka adalah sebuah grafis kegeraan. Jadi, sebetulnya... Sebelum... Sebelum... Sebelum gambar... Membuatnya terbesar... Membuatnya terbesar... Membuatnya terbesar... Membuatnya terbesar... Dan sebenarnya... Yang lain yang mereka datang mencari... Hebat namanya... Hebat yang disebut ai. Dan sebaiknya... Ia memputuskan animasi bersendirian... Bersendirian... Untuk Javascript HTML. Tapi mereka tidak mahu menggunakan ini... Sebab... Ia sangat... Membuatnya terbesar... Bagi metadata yang mereka tak perlukan. Sebenarnya mereka merupakan inspirasi dari pemenang ini... Dan mereka telah mengibu sebuah... dan ia disebut kiframes. Jadi, kiframes yang penting adalah ia adalah sebuah script yang mempunyai kompositi yang anda mempunyai ke kiframes menjadi file jason. Jadi, menjadi file jason, ia sebenarnya sangat kecil kerana ia hanya sebuah teks. Jadi, seperti yang saya katakan, ia hanya mempunyai keklasan dan membuat kode transform ke kiframes ke kiframes ke file jason. Dan juga, ia mempunyai sebuah library untuk iOS dan Android untuk menggantikan file jason dan memperkenalkan keklasan ke kode supaya kita dapat menggunakan file jason. Jadi, ia adalah sebuah contoh file jason yang anda mempunyai. Ia sebenarnya sangat membaca dan anda dapat mengubah keklasan keklasan keklasan keklasan keklasan keklasan keklasan. Tetapi, terutamanya anda tidak menghentikan semua ini daripada keklasan keklasan keklasan keklasan seperti ini. Ini adalah sebuah kode yang terdi-orang di iOS. Jadi, bahkan mereka telah membuat library kiframes keklasan keklasan keklasan keklasan keklasan akan menjadi sebuah objek keklasan keklasan. Waiz ini adalah sebuah pakek dan secara mengucapkan keklasan keklasan ke kode keklasan tersebut semasa dia mempunyai sebuah metod keklasan keklasan yang ia membuat keklasan keklasan keklasan keklasan. untuk membuat animasi, ia sangat mudah. Ia hanya mencabar ui dan kemudian menambah vektor dari ini sebenarnya, kemudian anda sebenarnya menambah vektor ke dalam kaya vektor ke dalam kaya vektor ke dalam kaya kemudian anda hanya menambah vektor ke dalam kaya sub-layer atau botan atau image atau apa-apa, seperti ui kit objek dan ini akan membuatkan animasi, menambah animasi ke dalam ui kit objek. Jadi sebelum kita masuk ke kota, saya akan beritahu sedikit tentang sesuatu seperti masalah currently dengan, dengan, dengan tool dan sesuatu limitasi. Jadi, suatu limitasi adalah bahawa ada, ada sebenarnya sedikit yang anda boleh sebenarnya lakukannya, saya bermakna jika anda gunakan ui kit objek, ada sesiapa yang mencoba ui kit objek sebelumnya? Kerana ia sebenarnya sebuah tools sophisticated seperti Photoshop, mana-mana banyak perkara yang anda boleh lakukannya, tetapi untuk perjalanan ini, anda boleh sebenarnya gunakan ui yang sangat, sangat, sangat kelihatan kecil dari kemampuan, jadi anda perlu dilihatkan, kerana jika anda cuba memasak, seperti ui yang sangat kompleks seperti animasi, ia tidak berfungsi, jadi ia akan hanya gagal. Jadi, library juga sangat mudah. Anda hanya boleh memulakan, memulakan, memasak dan memasak untuk animasi. Dan tentu saja, ia juga bekerja dalam perjalanan. Jadi, mereka mengubah ini, seperti mungkin beberapa minggu lalu, jadi ia sangat baru, tetapi ia berfungsi, dan ia sebenarnya sangat mudah, dan mungkin cukup baik untuk terbuka. Jadi, ini adalah sebuah animasi yang Facebook menggunakan, dan dengan kemampuan, anda boleh lakukannya seperti kemampuan, dan anda tahu, anda boleh lakukannya yang nampak kompleks, tetapi sebenarnya jika anda melakukannya, ia sangat mudah. Jadi, kita, sebenarnya, ini adalah, anda tahu, GitHub, anda boleh melihatnya, itu seperti, sebenarnya segalanya yang saya baru cakap, ia semua digunakan di sini juga, dan jadi, saya rasa, kita hanya dapat untuk memasak ini. Jadi, sebenarnya, apa yang saya akan lakukan sekarang dengan cepat, adalah hanya untuk, anda tahu, Natasha seperti permainan permainan di mana dia mempunyai ini seperti, seperti permainan mulut, di mana dia mempunyai ini seperti button, saya hanya akan membuat versi animasi untuk itu. Jadi, saya akan segera menunjukkan kepada anda. Jadi, proses untuk ini untuk saya adalah, biasanya anda akan membuat seperti sebuah grafik di, seperti yang saya katakan, atau untuk saya, saya akan menggunakan ini, tukar Affinity Designer. Jadi, apa yang saya lakukan adalah sesuatu seperti ini, anda tahu. Jadi, sebenarnya, ia hanya cukup mudah, ia adalah sebenarnya hanya beberapa layar objek. Jadi, ini seperti latar belakang, dan ini hanya lantai, dan ini adalah lantai, dan ini hanya lantai yang lain, hanya untuk memberikan keadaan kecil-kecil untuknya. Jadi, sebenarnya, anda memasak ini seperti, setiap, setiap keadaan ini sebagai layar separat. Dan, anda tahu, setelah anda ada ini sebagai layar separat, seperti bagaimanapun. Jadi, sebenarnya seperti layar separat seperti ini, saya hanya nama A, B, C, D. Jadi, sesuatu seperti itu. Jadi, anda memberikan keadaan keadaan kecil-kecil. Jadi, ini adalah keadaan besar. Jadi, ia mungkin menjadi keadaan kecil-kecil. Jadi, ini adalah keadaan kecil-kecil dan, ia mungkin menjadi keadaan kecil-kecil. Jadi, ini adalah, tunggu-tunggu, saya hanya memasak ini. Okey. Okey. Jadi, membuatnya, setelah efeknya, anda melihat semua layar di sini, dan ia sebenarnya membuatkan keadaan kecil-kecil. Jadi, keadaan kecil-kecil adalah hanya sebuah tempat kerana anda sebenarnya memasak semua layar di sini. Kemudian apabila anda mempunyai layar di sini, ia adalah keadaan kecil-kecil. Jadi, apa yang anda akan lakukan di sini adalah, kompositi adalah sebuah tempat juga. Jadi, sebenarnya anda boleh saya boleh hanya bermain dan kemudian ia akan pergi. Sebenarnya, saya akan hanya lakukan sesuatu seperti itu. Seperti ini, hanya sekejap. Jadi, saya akan hanya melupakan dan melupakan lagi. Jadi, untuk membuat keadaan kecil-kecil, ia sangat mudah. Jadi, anda akan hanya sebaiknya pergi ke setiap layar anda dan anda boleh mempunyai keadaan kecil-kecil. Jadi, anda hanya mempunyai keadaan kecil-kecil di awal dan sebuah tempat yang sama, dan kemudian mungkin anda hanya mempunyai satu di antara untuk mengubah keadaan kecil-kecil. Dan juga anda dapat menambah, seperti perkara yang baik menggunakan keadaan kecil-kecil adalah anda mempunyai lebih banyak kontrol di animasi, dalam termasuk keadaan kecil-kecil dan sebagainya keadaan kecil-kecil. Jadi, sesuatu seperti ini anda boleh lihat, ia adalah keadaan kecil-kecil. Jadi, ia membuatnya membuatnya lebih kelihatan. Jadi, ia sedikit seperti keadaan kecil-kecil untuk keadaan kecil dan sebagainya. Dan kemudian, beberapa lima-lima ini juga ada. Jadi, anda tidak boleh melakukan lebih kompleks seperti keadaan. Jadi, anda tidak boleh melakukan keadaan seperti ini. Anda tahu, untuk contoh. Kerana, keadaan akan hanya gagal. Jadi, ini hanya sebuah contoh keadaan kecil-kecil. Jadi, sebenarnya anda hanya perlu melakukan ini untuk setiap layar sehingga, seperti ini ada keadaan dan rotasi juga. Selepas anda selesai, semua yang anda perlu lakukan adalah hanya menjaga, anda tahu, menjaga, hanya pergi ke kompleks anda dan kemudian anda hanya pergi ke skrips anda dan kemudian anda hanya pergi ke tukar ini, tukar FB keyframes dan kemudian anda hanya melakukannya dan sebenarnya saya akan melakukan semua untuk anda dan apa yang ini akan lakukan adalah ia akan menjadikan, ia akan menjadikan beberapa file seperti ini, ini tiga file tapi anda sebenarnya hanya perlukan satu, yang adalah satu ini yang mempunyai KF di dalamnya. Jadi, bagaimanapun, anda hanya boleh menjadikan, anda tahu, tidak bergantung. Jadi, anda boleh hanya menjadikan ini. Jadi, ini adalah file JSON. Saya akan menunjukkan anda. Jadi, anda dapat melihat itu. Jadi, anda boleh hanya menjadikan sesuatu seperti, anda tahu, seperti NM atau sesuatu. Saya sudah mempunyai sesuatu seperti ini. Jadi, saya menjadikan ini dalam kota Netesius. Jadi, ya, anda lihat, StartButtonAnim.json. Ini adalah perkara yang sama sebenarnya. Jadi, saya akan menunjukkan kepada anda bagaimana itu nampak seperti di aplikasi. Ya, jadi anda hanya menjadikan ini seperti file JSON. Jadi, ini sebenarnya hanya file JSON. Dan ia sangat kecil. Jadi, jika anda ingin melihat kota file, anda akan melihat sangat, anda tahu, seperti bagaimanapun. Dan saya hanya menjadikan KF untuk animasi, yang sangat bagus. Jadi, mari kita kembali ke kota Netesius. Jadi, ini adalah perkara ini. Dan anda tahu, basically, kota yang saya menunjukkan kepada anda tadi, menunjukkan vektor dari disk yang ada di sini. Dan kemudian, hanya menambahnya, seperti apa yang saya menunjukkan kepada anda, tetapi ia mempunyai beberapa perangkatan di sini, hanya untuk mendapatnya di tengah-tengah kota. Jadi, sebenarnya, itu saja. Saya akan menunjukkan kepada anda bagaimana ia nampak seperti ini. Apa lagi? Maafkan saya, sebenarnya ia akan sangat bagus. Ia akan menjadi sebuah peluang yang hebat untuk bagi gambar, seperti PNG dan sebagainya. Walaupun anda tahu, anda masih perlu menjadikan, anda masih perlu menjadikan, seperti anda tahu, seperti itu bagus kerana anda boleh menjadikan perkara dan ia menjadi seperti anda tahu, anda boleh menjadikan dengan baik. Anda menggunakan gambar ke gambar? Tidak, anda tidak menggunakan gambar ke gambar untuk itu. Kerana ini adalah file jason, jadi Xcode tidak mengenali file jason sebagai gambar. Jadi, ya, itu saja. Jadi, basicnya, saya hanya mengubahnya dengan ini. Jadi, anda boleh sebenarnya menggunakan ini dalam ui normal, tetapi saya hanya menunjukkan ini di sini, hanya supaya saya dapat menghubungi dengan presentation netashia. Jadi, ini hanya ui-view di atas gambar netashia. Jadi, sesuatu seperti itu. Jadi, anda boleh sebenarnya melakukan banyak animasi lebih kompleks. Sekarang, apa yang saya menunjukkan, anda boleh sebenarnya melakukan semua ini dalam animasi korel. Sangat mudah, tetapi mengingatkan perkara yang lebih seperti, anda tahu, seperti karakter dan sebagainya, atau lebih kompleks. Kamu tahu, seperti karakter yang lebih organik, anda boleh sebenarnya animasi perkara-perkara itu. Dan, anda tahu, dan ia sebagainya berkali-kali. Jadi, anda boleh membuatnya sangat besar, sangat kecil, dan ia semua sangat kecil. Jadi, ini adalah kain-kali di Facebook. Kamu semua ada pertanyaan? Tidak, ia tidak mempunyai kain-kali atau kain-kali. Kamu hanya membuat kain-kali, seperti anda tahu, seperti anda hanya membuat kain-kali, dalam kain-kali anda. Okey, mari kita lihat. Saya akan hanya membuat kain-kali yang sangat besar. Ia hanya sebaik-baik saja, hanya mempunyai kain-kali, membuat kain-kali 1.5 kali lebih besar atau sesuatu. Kemudian, anda hanya memulai kain-kali. Jadi, ia tidak mempunyai kain-kali, seperti 1x, 2x atau 3x. Ia ialah sebuah kain-kali. Kamu boleh memulai kain-kali, seperti anda hanya memulai kain-kali untuk menjadi kain-kali 2000 x 2000, dan ia akan memulai kain-kali dengan itu tanpa mengelakkan, bagaimanapun, bagaimanapun, kain-kali, kerana ia adalah kain-kali. Okey, saya tak tahu apa yang berlaku di sini. Ia memulai kain-kali. Okey, jadi, saya hanya membuat kain-kali yang sangat besar, dan ia masih membuat kain-kali yang sangat tinggi, kerana posisi ini sedikit dekat. Tapi ia adalah sebuah solusi yang sangat baik untuk apa yang Facebook mahu pergi. Jadi, ia seperti kain-kali. Jika anda menggunakan kain-kali sebelum anda tahu, ia hanya membuat kain-kali dalam aplikasi, dan aplikasi mempunyai sebuah deskripsi sebenarnya dalam grafis kawal. Jadi, ini seperti versi animasi kain-kali, menggunakan kain-kali. Jadi, ia hanya sebuah kain-kali untuk kain-kali, tetapi anda masih perlu dapat kain-kali yang sangat tinggi, sangat ekspensif. Ada apa-apa kain-kali yang anda dapat menggunakan kain-kali yang sama untuk mempunyai kain-kali yang sama untuk animasi kain-kali pada Android? Ada kain-kali dari Facebook? Tidak, ini ada di Android juga. Okey. Jadi, kain-kali yang jason anda dapat menggunakan kain-kali yang sama untuk Android atau iOS. Anda hanya perlu dapatkan kain-kali yang sepatutnya. Jadi, kain-kali yang Facebook berikan untuk Android, menggunakan kain-kali yang sepatutnya. Seperti yang anda tahu, saya tidak tahu apa yang dianggapkan di Android. Jadi, ia adalah perkara yang sama. Kerana mereka perlukan kain-kali untuk Android juga. Facebook mempunyai Android yang sama. Saya akan menerima kain-kali yang dianggapkan di iOS. Okey. Jadi, itu basically it from me. Jika anda semua ada no more questions. So, the question of music is that it can be used first platform? Saya bermakna anda dapat menggunakan kain-kali yang sepatutnya. Saya tidak akan mengatakan bahawa ini adalah keadaan. FB membuatkan untuk mereka sendiri. Jadi, mereka tentu saja mendukung Android juga. Jadi, mereka membuatkan untuk 4 Android juga. Ya, tapi ya, kain-kali ini adalah kain-kali yang sepatutnya. Kain-kali ini adalah kain-kali yang sepatutnya. Bukan anda membuat kain-kali yang tidak acne-kali? Mungkin generationan yang immortus untuk anda, Kain-kali yang chirip yang mengalami kain-kali. Waktu beberapa hari mereka mengalami kain-kali itu? Jika tidak, ada sebuah kain-kali yang lain. Jadi, mereka membuatkan kain-kali yang lain. Bagaimana dengan Kain-kali itu juga? Saya incerakan mengenai kain-kali ini. Tapi kain-kali tidak merupakan kain-kali. Ini adalah dari beberapa masa. Jadi, saya berdua mengatakan perlihan kami untuk membuat kain-kali. Jadi, saya spoil sahaja, Kain-kali ini bukan sepatutnya kain-kali. semasa ia hanya sebuah grafis faktor dan kemudian ia memasukkannya sebagai panggilan animasi, panggilan diskopi pakaian diskopi Bolehkah anda program panggilan animasi? Program Atau ia hanya panggilan loop? Bolehkah anda melakukan loop? Bolehkah anda melakukan panggilan loop non-loop? Tetapi jika saya mahu mempunyai panggilan clock dan saya mahu mempunyai panggilan, ok Jika anda mempunyai panggilan panggilan, bolehkah anda mempunyai panggilan? Oleh itu panggilan panggilan anda boleh mempunyai program panggilan jadi apabila anda mempunyai panggilan panggilan seperti itu dan panggilan panggilan anda tidak perlu mempunyai program kerana mereka mahu panggilan mereka dapat bekerja jika panggilan mereka mempunyai panggilan panggilan kerana ia lebih mudah untuk program ia lebih mudah untuk membuat panggilan panggilan panggilan panggilan dan sebagainya sebab itu mereka memilih jalan ini terima kasih