Memory Game Google Translate – Membangun permainan memori tidak hanya dapat meningkatkan pengetahuan JavaScript Anda, tetapi juga membantu Anda meningkatkan memori Anda. Dalam proyek ini kita akan melihat cara membuat kisi-kisi kartu yang dapat dibalik dan dicocokkan. Jika ditemukan kecocokan, kartu tetap tertutup, jika tidak, dikembalikan. Permainan berlanjut sampai semua kartu telah dibalik.
Seluruh proyek dihosting di GitHub jika Anda ingin mendapatkan kode dalam keadaan utuh. Di akhir tutorial ini kita memiliki permainan berikut:
Memory Game Google Translate
Mari mulai menyiapkan proyek. Di folder baru, buat tata letak game, di folder baru
Best Translation Extensions For Chrome To Explore!
Wadah Kami menunjukkan jumlah gerakan (setiap klik mewakili satu gerakan), dan waktu yang diperlukan untuk menyelesaikan permainan. Ada dua hal lain yang perlu diperhatikan tentang proyek ini:
Mari fokuskan perhatian kita pada gaya papan. Saya tidak akan membahas semua aturan CSS, Anda dapat menemukan stylesheet lengkapnya di repositori GitHub, tetapi saya akan menunjukkan beberapa bagian penting yang perlu kita ingat.
Pertama, saya menggunakan font lucu khusus yang dapat Anda unduh dari repositori GitHub atau dapatkan dari Google Fonts. Untuk menggunakan font di CSS, Anda ingin mendeklarasikan font baru seperti ini:
Kami juga memusatkan papan di layar, ini dapat dilakukan dengan pemosisian dan transformasi absolut:
Glossaries And Translation Memories Overview
Terakhir, pastikan untuk tombol “Start” Anda menambahkan aturan berikut agar menampilkan kursor yang benar saat diputar:
Nyatakan, karena kami akan menonaktifkan tombolnya nanti saat kami memulai permainan dengan JavaScript.
Hal terakhir yang perlu kita bahas dari sisi CSS adalah cara membalik kartu. Pertama, mari kita lihat apa yang ada di dalamnya
Di sini juga untuk menunjukkan bahwa petanya interaktif. Untuk bagian depan dan belakang kartu kita memerlukan aturan sebagai berikut:
Google Translate Glitch Causes The Site To Translate Gibberish Into Creepy Doomsday Prophecies
Properti untuk membuat animasi saat kita membalik kartu. Saya menggunakan bezier kubik di sini untuk kenyamanan. Saya sarankan untuk memeriksa easings.net dan kubik-bezier.com jika Anda ingin bereksperimen dengan fungsi easing yang berbeda. Aturan penting lainnya adalah
. Ini digunakan untuk memberitahu CSS bahwa bagian belakang suatu elemen tidak boleh terlihat oleh kita. Artinya kita tidak akan melihat emoji saat kartu dibalik.
Karena kami tidak ingin memilih teks. Ini akan membuat bagian belakang kartu menjauh 180 derajat dari kita. Kita bisa menggunakan kelas pembantu yang disebut
Untuk putaran kembali ke 0 dan atur putaran bagian depan kartu menjadi 180 derajat.
How To Choose A Machine Translation Engine On Smartcat
Aturan yang sama digunakan untuk seluruh papan, jadi ketika pemain menang, seluruh papan akan dibalik.
Kita punya tata letaknya, kita punya gayanya, sekarang mari kita lihat implementasi dari game itu sendiri. Pertama, mari kita tentukan beberapa penyeleksi dan status permainannya:
Ini membantu kami menggunakan penyeleksi lebih sering. Untuk keadaan permainan kita harus mengikuti 5 nilai berbeda:
Sebagai langkah pertama dalam fungsi tersebut, kita ingin memastikan bahwa dimensi yang kita lewati adalah bilangan genap. Untuk memeriksanya, kita cukup menggunakan istirahat. Variabel ini nantinya dapat digunakan untuk mengatur gaya papan secara dinamis dalam literal templat. Untuk menambahkan ini ke DOM, saya menggunakan DOMParser
Surprising Google Facts To Celebrate Our 25th Birthday
Fungsi yang menggunakan algoritma pencampuran Fisher-Yates. Pertama, mari kita lihat pseudocode untuk algoritme tersebut sehingga kita tahu cara mengimplementasikannya dalam JavaScript:
Mengembalikan nomor acak antara 0 dan 1). Ini dapat digunakan untuk mengubah posisi dua elemen dalam array.
Perhatikan bahwa kita harus menyimpan nilai indeks asli dalam sebuah variabel untuk menghindari penimpaannya
Ini akan menghasilkan papan dengan emoji acak setiap kali, tapi kita belum bisa membalik kartunya, jadi mari tambahkan event pendengar yang diperlukan.
Google Translate Glasses: Why It’s Finally Time For Them To Become Reality
Kita memerlukan dua pendengar acara yang berbeda, satu untuk kartu, dan satu lagi untuk tombol mulai. Tambahkan fungsi baru di akhir file Anda, dan panggil fungsi tersebut setelah membuat game:
Karena peta ditambahkan secara dinamis ke DOM, kami ingin mendelegasikan event listening, daripada menambahkannya langsung ke peta. Itu sebabnya kami membutuhkannya di
Pertama, mari kita lihat permainannya, lalu kita lihat bagaimana kartunya diputar. Itu sebabnya kita perlu yang baru
. Kita dapat menggunakan tanda ini di bagian lain aplikasi kita untuk mengetahui apakah game sedang berjalan. Kami juga ingin menonaktifkan tombol “Start” untuk memulai ulang game setelah dimulai.
History And Frontier Of The Neural Machine Translation
Kita juga memerlukan loop yang berjalan setiap 1 detik untuk memperbarui UI dengan jumlah total pembalikan, dan total waktu yang berlalu. Perhatikan bahwa Anda harus menetapkan rentang ini
Untuk membalik kartu dengan benar, kita memerlukan lebih banyak kode, tetapi tidak terlalu rumit:
Pertama kita perlu memperbarui negara. Tiap kali ada goyangan, kita sama-sama ingin naik
Yang tersisa hanyalah menciptakan keadaan pemenang untuk permainan tersebut. Untuk ini, perpanjang
Unleashing The Power Of Omegat 6.0: Mastering Your Translation Journey
Ini akan memeriksa apakah semua kartu sudah dibalik. Ketika tidak ada lagi kartu tersisa yang belum dibalik, kita tahu bahwa permainan telah berakhir, sehingga kita dapat menunjukkan statistik kemenangan dengan membalik seluruh papan. Jangan lupa untuk menghapus loop di akhir fungsi.
Jadi Anda dapat membuat permainan memori Anda sendiri dalam JavaScript. Saya harap Anda mempelajari beberapa hal baru dalam tutorial ini. Jika Anda masih tertarik dengan pengembangan game, pastikan juga membaca tutorial berikut yang mendalami aspek lain pengembangan game:
Jika Anda ingin mendapatkan kode dalam keadaan utuh, Anda dapat mengkloning proyek dari repositori GitHub-nya. Terima kasih telah membaca, selamat coding!
12 Ide Game JavaScript dengan Kode SumberProyek Game JavaScript dengan Tutorial dan Kode Sumber Disediakan Ferenc Almasi • 🔄 2023 13 Feb • 📖 5 mnt baca
English To Hindi Translation: Best Apps And Websites For English To Hindi Translation Or Vice Versa
Keadaan CSS pada tahun 2021 Ringkasan arah tujuan CSS 2021 Ferenc Almasi • 2022 08 Februari • 📖 9 menit dibaca
Cara Menggunakan Modul NPM di Browser Anda dalam Tiga Langkah Menguji modul NPM dengan cepat Ferenc Almasi • 2022 19 Januari • 📖 2 menit membacaGoogle Terjemahan adalah layanan terjemahan mesin saraf multibahasa yang dikembangkan oleh Google untuk menerjemahkan teks, dokumen, dan situs web dari satu bahasa ke bahasa lain. Ia menawarkan antarmuka web, aplikasi seluler untuk Android dan iOS, serta API yang membantu pengembang membangun ekstensi browser dan aplikasi perangkat lunak.
Dengan lebih dari 100 miliar kata diterjemahkan setiap hari, setelah perusahaan tersebut menyatakan pada Mei 2013 bahwa mereka melayani lebih dari 200 juta orang setiap hari.
Diluncurkan pada bulan April 2006 sebagai layanan terjemahan mesin statistik, layanan ini menggunakan dokumen dan transkrip dari Perserikatan Bangsa-Bangsa dan Parlemen Eropa untuk mengumpulkan data linguistik. Alih-alih menerjemahkan bahasa secara langsung, ia terlebih dahulu menerjemahkan teks ke dalam bahasa Glish dan beralih ke bahasa target di sebagian besar kombinasi bahasa yang dimasukkan ke dalam kisi-kisinya,
Run A Basic
Selama penerjemahan, ia mencari pola dalam jutaan dokumen untuk membantu memutuskan kata mana yang harus dipilih dan bagaimana menyusunnya dalam bahasa target. Akurasinya, yang telah dikritik beberapa kali,
Pada bulan November 2016, Google mengumumkan bahwa Google Terjemahan akan beralih ke mesin terjemahan mesin saraf – Google Neural Machine Translation (GNMT) – yang “menerjemahkan seluruh bagian sekaligus, bukan hanya sepotong demi sepotong. Mesin ini menggunakan konteks yang lebih luas untuk membantunya. temukan terjemahan paling relevan yang mengatur ulang dan menyesuaikannya agar lebih seperti manusia berbicara dengan tata bahasa yang benar.
Karena SMT menggunakan algoritma prediktif untuk menerjemahkan teks, akurasi tata bahasanya buruk. Namun, Google pada awalnya tidak mempekerjakan ahli untuk mengatasi keterbatasan ini karena sifat bahasa yang terus berkembang.
Pada bulan Januari 2010, Google meluncurkan aplikasi Android dan versi iOS pada bulan Februari 2011 untuk bertindak sebagai penerjemah pribadi portabel.
Learn A New Language Faster With Google Images
Sejak Februari 2010, telah diintegrasikan ke dalam browser seperti Chrome dan mampu mengucapkan teks terjemahan, secara otomatis mengenali kata-kata dalam gambar dan melihat teks yang tidak diketahui dalam bahasa.
Ia mampu memindai teks atau gambar dengan perangkat dan menerjemahkannya secara instan. Selain itu, sistem secara otomatis mengidentifikasi bahasa asing dan menerjemahkan ucapan tanpa individu menekan tombol mikrofon di mana pun terjemahan ucapan diperlukan.
Ini menggunakan teknik pembelajaran mendalam untuk menerjemahkan seluruh kalimat sekaligus, yang diukur agar lebih akurat antara bahasa Inggris dan Prancis, Jerman, Spanyol, dan Cina.
Tidak ada hasil pengukuran yang diberikan oleh peneliti Google untuk GNMT Glish ke bahasa lain, bahasa lain ke Glish, atau antar pasangan bahasa yang tidak mengandung Glish. Pada tahun 2018, ini menerjemahkan lebih dari 100 miliar kata per hari.
Final Fantasy Vi Translation Comparison « Legends Of Localization
Pada tahun 2017, Google Terjemahan digunakan selama sidang pengadilan ketika petugas pengadilan di Pengadilan Teesside Magistrates tidak dapat memesan
Genshin memory game, game memory, google memory photos, google translate app download, google translate, google translate game, google memory storage, ̧google translate, google memory, my memory translate, * google translate *, memory card untuk game
