Cara Membuat Tetris sederhana untuk pemula di Mit App inventor GRATIS 2024 | programmer pemula

Levzyyy

8 Nov 202319:16

Summary

TLDRThis video script offers a step-by-step tutorial on creating a Tetris game using MIT App Inventor. It guides viewers through setting up a new project, designing the user interface with buttons and layout arrangements, and implementing game logic with blocks and procedures. The tutorial also covers adding a scoring system, game over functionality, and customizing the game with images. It concludes with instructions on how to export the game as an APK for Android devices.

Takeaways

😀 The tutorial is about creating a Tetris game using MIT App Inventor.
👨‍🏫 The instructor is Muhammad Alfi, and the course is led by Dosen Bapak Jar Hindarto.
💻 The first step is to open MIT App Inventor and start a new project by naming it.
📱 The tutorial guides through the layout setup, including using vertical and horizontal arrangements.
🔲 It emphasizes the importance of setting visibility and arranging UI elements like buttons and labels.
🎮 The 'Start' button is a crucial UI component that initiates the game.
📚 Extensions are necessary for additional functionalities and must be downloaded and imported.
🔗 The tutorial covers linking blocks of code to UI elements, such as buttons, to define game actions.
🖼️ The game requires uploading and integrating images for the Tetris pieces.
🔄 The script mentions creating movement and rotation functionalities for the game pieces.
🏁 The game includes a 'Game Over' screen, which is part of the user interface design.
🔧 The tutorial also touches on debugging and checking the visibility of UI elements.

Q & A

What is the main topic of the video script?
-The main topic of the video script is creating a Tetris game using MIT App Inventor.
Who is the speaker in the video script?
-The speaker is Muhammad Alfi, identified by the NPM number 23706451.
What is the first step mentioned in the script for creating the Tetris game?
-The first step is to open MIT App Inventor and create a new project by clicking on 'Create Apps' and then 'New Project'.
What is the purpose of the 'Start' button in the game interface?
-The 'Start' button is used to initiate the game when the player is ready to play Tetris.
How does the script instruct to change the visibility of the vertical arrangement?
-The script instructs to change the visibility by setting the 'Visible' property of the vertical arrangement to 'false' to hide it and 'true' to show it.
What is the significance of the 'Extensions' section in the script?
-The 'Extensions' section is important for importing additional features or components that are not available by default in MIT App Inventor.
What is the role of the 'When Button 1 Click' event in the script?
-The 'When Button 1 Click' event is used to trigger actions when the first button is clicked, such as starting the game.
How does the script describe the process of adding images to the game?
-The script describes uploading images to the media section and then referencing them in the 'Blocks' section by matching the image names correctly.
What actions are associated with the 'Button 2' and 'Button 3' according to the script?
-According to the script, 'Button 2' is associated with moving the Tetris block to the left, and 'Button 3' is associated with moving it to the right.
How does the script handle the game over scenario?
-The script handles the game over scenario by changing the text and visibility of certain elements in the game interface, such as showing a 'Game Over' message.
What is the final step mentioned in the script for customizing the game?
-The final step mentioned is to change the background of the 'Start' screen to an image of the user's choice.

Outlines

00:00

📝 Introduction to Tetris App Creation

This paragraph introduces the video script where Muhammad Alfi guides the audience through the process of creating a Tetris game using MIT App Inventor. The tutorial starts with opening the App Inventor and creating a new project. The user is instructed to set the layout to vertical arrangement and add a 'Start' button to the interface. The paragraph also covers the initial steps of arranging the user interface and making the 'Start' button visible.

05:01

🛠️ Setting Up the User Interface

The second paragraph delves into the detailed setup of the Tetris game's user interface. It describes how to add and arrange buttons, labels, and other elements within the vertical and horizontal arrangements. The user is guided to adjust the properties of these elements, such as visibility and text, to create the game's initial layout. Additionally, the paragraph explains the necessity of importing extensions and setting up the initial game state with blocks and procedures for starting the game.

10:02

🖼️ Adding Graphics and Media

In this paragraph, the focus shifts to incorporating graphics and media into the Tetris game. The tutorial explains how to upload images for the game's blocks and how to reference them in the code. It also covers the process of setting up buttons for game controls, such as moving blocks left, right, and rotating them. The user is instructed to ensure that the image names match those used in the code and to duplicate and adjust blocks as needed for game functionality.

15:09

🎮 Finalizing Game Elements and Exporting

The final paragraph wraps up the tutorial by detailing the addition of game-over elements and the customization of the game's appearance. It guides the user on how to create a 'Game Over' screen, adjust the visibility of game elements, and handle game restart functionality. The paragraph also touches on changing the background and finalizing the game's design. Lastly, it provides a brief overview of how to export the game as an APK file for distribution on Android devices.

Mindmap

Keywords

💡App Inventor

App Inventor is a visual programming environment that allows users to design and create Android applications using a block-based interface. In the video, App Inventor is used to create a Tetris game, demonstrating its capability to develop interactive mobile applications without writing traditional code.

💡Tetris

Tetris is a classic puzzle video game where players manipulate falling blocks to fit together and clear horizontal lines. The script describes the process of creating a Tetris game, which is the main theme of the video, using App Inventor.

💡Vertical Arrangement

Vertical Arrangement is a layout component in App Inventor that stacks elements vertically. The script mentions using Vertical Arrangement to organize the game's interface elements, such as buttons and labels, in a vertical column.

💡Horizontal Arrangement

Horizontal Arrangement is another layout component in App Inventor that aligns elements in a horizontal line. The script refers to Horizontal Arrangement when detailing how to position elements like buttons across the screen.

💡Button

A Button is a user interface element that allows users to interact with the application by clicking or tapping. The script describes creating and positioning buttons for the Tetris game, such as the 'Start' button, which initiates the game.

💡Label

A Label is a UI element used to display text in an application. In the context of the video, labels are used to show the game's score and other information, with examples like 'Score' and 'Game Over' messages.

💡Extension

In App Inventor, an Extension is a module that adds functionality to an app. The script mentions importing an extension, which is necessary for adding specific features to the Tetris game, such as game logic and rendering.

💡Block

Blocks in App Inventor represent the programming logic of the app, where users can define actions and events. The script refers to Blocks when discussing the programming aspects of the Tetris game, such as starting the game and handling user interactions.

💡Instance

An Instance in App Inventor is a specific occurrence of a component or object. The script uses the term 'destroy Instance' in the context of managing game objects, such as clearing the blocks from the game board.

💡Renderer

A Renderer in the context of the video likely refers to a component responsible for drawing or displaying the game's visuals. The script mentions creating a renderer for the Tetris game, which is crucial for rendering the game's graphics on the screen.

💡Media

Media in App Inventor refers to the images, sounds, and other multimedia elements used in an app. The script discusses uploading media files, such as images for the Tetris game's blocks, which are essential for the game's visual presentation.

Highlights

Introduction to creating a Tetris game using MIT App Inventor.

Opening MIT App Inventor and starting a new project with a custom name.

Selecting the layout for the Tetris game with a vertical arrangement.

Adding a Start button to the user interface and setting its properties.

Instructions on making the Start button visible and functional.

Customizing the Start button's label to 'Start' or 'Mulai'.

Importing necessary extensions for the Tetris game functionality.

Setting up the game's logic blocks for the Start button's event.

Creating the game's renderer and configuring the Tetris pieces.

Uploading and assigning images for different Tetris pieces.

Adding control buttons for game movements and rotations.

Configuring the game's scoring system and display.

Implementing the game over condition and the corresponding UI changes.

Instructions on creating a restart functionality for the game.

Customizing the game's background with an image.

Exporting the game as an APK file for Android devices.

Final words and encouragement for viewers to explore further.