• 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

Các thao tác cơ bản trên Scene2D – Godot Engine cơ bản

Kỳ Lục by Kỳ Lục
23/06/2020 - Updated on 24/06/2020
in Code
Reading Time: 10 mins read
A A
0

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

  1. CỬA SỔ LÀM VIỆC SCENE2D
    1. Trục toạ độ Oxy (trên Godot Engine)
    2. Đối tượng có thể xoay quay tâm của mình (rotation)
    3. Các đối tượng có thể xếp chồng lên nhau (Zindex)
    4. Các đối tượng có thể thay đổi cách hiển thị của mình (Visiblity)
    5. CanvasItem
  2. Các thao tác trên CanvasItem
    1. Viewport 2D (Khung nhìn 2D)
      1. Thiết lập Viewport

Hi! Chào các bạn! Bài viết hôm nay, mình tiếp tục chia sẻ với các bạn Các thao tác cơ bản trên Scene2D (cửa sổ làm việc không gian 2 chiều) trên Godot Engine! Không vòng vo nữa, chúng ta cùng vào bài viết thôi nào! Let’s go!

CỬA SỔ LÀM VIỆC SCENE2D

Để làm việc trên cửa sổ Scene 2D ta chọn vào chế độ 2D Mode:Các thao tác cơ bản trên Scene2D

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

[Godot RPG]#5: Autotile - Lập trình game Godot Engine 137

[Godot RPG]#5: Autotile – Lập trình game Godot Engine

05/04/2021
[Godot RPG] #4 : Tilemap 138

[Godot RPG] #4 : Tilemap

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

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

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

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

16/08/2020 - Updated on 20/08/2020

Sau đó chúng ta sẽ thấy cửa sổ làm việc Scene 2D như sau:

cách dùng Scene2D godot engine

– Phía trên cùng là tên Scene

– Bên dưới là thanh công cụ để thao tác các đối tượng trong Scene

– Dưới cùng là màn hình làm việc chính của một Scene gồm có:

+ Trục toạ độ Oxy

+ Viewport 2D (khung nhìn 2D)

Trục toạ độ Oxy (trên Godot Engine)

– Là đường 2 đường thẳng vuông góc cắt nhau tại một điểm O (O được lấy làm tâm và được gọi là góc toạ độ)

+ Đường thẳng nằm theo chiều ngang từ góc nhìn thẳng và chính diện được gọi là hoành độ (Trục hoành, Trục x, trục Cos) có độ dài từ trái sang phải lần lượt là

(-oo;+oo)

+ Đường thẳng nằm theo chiều dọc từ góc nhìn thẳng và chính diện được gọi là tung độ (Trục tung, Trục y, trục Sin) có độ dài từ trên xuống lần lượt là (-oo;+oo)

+ Đơn vị của góc toạ độ O là (0,0)

hướng dẫn sử dụng Scene2D

  • Đối tượng A đặt lên hệ trục Oxy (A phải là các đối tượng nhìn thấy như Node2D, Spatical, Control,… không áp dụng cho Node trắng và các Node điều khiển)

– Ví dụ ta đem đối tượng A nào đó áp vào hệ toạ độ Oxy này. Giả sử     Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 106là một đối tượng. Khi đó ta đem     Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 107vào hệ Oxy thì nó sẽ sinh ra một vị trí (position), một kích thước (scale) tương ứng với hệ có kiểu Vecto2(đơn vị x, đơn vị y)

– Vecto2 là một kiểu dữ liệu thể hiện các vị trí trong không gian 2D

Xem thêm:  [PyHack] Bài 2: Kiểm tra MAC mà người dùng đã đổi xem đúng không

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 108

– Vị trí Godot trên trục x là 5 đơn vị, trên trục y là 0 đơn vị tính đến tâm của đối tượng

– Kích thước Godot trên trục x và y là 2 đơn vị dựa trên khoảng cách từ điểm đầu đến điểm cuối của chiều dài và chiều rộng.

– Ta có thể biểu diễn ngắn gọn vị trí và kích thước của Godot bằng Vecto2() như sau:

#Godot.position = Vecto2(5,0)

#Godot.scale = Vecto2(2,2)

Đối tượng có thể xoay quay tâm của mình (rotation)

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 109

Ta có A, B, C với mỗi chiều xoay khác nhau được tính bằng độ (0->360°)

– Ta có thể thay đổi position, scale, rotation_degree ở phần Transform trong thuộc tính của đối tượng (Inspector).

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 110

Các đối tượng có thể xếp chồng lên nhau (Zindex)

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 111

Vì ta đang dùng chế độ 2D Mode là nhìn trực diện nên sẽ không thấy trục Z, tuy nhiên ta có thể thay đổi các chỉ số Zindex để các đối tượng xếp chồng lên nhau theo hướng nhìn này.

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 112

Ta có thể tìm thấy Zindex trong phần thuộc tính của Node.

Các đối tượng có thể thay đổi cách hiển thị của mình (Visiblity)

  • Ẩn và hiện (visible)

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 113

Godot đang hiển thị

Có thể ẩn/hiện đối tượng thông qua biểu tượng hình con mắt của Node (nếu có).

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 114

Godot đang bị ẩn

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 115

Godot đang hiển thị

CanvasItem

  • Những Node được hiển thị trên cửa sổ 2D Mode được gọi là một CanvasItem

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 116

Minh hoạ 3 CanvasItem

Các thao tác trên CanvasItem

– Chọn một CanvasItem (Select Mode)

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 117

Nhấp vào icon chuột trên thanh công cụ Scene sau đó lick chuột trái vào CanvasItem cần chọn. Hoặc nhấp vào Node tương ứng với CanvasItem đó.

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 118

Bạn cũng có thể chọn nhiều CanvasItem bằng cách dùng tổ hợp phím có sẵn trên HDH mà bạn đang sử dụng. (Tương tự chọn nhiều file).

  • Di chuyển CanvasItem

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 119

Nhấp vào Move Mode. Sau đó nhấn giữ chuột trái lên đối tượng và kéo thả. Hoặc lick vào đối tượng và dùng phím điều hướng để di chuyển.

  • Thay đổi kích thước CanvasItem

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 120

Trong chế độ select mode. Bạn nhấp giữ vào các chấm màu đỏ xung quanh đối tượng và kéo thả. Thao tác này sẽ làm thay đổi giá trị scale

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 121

Hoặc có thể kéo các trục scale x, y trong chế độ scale mode.

  • Xoay CanvasItem
Xem thêm:  [Lập Trình Game] Bài 13: Thu thập item trong Godot Engine

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 122

Trong chế độ Rotate Mode, nhấp giữ vào đối tượng và kéo xoay.

  • Thay đổi tâm CanvasItem (pivot).

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 123

Chọn chế độ Change rotation pivot -> Lick giữ vào biểu tượng vị trí trên CanvasItem và kéo thả đến vị trí mong muốn.

  • Thay đổi vị trí nhìn CasvaItem

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 124

Nhấp vào chế độ Pan Mode -> Lick giữ vào vùng trống trên cửa sổ Scene 2D và kéo thả đến vùng mong muốn. Hoặc nhấp giữ chuột phải, bánh lăn chuột khi không dùng Pan Mode.

  • Đo kích thước CanvasItem.

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 125

Chọn chế độ Ruler Mode (hình tam giác), lick giữ và kéo thả các vùng cần đo.

  • Khoá di chuyển CanvasItem

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 126

Để tránh chọn nhầm các đối tượng thì bạn sử dụng chế độ lock object bằng cách chọn một đối tượng cần lock, nhấp vào biểu tượng hình ống khoá trên thanh công cụ scene. Bạn có thể unlock bằng cách nhấp lại biểu tượng đó. Hoặc nhấp vào icon ống khoá Node bên Scene Tree.

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 127

Hoặc bạn có thể khoá di chuyển tất cả các Node con của đối tượng bằng cách nhấp vào Lock object’s children.

  • Đặt vị trí thông minh bằng snapping

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 128

Bạn có thể di chuyển vị trí đối tượng chính xác hơn bằng những nam châm hút vị trí (snapping). Nó sẽ giúp bạn gợi ý lề của các đối tượng khác để bạn đặt đối tượng chính xác hơn.

Lưu ý:  Quan sát các thiết đặt cho Node

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 129

  • Khung xanh là Type Node (loại của Node)
  • Màu hồng: tên Node
  • 1: Node đang có cảnh báo
  • 2: Node đã đang được dùng Signal (đang phát ra tín hiệu)
  • 3: Node đã được gán script
  • 4: Node đã bị khoá di chuyển
  • 5: Node đã bị khoá di chuyển các Node con của nó
  • 6: Node đang được hiển thị bên Scene 2D
  • Viewport 2D (Khung nhìn 2D)

– Viewport là gì?

  • Viewport tạm dịch là khung nhìn, là khu vực có thể nhìn thấy của người dùng về nội dung trong một game.
  • Viewport trên Scene 2D:

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 130

Bạn có thể thấy khung viền mờ màu xanh, đó là khung Viewport 2D của Godot. Có độ phân giải mặt định khi tạo project là 1240×600.

  • Tất cả các đối tượng được nhìn thấy khi chạy game phải được đặt trong khung nhìn này
  • Node root của game có Type mặc định là Viewport
Xem thêm:  [Godot Engine] Export sang Windows, Linux, MacOS, Android

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 131

  • Góc trái trên cùng của khung Viewport mặc định sẽ trùng với góc toạ độ O
  • Viewport sẽ khác nhau với các thiết bị khác nhau, và sẽ nhỏ hơn trên điện thoại di động so với trên màn hình máy tính.
  • Vậy làm sao để game có thể hiển thị tốt trên các thiết bị?

Thiết lập Viewport

  • Thay đổi Viewport size (Screen size)

– Phần đông các loại smatphone và laptop hiện đang sở hữu màn hình FullHD. Vì thế ta sẽ lấy FullHD làm chuẩn (tuỳ bạn)

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 132

Project -> Project settings

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 133

Tại mục Display -> Window. Sau đó thiết lập độ phân giải lại thành FullHD (1920×1080) 16:9.

  • Bật Hidpi

– Hãy bật Hidpi đối với các thiết bị hỗ trợ chế độ này được hiển thị tốt hơn.

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 134

Ta có thể tìm thấy mục Hidpi tại Display -> Window

  • Thiết lập Viewport Scale

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 135

Cũng tại mục Display -> Window trong project settings. Ta tìm đến phần Strect và thiết lập:

+ Mode là: 2d nếu bạn chú trọng đến thiết kế gui. Viewport sẽ hỗ trợ hiển thị với độ phân giải tốt hơn nhưng không phù hợp với gui.

+ Aspect là:

  • ignore: luôn lấp đầy khi thay đổi tỉ lệ cửa sổ
  • keep_wight: giữ tỉ lệ chiều ngang
  • keep_height: giữ tỉ lệ chiều cao
  • keep: giữ tỉ lệ cả màn hình
  • expand: lấp đầy trên các màn hình có cùng tỉ lệ

Sau các thiết lập viewport trên, Game của bạn sẽ hiển thị nội dung tốt trên các thiết bị.

Lưu ý: Hãy thiết lập viewport đầu tiên khi bắt tay vào làm game nhé! Để tránh các lỗi về hiển thị

– Thiết lập hướng xoay cho các thiết bị có cảm biến tự động xoay:

Các thao tác cơ bản trên Scene2D - Godot Engine cơ bản 136

Tại mục Display -> Window trong Project settings. Tìm đến mục Handheld -> Orientation.

  • Chọn landscape nếu để màn hình xoay ngang.
  • Chọn portrait nếu để màn hình xoay dọc
  • Nếu máy có cảm biến tự động xoay hãy chọn các mục có phần sensor.

Bài viết hôm nay mình đã giới thiệu và chia sẻ với các bạn các thao tác cơ bản trên Scene2D trên Godot Engine. Nếu có thắc mắc hãy để lại bình luận hoặc góp ý nhé! Để nắm rõ hơn các bạn có thể tham khảo thêm các video cơ bản tại https://www.youtube.com/playlist?list=PLOk8LhtEwUVn8e3RUfk-rX_RB3f9_ulYg. Xin cảm ơn các bạn đã theo dõi bài viết! 🙂 

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

So sánh sự khác nhau giữa iMac, Mac Mini và Mac Pro

Next Post

Cách Hacker tấn công WIFI của bạn và cách phòng tránh

Kỳ Lục

Kỳ Lục

Related Posts

[Godot RPG]#5: Autotile - Lập trình game Godot Engine 141
Godot

[Godot RPG]#5: Autotile – Lập trình game Godot Engine

05/04/2021
tạo extension nhắc việc chrome đơn giản
Code

Hướng dẫn tự tạo Extension Chrome bằng Scratch

27/03/2021
[Godot RPG] #4 : Tilemap 142
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
Next Post
hack wifi khi làm việc ở nhà

Cách Hacker tấn công WIFI của bạn và cách phòng tránh

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.

0 Comments
Inline Feedbacks
View all comments

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác

Fshare

Các bài mới

tim hieu nhom hacker Anonymous

Tìm hiểu nhóm Nhóm Hacker Anonymous khét tiếng nhất thế giới

15/04/2021
cpu dot ngot tang 100

Tại sao khi mở Task Manager CPU đột ngột tăng 100% rồi giảm xuống

15/04/2021
phat tan virus bang word

Phương pháp đính kèm Virus bằng file Word để Hack máy tính

14/04/2021
Advanced SystemCare 14 Pro

Advanced SystemCare 14 Pro Full Key – Tối ưu hóa Windows tốt nhất

14/04/2021
AM THE NAO TRO THANH HACKER

Làm thế nào để trở thành Hacker – Lộ trình cho người mới bắt đầu

14/04/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
RikVip
iwin888
Gam Víp
88vin link

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

  • Tìm hiểu nhóm Nhóm Hacker Anonymous khét tiếng nhất thế giới
  • Tại sao khi mở Task Manager CPU đột ngột tăng 100% rồi giảm xuống
  • Phương pháp đính kèm Virus bằng file Word để Hack máy tính
  • Advanced SystemCare 14 Pro Full Key – Tối ưu hóa Windows tốt nhất
  • Làm thế nào để trở thành Hacker – Lộ trình cho người mới bắt đầu
  • Cách tìm các trang web .Onion trên Dark Web còn vào được
  • 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