• Network
  • Security
  • Software
  • Thủ thuật
  • Tin tức
  • Video hướng dẫn
AnonyViet
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
No Result
View All Result
  • Tin tức
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • Kali Linux / Parrot
    • SQL Injection
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10/11
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • Tin học văn phòng
  • Kiến thức
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
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
in Code
Reading Time: 9 mins read
A A
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ì?

Tham gia kênh Telegram của AnonyViet 👉 Link 👈
  • 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

Có nên dùng Unity để lập trình game không? 87

Có nên dùng Unity để lập trình game không?

07/04/2022
godot lap trinh game

Có nên học Godot Engine để lập trình Game không?

15/03/2022 - Updated on 17/03/2022
hoc lap trinh game de khong

Học lập trình Game dễ không? Tiềm năng của ngành lập trình game?

09/03/2022
Có nên dùng Game Maker Studio để làm Game trong năm không? 88

Có nên dùng Game Maker Studio để làm Game trong năm không?

03/03/2022

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 45 [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 46 [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 47

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 48

 

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 49

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é

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 50 [Lập trình Game] Bài 3: Tilemap và Tileset để tạo Map Game 51

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 52

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 53

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 54

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 55

Đó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 56

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

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 58

Và được

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

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 60

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 61

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 62

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 63

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 64

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 65

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 66

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

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.

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

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

Nhấn vào Tilemap

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

Để ý 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 70

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 71

Chọn mục Icon

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

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 73

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 74

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

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

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 76

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 77

Để 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 78

Và làm

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

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 80

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 81

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 82

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

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

Đổ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 84

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 85

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

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

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!

Bài viết đạt: 5/5 - (100 bình chọn)
Tags: GodotGODOT ENGINElập trình gamethiết kế gameTilemapTileset
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

5 tiện ích mở rộng VS Code hàng đầu để tăng tốc độ code 89
Code

5 tiện ích mở rộng VS Code hàng đầu để tăng tốc độ code

18/11/2023
Code tự động liệt kê tất cả đơn hàng Shopee và tổng số tiền đã chi tiêu 90
Code

Code tự động liệt kê tất cả đơn hàng Shopee và tổng số tiền đã chi tiêu

05/10/2023
Cách nhận chứng chỉ C# miễn phí của Microsoft và freeCodeCamp 91
Code

Cách nhận chứng chỉ C# miễn phí của Microsoft và freeCodeCamp

01/09/2023
Cách lên lịch chạy tập lệnh Python hàng ngày 92
Code

Cách lên lịch chạy tập lệnh Python hàng ngày

27/08/2023
Hướng dẫn sử dụng Python trong Excel 93
Python

Hướng dẫn sử dụng Python trong Excel

24/08/2023
Cách học nhanh Thuật toán lập trình với VisuAlgo 94
Code

Cách học nhanh Thuật toán lập trình với VisuAlgo

23/08/2023
Subscribe
Notify of
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
Thien
3 years ago

Ra phần 4 sớm nha a

Reply
Chung
Chung
3 years ago

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

Reply
Tin
Tin
3 years ago
Reply to  Chung

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

Reply
wpdiscuz   wpDiscuz

Liên hệ Quảng Cáo

Lien he AnonyViet

Các bài mới

edit post
Cách hack lượt Spin Coin Master siêu dễ mà bạn nên thử ngay 9

Cách hack lượt Spin Coin Master siêu dễ mà bạn nên thử ngay

05/12/2023
edit post
Các bước để mua Vietlott Online thành công qua Viettel Money 10

Các bước để mua Vietlott Online thành công qua Viettel Money

05/12/2023
edit post
Có nên lưu mã giảm giá Shopee trước không? 11

Có nên lưu mã giảm giá Shopee trước không?

05/12/2023
edit post
Nhận miễn phí game Assassin’s Creed Syndicate trên Ubisoft Store 12

Nhận miễn phí game Assassin’s Creed Syndicate trên Ubisoft Store

05/12/2023
edit post
Cách tạo chữ chạy trên màn hình điện thoại cực đẹp 13

Cách tạo chữ chạy trên màn hình điện thoại cực đẹp

05/12/2023

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 hệ

Email: anonyviet.com[@]gmail.com

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

 

Bản quyền: DMCA.com Protection Status

Phản hồi gần đây

  • Huyền trong Cách lấy lại dữ liệu khi USB bị lỗi Format đơn giản nhất
  • Tase trong Black Tool – Phần mềm tổng hợp Tool Hack kinh khủng nhất
  • varaa trong Hướng dẫn Active Burp Suite Pro 2022 + BugBounty Pro mới nhất
  • Huupham trong Cách cài SNIPE-IT trên Windows để Quản lý Tài sản CNTT
  • huy trong Cách vượt Captcha Google bằng python

©2023 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ https://okvip.art/ ku11net.link F8BET W88 ST666 Trực tiếp bóng đá xoilac tv new88 Nhà cái New88 uy tín https://vn88.news/ suncity https://hi88g.com/ Fun88min sodo casino 79king.cam ee88at.com go88 nhà cái Jun88 uy tín Twin xem bong da truc tiep xem keo nha cai Xoilac tv Lucky88 6686vni.com 333666.casino 123b com nhận định kèo nhà cái sv388bet.cam hitclub.bz sunwin Kubet1 Jss77 Jun88 tdtc.guru bossnhacai.com Cubet nhà cái j88 https://blognet88.com socolive https://kubet.icu socolive tv https://sodo.uno/ SOC88 ST666 MU88 thabet Tỷ lệ kèo: 7m go88 Kubet88 vaoroi clmm 2023 oxbet 79king.cloud xem bóng đá xoilac nohu.cyou tructiepbongda Ole777 https://iwin68.fit/ xoilac go88 https://winbetaz.net xoilac xoilac tv xoilac trực tiếp bóng đá xôi lạc xem bóng đá 33win Trang chủ Bet88 keo nha cai 5 xem bóng đá ee88 qh88 đăng nhập rikvip hit club 88online hb88hb.com viva88 i9bet zbet 7m game iwin club 789bet Keo88 typhu88 rakhoi bắn cá SKY88 KUBET77 Keonhacai trực tiếp bóng đá xoilac Mitom I9BET luckywin.net link nhà cái F8bet F8bet0.tv Link vào kubet: https://51.79.243.160/ b52club - Thế giới game bài bomtan https://kubet.icu/ Sunwin https://sodocasino.pro/ Kimsa Fe88 https://iwin68vn.net tài xỉu online https://mu88.io/ iwin68 Bongdavn https://hit-club.bio/ https://sky888.win/

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

©2023 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ https://okvip.art/ ku11net.link F8BET W88 ST666 Trực tiếp bóng đá xoilac tv new88 Nhà cái New88 uy tín https://vn88.news/ suncity https://hi88g.com/ Fun88min sodo casino 79king.cam ee88at.com go88 nhà cái Jun88 uy tín Twin xem bong da truc tiep xem keo nha cai Xoilac tv Lucky88 6686vni.com 333666.casino 123b com nhận định kèo nhà cái sv388bet.cam hitclub.bz sunwin Kubet1 Jss77 Jun88 tdtc.guru bossnhacai.com Cubet nhà cái j88 https://blognet88.com socolive https://kubet.icu socolive tv https://sodo.uno/ SOC88 ST666 MU88 thabet Tỷ lệ kèo: 7m go88 Kubet88 vaoroi clmm 2023 oxbet 79king.cloud xem bóng đá xoilac nohu.cyou tructiepbongda Ole777 https://iwin68.fit/ xoilac go88 https://winbetaz.net xoilac xoilac tv xoilac trực tiếp bóng đá xôi lạc xem bóng đá 33win Trang chủ Bet88 keo nha cai 5 xem bóng đá ee88 qh88 đăng nhập rikvip hit club 88online hb88hb.com viva88 i9bet zbet 7m game iwin club 789bet Keo88 typhu88 rakhoi bắn cá SKY88 KUBET77 Keonhacai trực tiếp bóng đá xoilac Mitom I9BET luckywin.net link nhà cái F8bet F8bet0.tv Link vào kubet: https://51.79.243.160/ b52club - Thế giới game bài bomtan https://kubet.icu/ Sunwin https://sodocasino.pro/ Kimsa Fe88 https://iwin68vn.net tài xỉu online https://mu88.io/ iwin68 Bongdavn https://hit-club.bio/ https://sky888.win/

wpDiscuz