Như đã nói trong phần trước, phần này mình sẽ hướng dẫn bạn cách thiết kế cái Level Map để chọn level game.
| Tham gia kênh Telegram của AnonyViet 👉 Link 👈 |
Art
Bạn có thể tải tileset ở đây : Level Map Pixel Art | OpenGameArt.org
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 23 [Tạo 2D Platformer Game với Godot] Phần 21: Thiết kế Level Map.](https://anonyviet.com/wp-content/uploads/2021/11/21-11-2021-11-57-17.png)
Sau khi tải về thì bạn copy cho mình Map_tiles.png và 2 Folders là Objects,UI vào thư mục mới tên là LevelMap ở trong Assets nha.
Tilemap
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 24 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 20](https://anonyviet.com/wp-content/uploads/2021/11/21-11-2021-11-58-57.png)
Như với cách thiết kế level ở phần 2 thì mình làm tương tự là thêm 1 scene mới tên là LevelMap và thêm tilemap vào.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 25 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 21](https://anonyviet.com/wp-content/uploads/2021/11/21-11-2021-11-59-51.png)
Tạo 1 tileset mới.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 26 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 22](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-00-26.png)
Rồi thêm file tileset vào.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 27 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 23](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-12-13.png)
Bạn chọn New Single Tile và chọn icon grid để hiển thị grid lên nhé
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 28 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 24](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-13-02.png)
Chọn cho mình 1 cái này![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 29 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 25](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-13-52.png)
Xong nhấn vô New Single tile 1 lần nữa và chọn cái bên dưới.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 30 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 26](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-14-27.png)
Sau khi ra bên ngoài bạn sẽ có 2 cái tile.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 31 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 27](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-17-39.png)
Rồi tạo thêm cho mình 1 tile đất như hình.![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 32 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 28](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-18-59.png)
Tạo cho mình 1 atlas tilemap và bôi trắng 3 cái ô trên.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 33 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 29](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-19-52.png)
Sau khi nhấn vào cái tile mà vừa được tạo bằng atlast nó sẽ hiện ra các ô tile trong đó.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 34 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 30](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-25-05.png)
Mình tạo thêm 1 cái atlas là biển.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 35 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 31](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-25-44.png)
Mình sẽ xoá cái single tile đi để thay thế bằng atlas cho tiên.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 36 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 32](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-26-25.png)
Mình tạo thêm 1 cái atlas là lấy full tile màu xanh.
Rồi bạn có thể thêm các tile khác tương tự.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 37 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 33](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-44-02.png)
Mình sẽ tạo 1 node mới và node này dùng để chứa các object khác như cây, bui cây, đá , cỏ , thuyền,vv mà bạn đã tải xuông.![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 38 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 34](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-45-00.png)
Xong sau đó thì bạn sẽ kéo thả mấy cái ảnh của object vào trong game thôi.![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 39 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 35](https://anonyviet.com/wp-content/uploads/2021/11/22-11-2021-12-54-08.png)
Sau đó thì ban lưu lại cho mình, mình sẽ lưu nó lại ở thư mục Map trong Scenes.
![[Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 40 [Tạo 2D Platformer Game với Godot] Phần 22: Thiết kế Level Map. 36](https://anonyviet.com/wp-content/uploads/2021/11/output-onlinepngtools-1.png)
Và đây là kết quả của mình sau khi ngồi mày mò thiết kế.
Bạn không được thiết kế theo mình vì mất thời gian và lâu cho nên là nên thiết kế theo ý của bạn nhé.
Tổng Kết
Vậy là trong phần này mình đã hướng dẫn xong bạn cách để thiết kế tilemap cho Level Map. Nếu bạn không hiểu thì có thể tham gia Group Cộng Đồng GodotVN để được giải đáp thắc mắc cũng như thông cảm cho mình nếu như viết mà bạn đọc khó hiểu nhé, vì mình viết lúc 1h sáng nên cũng hơi lú lú.
Câu hỏi thường gặp
Tôi cần chuẩn bị những gì trước khi bắt đầu thiết kế Level Map?
Bạn cần tải bộ tileset từ Level Map Pixel Art | OpenGameArt.org và đặt các file vào thư mục LevelMap trong Assets của project Godot.
Làm thế nào để tạo một TileSet mới trong Godot?
Trong scene LevelMap, thêm một TileMap node. Tạo một tileset mới, thêm ảnh tileset vào, và tạo các single tile hoặc atlas tile cho các loại địa hình (đất, nước, v.v.) theo ý muốn.
Tôi có thể thêm các object như cây cối, đá vào Level Map như thế nào?
Tạo một node con trong TileMap để chứa các object. Sau đó, bạn có thể kéo thả các hình ảnh object từ thư mục Assets vào node này để thêm chúng vào map.





![[Tạo 2D Platformer Game với Godot] Phần 29: Lưu và load dữ liệu game 46 [Tạo 2D Platformer Game với Godot] Phần 29: Lưu và load dữ liệu game 39](https://anonyviet.com/wp-content/uploads/2021/11/25-11-2021-04-43-13.png)
![[Tạo 2D Platformer Game với Godot] Phần 28: Thêm âm thanh giao diện 47 [Tạo 2D Platformer Game với Godot] Phần 28: Thêm âm thanh giao diện 40](https://anonyviet.com/wp-content/uploads/2021/11/25-11-2021-01-02-39-350x245.png)
![[Tạo 2D Platformer Game với Godot] Phần 27: Mở khoá level 48 [Tạo 2D Platformer Game với Godot] Phần 27: Mở khoá level 41](https://anonyviet.com/wp-content/uploads/2021/11/24-11-2021-12-17-23.png)
![[Tạo 2D Platformer Game với Godot] Phần 25: Tạo Menu khi hết Level 50 [Tạo 2D Platformer Game với Godot] Phần 25: Tạo Menu khi hết Level 43](https://anonyviet.com/wp-content/uploads/2021/11/23-11-2021-11-13-02.png)




