BLOG TIK SMP ALQOLAM

<h3 id="1-pick-a-character" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;"> </h3><h3 id="1-pick-a-character" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;"><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="496" src="https://www.youtube.com/embed/JpJxa2sI_Ps" width="597" youtube-src-id="JpJxa2sI_Ps"></iframe></div>1. Pilih karakter</h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Hal pertama yang ingin kita lakukan adalah memilih sprite. Sebaiknya pilih yang memiliki dua kostum agar sprite terlihat bergerak melintasi layar. Kami memilih burung beo. Kami ingin memastikan burung beo tersebut cukup kecil untuk terbang melewati pilar. Atur “Ukuran” sprite di pojok kanan bawah menjadi 30.<h3 id="2-add-the-code-for-the-flappy-motion" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">2. Tambahkan kode untuk gerakan “flappy”.</h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Langkah kita selanjutnya adalah mengkodekan gerakan “flappy” untuk burung beo dengan <a href="https://www-create--learn-us.translate.goog/scratch-coding?_x_tr_sl=en&_x_tr_tl=id&_x_tr_hl=id&_x_tr_pto=tc" style="background-color: transparent; box-sizing: border-box; transition: color .1s var(--animation-base); word-break: break-word;">Scratch coding</a> . Jadi klik ikon burung beo di pojok kanan bawah untuk memastikan Anda menambahkan blok di lokasi yang benar.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Mulailah dengan blok “ketika bendera hijau diklik” dari Events . Kemudian dapatkan “selamanya” dari Control karena kita menginginkan gerakan flappy selama permainan berlangsung. Di dalam “selamanya”, tempatkan blok “if/then/else” dari Control .<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Gerakan flappy dikendalikan oleh spasi: setiap kali pengguna menekan spasi, burung akan naik. Kami ingin kondisi pernyataan if menjadi blok Sensing “saat tombol spasi ditekan”.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Jika hal ini terjadi, kita ingin burung itu naik. Kita dapat menggunakan blok gerak “ubah y dengan” dan atur angkanya menjadi 20. Kita juga ingin burung itu terlihat seperti sedang terbang, jadi setelah kita mengubah y, kita ingin menggunakan “ganti kostum ke burung beo-b” . memblokir.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Kondisi else menunjukkan apa yang terjadi jika kita tidak menekan spasi. Kemudian burung beo itu akan mulai terjatuh sedikit. Untuk melakukan ini, di bawah bagian blok yang lain, kita memerlukan blok Gerak “ubah y sebesar -5” . Kami masih ingin membuatnya terlihat seperti burung beo sedang terbang, jadi kami ingin menggunakan blok Tampilan “ganti kostum menjadi burung beo-a” untuk mengganti kostum.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="Flappy bird di Scratch untuk anak-anak" class="kg-image" height="1220" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.37.53-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="1114" /></figure><h3 id="3-create-the-pillars-that-the-bird-will-fly-through" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">3. Buatlah pilar-pilar yang akan dilalui burung tersebut </h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Langkah kita selanjutnya adalah membuat pilar agar burung beo bisa terbang. Kami akan melakukan ini dengan membuat sprite khusus. Arahkan kursor ke lingkaran di sudut kanan bawah untuk menambahkan sprite, dan pilih opsi (ketiga dari atas) yang terlihat seperti kuas.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Gunakan ikon “persegi panjang” dari opsi terakhir di baris pertama untuk menggambar sprite pilar. Lihat di bawah bagaimana kita menempatkan dua persegi panjang vertikal dan dua persegi panjang horizontal pendek untuk membuat pilar.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="Buatlah pilar untuk flappy bird" class="kg-image" height="1056" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.38.43-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="1404" /></figure><h3 id="4-make-a-background-for-the-end-of-the-game" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">4. Buatlah latar akhir permainan </h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Mari kita juga membuat latar belakang khusus baru yang menandakan akhir permainan. Mirip dengan bagaimana kita membuat sprite khusus, arahkan kursor ke lingkaran di sudut kanan bawah untuk menambahkan latar belakang, dan pilih opsi (ketiga dari atas) yang terlihat seperti kuas. Gunakan opsi “teks” di kolom kedua untuk menampilkan pesan kepada pengguna bahwa permainan telah berakhir.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="Buat latar belakang untuk akhir permainan" class="kg-image" height="804" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.39.07-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="1348" /></figure><h3 id="5-end-the-game-if-the-bird-touches-the-pillars" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">5. Akhiri permainan jika burung menyentuh pilar</h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Klik pada sprite pilar sehingga kita dapat menambahkan beberapa kode untuk itu. Hal pertama yang ingin kita lakukan adalah menghentikan permainan jika pilar menyentuh burung beo. Kita mulai dengan blok “ketika bendera hijau diklik” dari Acara. Di bawahnya kami menambahkan blok "selamanya" dari Control .<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Karena kami selalu ingin memeriksa apakah burung beo itu bertabrakan dengan pilar, kami menempatkan blok “jika/maka” dari Kontrol di dalam “selamanya”. Syarat pernyataan if adalah blok Sensing “menyentuh Parrot”. Pastikan Anda mengubah pilihan dropdown jika diperlukan untuk mencerminkan bahwa pilar dan sprite Anda bersentuhan.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Ketika ini terjadi, kami ingin menggunakan blok Tampilan “alihkan latar belakang ke latar belakang2” untuk menunjukkan bahwa permainan telah berakhir dan gunakan blok Kontrol “hentikan semua”.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="Mengkodekan permainan flappy bird" class="kg-image" height="908" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.39.29-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="1016" /></figure><h3 id="6-take-care-of-details-for-starting-and-ending-the-game" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">6. Perhatikan detail untuk memulai dan mengakhiri permainan</h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Mari kembali ke kode parrot dan membuat beberapa perubahan berdasarkan latar belakang baru kita. Kami ingin menambahkan blok Acara lainnya : “saat latar belakang beralih ke latar belakang2”. Lalu kita ingin memasang blok "sembunyikan" Tampilan karena kita tidak ingin apa pun ditampilkan setelah permainan berakhir.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Di antara blok “saat bendera hijau diklik” dan “selamanya” yang kita tambahkan sebelumnya, kita memerlukan lebih banyak kode. Pertama kita menginginkan blok “show” Looks yang memastikan kita memiliki burung beo di awal setiap permainan. Kemudian kita ingin blok Tampilan lainnya “mengalihkan latar belakang ke latar belakang1”. Ini akan menghilangkan latar belakang akhir permainan.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Setelah itu kita ingin blok Gerak “pergi ke x/y” . Ini akan menentukan lokasi awal burung nuri. Koordinat spesifiknya tidak penting, tapi pastikan burung beo itu mulai di sisi kiri layar dan di suatu tempat di tengah secara vertikal. Kami menetapkan x ke -190 dan y ke 30. <figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="" class="kg-image" height="424" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.39.53-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="966" /></figure><figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: var(--gap);"><img alt="" class="kg-image" height="1254" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.40.03-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="934" /></figure><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;">Kode yang tersisa adalah untuk menambahkan fitur tambahan ke pilar, jadi klik sprite itu untuk menambahkan lebih banyak blok di sana. Sama seperti burung beo, kami ingin pilarnya menghilang saat permainan berakhir. Kita dapat melakukan ini dengan blok yang sama: “saat latar belakang beralih ke latar belakang2” dan “sembunyikan”.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Kami juga ingin menunjukkan pilar ketika permainan dimulai, jadi tempatkan blok “show” Looks di antara blok “when green flag clicked” dan “forever” yang kami tambahkan sebelumnya.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="" class="kg-image" height="348" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.40.33-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="816" /></figure><figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: var(--gap);"><img alt="" class="kg-image" height="846" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.40.41-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="862" /></figure><h3 id="7-get-the-pillars-to-move-across-the-screen" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">7. Suruh pilar bergerak melintasi layar </h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Tugas kita selanjutnya adalah membuat pilar bergerak melintasi layar. Karena kita mulai dengan pilar di sisi kanan, kita akan memindahkannya ke kiri. Mari kita dapatkan blok “saat bendera hijau diklik” dari Events dan blok “selamanya” dari Control . Kami ingin pilar-pilar itu bergerak selama pertandingan masih berjalan.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Di dalam “selamanya”, kita menginginkan blok gerak “pergi ke x/y” . Ini akan menentukan posisi awal pilar kita. Untuk memulai blok dengan ukuran yang tepat, kita atur x menjadi 180 dan y menjadi 28. Setelah itu, kita memerlukan blok Motion untuk mengeksekusi gerakan tersebut. Pilih "meluncur ke x/y". Kami menyetel waktunya menjadi 2,5 detik, tetapi jangan ragu untuk bermain-main dengan angka ini. Nilai x harus berada di paling kiri. Ketika pilar mencapai titik ini, mereka akan berputar kembali ke kanan. Kami menetapkan x ke -280. Karena pilar kita hanya bergerak secara horizontal, kita tidak ingin nilai y berubah sama sekali. Untuk memastikan hal ini terjadi, kita dapat menyeret blok Gerak “posisi y” ke dalam ruang y.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="" class="kg-image" height="596" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.41.07-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="932" /></figure><h3 id="8-create-a-score-variable" style="background-color: white; box-sizing: border-box; color: var(--dark-gray-color); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2rem; grid-column: main-start / main-end; line-height: 1.3; margin: 4.8rem 0px 0px;">8. Buat variabel skor </h3><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 1.6rem 0px 0px;">Langkah terakhir adalah mencatat skor, mirip dengan yang kita lakukan di <a href="https://www-create--learn-us.translate.goog/blog/scratch-tutorial-for-kids/?_x_tr_sl=en&_x_tr_tl=id&_x_tr_hl=id&_x_tr_pto=tc" style="background-color: transparent; box-sizing: border-box; transition: color .1s var(--animation-base); word-break: break-word;">tutorial permainan kucing terbang</a> . Buka tab Variabel , klik “Buat Variabel” dan beri nama “Skor”. Dapatkan blok Acara “saat bendera hijau diklik” karena kami akan melacak skornya segera setelah pertandingan dimulai. Blok Variabel pertama yang kita inginkan adalah “Tetapkan Skor ke 0”. Ini akan mengatur ulang skor di awal setiap permainan. Anda mungkin perlu menyesuaikan opsi dropdown untuk memastikan bahwa itu adalah “Skor”. Kemudian ambil dua blok Kontrol “selamanya” dan masukkan “jika/maka” di dalamnya.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Syarat pernyataan if adalah ketika burung beo telah terbang melewati pilar. Burung beo tersebut hanya bergerak secara vertikal dan tidak horizontal, sehingga kita mengetahui burung beo tersebut akan terbang jika pilar tersebut bergerak melewati lokasi burung beo tersebut. Pada kondisi if, kita dapat mendeteksinya dengan menggunakan blok “<” Operators . Spasi kiri akan menjadi blok “posisi x” dari Motion , dan kemudian di sebelah kanan kita letakkan -190. Ini akan memeriksa kapan pilar telah berpindah melewati lokasi x burung beo.<p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 2.8rem 0px 0px;">Di dalam pernyataan if/then, kita menginginkan blok Variabel “ubah Skor sebanyak 1” . Kami ingin meningkatkan skor setiap kali burung beo berhasil melewatinya! Segera setelah itu, kami juga menginginkan blok Kontrol “tunggu 1 detik” untuk memastikan skor hanya diperbarui satu kali setiap kali burung beo terbang melewatinya.<figure class="kg-card kg-image-card" style="--gap: 1.2rem; background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;"><img alt="Kode Flappy Bird di Scratch untuk anak-anak" class="kg-image" height="898" loading="lazy" src="https://d1ng1bucl7w66k.cloudfront.net/ghost-blog/2022/07/Screen-Shot-2022-07-26-at-8.41.24-AM.png" style="border-style: none; box-sizing: border-box; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" width="832" /></figure><p style="background-color: white; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; grid-column: main-start / main-end; margin: 4.8rem 0px 0px;">Dan itu saja! Kami harap Anda menikmati pembuatan flappy bird Anda.

Berikut cara membuat flappy bird di Scratch

1. Pilih karakter Hal pertama yang ingin kita lakukan adalah memilih sprite. Sebaiknya pilih yang memiliki dua kostum agar sprite terlihat...

Baca selengkapnya »

BLOG TIK SMP ALQOLAM

Berikut cara membuat flappy bird di Scratch

Entri Populer

Arsip Blog