• Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
AnonyViet
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
AnonyViet
No Result
View All Result

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game

AnonyViet by AnonyViet
18/02/2020 - Updated on 19/02/2020
in Code
3

Mục lục bài viết

  1. Cách tạo Tilemap và Tilesets
  2. Thiết kế Tilemap hoàn chỉnh

Tiếp theo trong series lập trình game bằng Godot mình sẽ hướng dẫn các bạn về tilemap và tileset và sử dụng nó thay cho bề mặt di chuyển. Vậy Tilemap và Tileset là gì?

  • Tilemap: tilemap là một mạng lưới các gạch được sử dụng để tạo ra map (bản đồ)  cho game. Hoặc nói chung là Tilemap dùng để thiết kế level của bạn hoặc có thể hiểu là thiết kế sence của bạn như ngôi nhà, bẫy, mây…
  • Tilesets: là thư viện của tilemap. Nếu bạn không hiểu thì có thể hiểu như sau. Tileset là nguồn cung cấp gạch cho tilemap của bạn.

tạo map cho game bằng Tilemap và Tileset

Các bài viết liên quan

[Godot RPG] #4 : Tilemap 89

[Godot RPG] #4 : Tilemap

04/03/2021 - Updated on 05/03/2021
[Godot RPG] #3: Tấn Công & Object 90

[Godot RPG] #3: Tấn Công & Object

20/08/2020
[Godot RPG] #2: Nhân vật 91

[Godot RPG] #2: Nhân vật

16/08/2020 - Updated on 20/08/2020
[Godot Engine] Export sang Windows, Linux, MacOS, Android 92

[Godot Engine] Export sang Windows, Linux, MacOS, Android

16/08/2020

Dưới đây là hình ảnh về tilemap & tileset:

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 47 [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 48 [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 49

Bạn có thể tải asset mà Anonyviet đã cung cấp ở đây hoặc là xài bản tự tạo hoặc tải trên mạng về đều được nhé.

Link Download

(Backup)

Cách tạo Tilemap và Tilesets

Đầu tiên các bạn tải asset về và đưa nó vào thư mục lưu project:

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 50

 

Sau đó các bạn tạo cho mình 1 sence mới bằng cách nhấn vào dấu cộng bên cạnh tab World

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 51

Và tạo cho mình một node, 2D hoặc Node đen đều được, không được sài User hay 3D. À và đừng có lưu lại nhé

Xem thêm:  Thủ thuật tìm Key Bản quyền cho phần mềm bằng Google

Mở phần tileset ra và quăng nó vô sence.

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 52 [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 53

Zoom lên nếu các bạn thấy ảnh mờ thì làm như sau:

Nhấn vô tab import bên cạnh sence

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 54

Chọn 2D pixel rồi nhấn Reimport là xong

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 55

Tiếp theo nhán vô sence góc trái màn hình, xuống phần Convert to và chọn tileset:

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 56

Các bạn lưu cho mình ở đâu cũng được nhưng nhớ đặt tên thì phải có .tres đằng sau nhé

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 57

Đóng sence vừa làm xong đi.

Ở World tạo Node mới tên là Tilemap

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 58

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 59

Sau đó kéo phần Tile set vừa mới làm xong vào Chỗ  bên phải của Tilemap (như hình bên dưới)

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 60

Và được

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 61

Tiếp đến các bạn nhấn vào Tile set [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 62

nhấn vào cái khoanh đỏ ý nhé, cái chỗ mới kéo tileset vô đó.

Rồi chọn cái có hình bằng cách nhấn vào nó

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 63

Và các bạn sẽ thấy 1 tileset ngay trước mắt

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 64

Và cái pixel nó đang là 32 nên hơi to giờ mình sẽ chỉnh xuống 16×16 bằng cách sau:

Nhấn vô cái ô màu vàng nói chung là bên trong cái ô màu vàng bấm khi nào hiện ra tab tileseteditor là được.

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 65

Nhìn vào bên phải, Chỉnh Step x 32, y 32 > x 16, y 16

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 66

Và bạn có thể thấy tileset nó rất vừa với ô

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 67

Các bạn nhấn vô New Atlas và khoanh vùng như ảnh

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 68

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 69

Cái đó dùng để tạo 1 nhóm tileset

Và chúng ta tiếp tục tạo đến khi hết nhé, khoanh vùng xong thì nhấn New Altas để làm cái mới.

Xem thêm:  Hướng dẫn tự làm website đếm ngày yêu nhau 2019

Và mình đã xong rồi nhé:

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 70

Nhấn vào Tilemap

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 71

Để ý nó hiện ra tile set mà chúng ta vừa khoanh

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 72

Nhưng bạn có thể thấy 1 vài cái không có ảnh.

Thiết kế Tilemap hoàn chỉnh

Để đổi ảnh các bạn làm như sau:

Vô lại phần cũ chọn 1 Atlas

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 73

Chọn mục Icon

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 74

Và nhấn bất kì vô trong khung đó, nó có thẻ được dùng để phân loại tileset

Tuy nhiên khi làm xong nhưng mà tileset của bạn vẫn chưa có Collsion nên bây giờ phải tạo nhé.

Chọn Collsion

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 75

Chọn 1 ô rồi nhấn cái hình vuông màu xanh ở trên, gần cái thùng rác và bên cạnh cái mũi tên

Được như này

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 76

Rồi sau đó nhấn sang ô khác

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 77

Và tiếp tục làm cho đến khi xong nhé

Đối với mấy ô có hình chéo ngang ô vuông thì làm như sau

Chọn cái bên cạnh ô vuông

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 78

Nhấp chuột chọn 2 góc như hình, nếu bạn cố bấm hướng khác để tròn như ảnh sẽ không được

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 79

Để làm tròn thì làm như sau:

Tắt cái như ảnh

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 80

Và làm

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 81

Các bạn nhấp chuột kết nối các điểm lại là được nhé

Giờ thì hoàn thành nó nhé

Mình đã xong rồi nhé:

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 82

Giờ thì việc tiếp theo là thiết kế level

Nhấn tile map để về

Xóa Node wall đi

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 83

Chỉnh pixel lại thành 16

Khi các bạn thử đặt tilesets xuống sẽ thấy nó tỉ lệ nghịch với sence đúng không nào

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 84

Vậy làm sao để sửa đơn giải chỉ là chỉnh lại kích cỡ của tileset bằng cách nhấn vô Ô Cell ở tab bên phải

Xem thêm:  Download khóa học Pascal Video tiếng Việt cho người mới bắt đầu

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 85

Đổi 64×64 thành 16×16 = với kích cỡ chúng ta đã tạo.

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 86

Nhiệm vụ tiếp theo của bạn là thiết kế nó:

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 87

Nhìn khá được không tệ lắm

[Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 88

Vậy là xong phần tạo bản đồ trong game bằng tilemap và tileset. Trong tập tiếp theo mình sẽ hướng dẫn các bạn tạo nhân vật nhé ^^. Bye

DeathGM!

Tags: GodotGODOT ENGINElập trình gamethiết kế gameTilemapTileset
Previous Post

Cách Hack Tim Game Adorable Home mới nhất không cần Mod

Next Post

Cách trang trí vườn để thu hút khách trong Game Adorable Home

AnonyViet

AnonyViet

Kiến thức như một ngọn lửa, càng chia sẽ nó sẽ càng bùng cháy!

Related Posts

[Godot RPG] #4 : Tilemap 93
Godot

[Godot RPG] #4 : Tilemap

04/03/2021 - Updated on 05/03/2021
hoc code powershell
Code

Hướng dẫn lập trình PowerShell trên Windows

27/02/2021
code shell script
Code

Cách viết Shell Script trong Linux/Unix

17/02/2021
code python keylogger
Code

Cách tạo KeyLogger bằng Python đơn giản nhất

14/02/2021
6 ngôn ngữ lập trình Kỹ sư mạng máy tính nên học 94
Code

6 ngôn ngữ lập trình Kỹ sư mạng máy tính nên học

02/02/2021 - Updated on 03/02/2021
môi trường ảo python windows
Code

Cách thiết lập môi trường ảo Python trên Windows 10

17/01/2021
Next Post
Cách trang trí vườn để thu hút khách trong Game Adorable Home 95

Cách trang trí vườn để thu hút khách trong Game Adorable Home

guest
guest

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

3 Comments
oldest
newest
Inline Feedbacks
View all comments
Thien | <span class="wpdiscuz-comment-count">10 comments</span>
Thien | 10 comments
1 year ago

Ra phần 4 sớm nha a

Reply
Chung | <span class="wpdiscuz-comment-count">1 comments</span>
Chung | 1 comments
10 months ago

em làm nhưng không có wall thì nó đứng kiểu gì thế anh

Reply
Tin | <span class="wpdiscuz-comment-count">1 comments</span>
Tin | 1 comments
6 months ago
Reply to  Chung

nó đứng nhờ conllsion của tileset

Reply
wpdiscuz   wpDiscuz

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác

Fshare

Các bài mới

TV360 - ứng dụng xem truyền hình K+ và VTV Cab miễn phí 96

TV360 – ứng dụng xem truyền hình K+ và VTV Cab miễn phí

06/03/2021
nguyên nhân bị mặt lệch

Bị Mặt lệch – Tìm hiểu nguyên nhân và các cải thiện

06/03/2021
tìm camera giấu kín trong phòng

Các thủ thuật giúp tìm ra Camera quay lén trong phòng

06/03/2021
Kinh nghiệm tự học IELTS Reading 9.0 97

Kinh nghiệm tự học IELTS Reading 9.0

05/03/2021
Các Website giúp cải thiện kỹ năng Hack bằng bài tâp cơ bản 98

Các Website giúp cải thiện kỹ năng Hack bằng bài tâp cơ bản

05/03/2021

Ads

Giới thiệu

AnonyViet

AnonyViet

Nơi chia sẻ những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

Chúng tôi sẵn sàng đón những ý kiến đóng góp, cũng như bài viết của các bạn gửi đến AnonyViet.

Hãy cùng AnonyViet xây dựng một cộng đồng CNTT lớn mạnh nhất!

Giới thiệu

AnonyViet là Website chia sẻ miễn phí tất cả các kiến thức về công nghệ thông tin. AnonyViet cung cấp mọi giải pháp về mạng máy tính, phần mềm, đồ họa và MMO.

Liên kết

Game B52
Tải game đổi thưởng online
Chơi game bài hot 2020
Chơi game bài đổi thưởng online
Gam Víp
88vin link
RikVip

Liên hệ đặt Ads: [email protected]

Liên hệ

Email: anonyviet.com[@]gmail.com

1409 Hill Street #01-01A
Old Hill Street Police Station
Singapore 179369

Bài viết mới

  • TV360 – ứng dụng xem truyền hình K+ và VTV Cab miễn phí
  • Bị Mặt lệch – Tìm hiểu nguyên nhân và các cải thiện
  • Các thủ thuật giúp tìm ra Camera quay lén trong phòng
  • Kinh nghiệm tự học IELTS Reading 9.0
  • Các Website giúp cải thiện kỹ năng Hack bằng bài tâp cơ bản
  • Ứng dụng trí tuệ nhân tạo vào tự động hoá
  • Giới thiệu về AnonyViet
  • Liên hệ Quảng cáo
  • Privacy & Policy
  • Contact

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

wpDiscuz