1
00:00:04,490 --> 00:00:05,090
‫Xin chào và chào mừng.

2
00:00:05,090 --> 00:00:07,100
‫Trong bài giảng này, có điều gì đó hơi quá hạn.

3
00:00:07,130 --> 00:00:12,110
‫Chúng tôi sẽ có một hình chữ thập trong trò chơi của chúng tôi, điều này sẽ cho phép chúng tôi nhắm mục tiêu dễ dàng hơn.

4
00:00:12,110 --> 00:00:16,790
‫Chúng tôi cũng sẽ loại bỏ hình chữ thập đó, một phần của màn hình hướng lên chung.

5
00:00:16,790 --> 00:00:21,950
‫Với những gì chúng tôi có và chúng tôi sẽ có thể loại bỏ điều đó khi chúng tôi hiển thị giao diện người dùng thua hoặc thắng.

6
00:00:21,980 --> 00:00:24,380
‫Hãy đi sâu vào và xem điều đó xảy ra như thế nào.

7
00:00:25,520 --> 00:00:32,180
‫Vì vậy, chúng tôi muốn một số giao diện người dùng tồn tại trong thế giới của chúng tôi để cho chúng tôi thấy chúng tôi có sức khỏe như thế nào, nhưng cũng để cung cấp cho chúng tôi

8
00:00:32,180 --> 00:00:32,690
‫một cái nhìn.

9
00:00:32,690 --> 00:00:37,610
‫Bởi vì tại thời điểm hoặc kẻ ô hoặc chữ thập, bởi vì tại thời điểm chúng ta đang cố gắng bắn vào

10
00:00:37,610 --> 00:00:40,880
‫ai đó, thật khó thực hiện được nếu không có điểm tham chiếu đó.

11
00:00:40,880 --> 00:00:43,400
‫Vì vậy, chúng ta sẽ chuyển đến thư mục UI của chúng ta.

12
00:00:43,430 --> 00:00:48,710
‫Chúng tôi sẽ nhấp chuột phải vào đây để tạo các phần tử tiện ích giao diện người dùng

13
00:00:48,710 --> 00:00:54,080
‫mới và chúng tôi sẽ là một tiền tố WP và chúng tôi sẽ gọi Food for Heads Up Display.

14
00:00:54,380 --> 00:00:57,440
‫Bây giờ chúng ta có thể tiếp tục và mở nó ra.

15
00:00:57,440 --> 00:01:03,440
‫Tôi sẽ tiếp tục và tạo, trước hết, hình chữ thập của chúng tôi và bạn có thể làm điều này với đồ họa

16
00:01:03,440 --> 00:01:05,000
‫hình chữ thập nếu bạn có.

17
00:01:05,000 --> 00:01:06,980
‫Vì vậy, bạn có thể sử dụng thành phần hình ảnh ở đó.

18
00:01:07,070 --> 00:01:12,950
‫Hoặc những gì tôi sẽ làm chỉ là thêm vào một thành phần văn bản và tôi sẽ thêm một dấu cộng và đó sẽ

19
00:01:13,130 --> 00:01:14,570
‫là dấu chéo của tôi.

20
00:01:14,600 --> 00:01:17,300
‫Khá đơn giản, thực sự dễ dàng để tạo nguyên mẫu.

21
00:01:17,300 --> 00:01:23,090
‫Vì vậy, những gì tôi sẽ làm sau đó là căn chỉnh văn bản của tôi để nó chính giữa.

22
00:01:23,090 --> 00:01:30,860
‫Sau đó, tôi sẽ đi đến khu vực bảng điều khiển khung canvas và tôi sẽ kiểm tra kích thước cho nội dung như vậy, để mọi thứ đều

23
00:01:30,860 --> 00:01:33,740
‫đẹp và chặt chẽ xung quanh hình chữ thập đó.

24
00:01:33,950 --> 00:01:41,090
‫Sau đó, tôi sẽ thiết lập căn chỉnh của mình thành 0. 5 và 0. 5 sao cho chúng ta đang căn chỉnh với tâm của hình

25
00:01:41,090 --> 00:01:41,750
‫chữ thập đó.

26
00:01:41,750 --> 00:01:47,510
‫Và cuối cùng, chúng tôi muốn thiết lập neo của chúng tôi để chúng tôi đang sử dụng mặc định căn giữa.

27
00:01:47,510 --> 00:01:52,910
‫Và sau đó tôi sẽ thiết lập vị trí của mình về 0 0 sao cho mũi chéo của tôi ở ngay

28
00:01:52,910 --> 00:01:53,420
‫chính giữa.

29
00:01:53,420 --> 00:01:54,950
‫Tôi sẽ đổi màu thành đỏ.

30
00:01:54,950 --> 00:01:56,480
‫Vì vậy, đó là tốt đẹp và dễ dàng nhìn thấy.

31
00:01:56,480 --> 00:02:02,210
‫Có một hình chữ thập ở đó và có lẽ tôi cũng sẽ tăng kích thước của hình chữ thập đó lên một chút.

32
00:02:02,210 --> 00:02:03,920
‫Hãy chơi, xem cảm giác đó như thế nào.

33
00:02:04,390 --> 00:02:10,190
‫Một vấn đề, chúng tôi không thực sự nhìn thấy hình chữ thập này trên thế giới, vì vậy tôi sẽ có như một thách thức cho bạn vì

34
00:02:10,190 --> 00:02:14,270
‫đó là những thứ mà chúng tôi đã làm trước đây trong bộ điều khiển trình phát của chúng tôi.

35
00:02:14,270 --> 00:02:19,070
‫Chúng tôi đã tạo các widget và chúng tôi đã thêm chúng vào chế độ xem và tôi muốn bạn thực hiện lại thao tác tương tự

36
00:02:19,070 --> 00:02:21,410
‫để tạo ra một số giao diện người dùng hiển thị thông minh.

37
00:02:21,440 --> 00:02:25,030
‫Bạn sẽ thêm vào bộ điều khiển trình phát lớn tại chỗ.

38
00:02:25,040 --> 00:02:29,990
‫Bạn sẽ phải tiếp tục và thêm một trò chơi lớn vào bộ điều khiển trình phát của mình, thêm cấu hình vào tệp

39
00:02:29,990 --> 00:02:35,180
‫tiêu đề để bạn có thể định cấu hình bản thiết kế tiện ích mà bạn muốn sử dụng cho màn hình hiển thị trực

40
00:02:35,180 --> 00:02:37,670
‫tiếp, bạn cần tạo ra nó, thêm nó vào khung nhìn.

41
00:02:37,670 --> 00:02:41,510
‫Một lần nữa, có mã cho bộ điều khiển chơi mà bạn có thể mượn từ

42
00:02:41,510 --> 00:02:46,760
‫đó và sau đó bạn sẽ định cấu hình trong bản thiết kế của mình lớp nào mà nó sẽ sinh sản.

43
00:02:46,760 --> 00:02:49,670
‫Vì vậy, hãy tạm dừng video và bắt đầu thử thách.

44
00:02:50,600 --> 00:02:51,410
‫Chào mừng trở lại.

45
00:02:51,410 --> 00:02:57,200
‫Vì vậy, chúng ta hãy thử điều này, chúng ta sẽ xem xét lại tệp tiêu đề cho bộ điều khiển trình chơi game bắn súng.

46
00:02:57,200 --> 00:03:01,130
‫Bạn có thể thấy chúng tôi đã thiết lập điều này cho màn hình mất kính chắn gió của chúng tôi.

47
00:03:01,130 --> 00:03:09,410
‫Và ngay trên những thứ này, những gì tôi muốn làm là thêm một lớp mới sẽ là lớp H hoặc HUD.

48
00:03:09,740 --> 00:03:16,400
‫Vì vậy, chúng tôi sẽ có nó như một lớp con DT của tiện ích mà bạn sử dụng, sau đó chúng tôi sẽ phải thêm

49
00:03:16,400 --> 00:03:17,990
‫vào Begin Play của chúng tôi.

50
00:03:17,990 --> 00:03:25,010
‫Đối với điều đó, tôi sẽ đi đến khẩu súng và sao chép tuyên bố từ đó và đưa nó đến bộ điều khiển người

51
00:03:25,010 --> 00:03:32,780
‫chơi game bắn súng H của chúng tôi và thêm vào phần được bảo vệ cũng như đi và thực hiện bắt đầu chơi và nhớ rằng trong

52
00:03:33,110 --> 00:03:36,560
‫Bắt đầu chơi, chúng ta phải gọi để siêu bắt đầu chơi.

53
00:03:36,590 --> 00:03:39,260
‫Nếu không, mọi thứ sẽ không hoạt động bình thường.

54
00:03:39,260 --> 00:03:44,450
‫Và cuối cùng, tôi sẽ chuyển phần chơi bắt đầu này lên trên trò chơi của chúng tôi đã kết thúc một cách hợp lý đó là thứ tự

55
00:03:44,450 --> 00:03:45,530
‫mọi thứ sẽ xảy ra.

56
00:03:46,140 --> 00:03:48,720
‫Sau đó, tiếp theo, chúng ta sẽ phải thiết lập widget.

57
00:03:48,720 --> 00:03:52,200
‫Đối với điều đó, nó sẽ khá đơn giản vì nó sẽ giống hệt các bước mà

58
00:03:52,200 --> 00:03:55,500
‫chúng tôi đã thực hiện để thiết lập kính chắn gió và màn hình loo.

59
00:03:55,500 --> 00:04:00,330
‫Vì vậy, chúng tôi sẽ sao chép nó vào Begin Play và chúng tôi sẽ thử điều này.

60
00:04:00,330 --> 00:04:05,850
‫Về cơ bản, thay vì sử dụng lớp kính chắn gió, chúng ta sẽ sử dụng lớp HUD và thay vì tạo kính

61
00:04:05,850 --> 00:04:11,760
‫chắn gió ở đây, những gì chúng ta sẽ làm là tạo ra h bạn d, đó là lý do tại sao tôi sẽ gọi

62
00:04:11,760 --> 00:04:17,520
‫nó là HD trong tất cả những trường hợp này, nếu không phải là null, thì chúng tôi sẽ thêm nó vào khung nhìn.

63
00:04:17,520 --> 00:04:23,220
‫Hãy chuyển sang trình chỉnh sửa, biên dịch và xem liệu bây giờ chúng ta có thể định cấu hình mọi thứ trong bộ điều khiển trình phát của mình hay không.

64
00:04:23,220 --> 00:04:29,070
‫Vì vậy, tôi sẽ mở ra, mở bộ điều khiển người chơi game bắn súng BP, mở trình chỉnh sửa bản thiết kế đầy đủ ở

65
00:04:29,070 --> 00:04:29,340
‫đây.

66
00:04:29,340 --> 00:04:34,740
‫Và khi bạn biên dịch xong, bạn sẽ thấy lớp HUD xuất hiện như một biến mà chúng ta có thể đặt

67
00:04:34,740 --> 00:04:36,030
‫ở trên cùng, phải không?

68
00:04:36,030 --> 00:04:40,440
‫Vì vậy, nếu chúng tôi nhấp vào menu thả xuống đó, bạn có thể thấy WP, HUD, đó là cái chúng tôi muốn chọn.

69
00:04:40,440 --> 00:04:41,970
‫Hãy tiếp tục và nhấn chơi.

70
00:04:42,090 --> 00:04:47,310
‫Và chắc chắn, bây giờ chúng ta có một hình chữ thập đỏ khổng lồ, có thể quá lớn hiển thị trên màn hình của chúng ta.

71
00:04:47,310 --> 00:04:53,880
‫Vì vậy, hãy bắt đầu và tạo ra một phông chữ nhỏ hơn một chút, có thể khoảng 47 hoặc tương tự.

72
00:04:54,390 --> 00:04:55,590
‫Đi và nhấn chơi ngay bây giờ.

73
00:04:55,590 --> 00:04:56,720
‫Và đó là một lớn.

74
00:04:57,340 --> 00:04:58,690
‫Hình chữ thập có kích thước phù hợp.

75
00:04:58,690 --> 00:05:00,250
‫Vẫn còn một chút lớn, theo ý kiến của tôi.

76
00:05:00,250 --> 00:05:02,860
‫Vì vậy, tôi sẽ giảm con số đó xuống khoảng 30.

77
00:05:03,160 --> 00:05:04,240
‫Hãy thử điều đó.

78
00:05:05,420 --> 00:05:07,510
‫Vâng, điều đó có ý nghĩa đối với trò chơi của tôi.

79
00:05:08,980 --> 00:05:14,220
‫Chính xác, vì chúng tôi đang chụp qua tâm màn hình.

80
00:05:14,220 --> 00:05:18,810
‫Sau đó, điều tiếp theo bạn sẽ nhận thấy là nếu chúng ta đi gây sát thương cho khẩu súng trường của mình một lần nữa, vì vậy tôi

81
00:05:18,810 --> 00:05:20,400
‫sẽ mở rộng bản thiết kế đầy đủ của nó.

82
00:05:20,400 --> 00:05:25,980
‫Editor đặt sát thương thành 50 để nó giết chúng ta nhanh chóng và bắt đầu chơi.

83
00:05:26,430 --> 00:05:32,070
‫Có phải khi chúng tôi bị giết, hình chữ thập vẫn ở đó, vì vậy chúng tôi muốn có thể loại bỏ hình chữ thập.

84
00:05:32,070 --> 00:05:37,800
‫Bây giờ, may mắn thay, việc gỡ bỏ khá dễ dàng vì tất cả đều nằm trong lớp trình điều khiển người chơi và chúng

85
00:05:37,800 --> 00:05:39,870
‫ta đã kết thúc trò chơi ở đây.

86
00:05:39,870 --> 00:05:46,890
‫Những gì chúng tôi muốn làm về cơ bản là xóa HUD đó khỏi chế độ xem cho dù chúng tôi có phải là người chiến thắng hay không vì chúng tôi đang

87
00:05:46,890 --> 00:05:49,380
‫thay thế nó bằng giao diện người dùng khác ở đây.

88
00:05:49,380 --> 00:05:54,180
‫Tuy nhiên, chúng tôi không thể nắm giữ tiện ích HUD mà chúng tôi đã tạo vì chúng tôi đã tạo nó ở đây và bắt đầu chơi và

89
00:05:54,180 --> 00:05:55,440
‫chúng tôi không lưu nó ở đâu.

90
00:05:55,440 --> 00:06:01,710
‫Vì vậy, trong tệp tiêu đề, tôi sẽ tạo một biến riêng tư mới ở gần cuối, đây sẽ

91
00:06:01,710 --> 00:06:05,040
‫là một tiện ích người dùng của bạn HUD.

92
00:06:05,580 --> 00:06:08,130
‫Vì vậy, đó là một biến riêng mà chúng tôi sẽ thiết lập và bắt đầu chơi.

93
00:06:08,130 --> 00:06:12,420
‫Vì vậy, tôi sẽ xóa loại khỏi đó, điều này sẽ đảm bảo rằng chúng

94
00:06:12,420 --> 00:06:19,740
‫tôi đang đặt biến so với lớp, điều đó có nghĩa là chúng tôi sẽ có quyền truy cập vào biến đó trong trò chơi của

95
00:06:19,740 --> 00:06:21,170
‫chúng tôi đã kết thúc.

96
00:06:21,220 --> 00:06:26,970
‫Tôi chỉ nhận thấy rằng tôi không may đã thêm HUD của trò chơi vào tiêu đề súng chứ không phải tiêu đề điều khiển người

97
00:06:26,970 --> 00:06:29,670
‫chơi bắn súng, đó thực sự là những gì tôi muốn làm.

98
00:06:29,670 --> 00:06:35,640
‫Và có vẻ như tôi đã quên đặt nó thành một thuộc tính mới, điều này nên xảy ra bởi vì đây sẽ

99
00:06:35,640 --> 00:06:41,550
‫là một con trỏ mà chúng tôi muốn lưu giữ và chúng tôi muốn được thu gom rác một cách chính xác.

100
00:06:41,550 --> 00:06:47,490
‫Vì vậy, có, nó phải là một thuộc tính của bạn ngay cả khi không có chỉ định trong thuộc tính đó.

101
00:06:47,490 --> 00:06:52,980
‫Vì vậy, bây giờ nếu chúng ta đi và xem trò chơi đã kết thúc ngay trước câu lệnh if,

102
00:06:52,980 --> 00:07:01,650
‫tôi muốn xóa nó khỏi chế độ xem để chúng ta có thể thực hiện HUD mà hiện chúng ta có quyền truy cập vào mũi tên xóa khỏi chế độ xem, điều

103
00:07:01,650 --> 00:07:03,630
‫này sẽ làm cho nó vô hình.

104
00:07:03,630 --> 00:07:06,900
‫Hãy xem qua engine và biên dịch và dùng thử.

105
00:07:06,900 --> 00:07:10,230
‫Và sau khi biên dịch xong, chúng ta hãy chơi, tự giết mình.

106
00:07:11,430 --> 00:07:14,730
‫Và chắc chắn, chúng tôi đã có HUD của chúng tôi biến mất ở đó.

107
00:07:14,730 --> 00:07:19,410
‫Sau khi chúng tôi khởi động lại cấp độ, nó sẽ xuất hiện lại vì Begin Play được gọi lại.

108
00:07:19,650 --> 00:07:21,210
‫Vì vậy, đó là nó cho bài giảng này.

109
00:07:21,210 --> 00:07:25,950
‫Trong bài giảng tiếp theo, chúng ta sẽ thiết lập các thanh sức khỏe thực tế trên HUD của chúng ta cũng như hình chữ thập đó.

110
00:07:25,950 --> 00:07:31,980
‫Nhưng bạn có thể thấy chúng tôi đã bắt đầu trả cổ tức cho việc quản lý giao diện người dùng của chúng tôi trong bộ điều

111
00:07:31,980 --> 00:07:39,030
‫khiển chơi bởi vì bây giờ khi chúng tôi đã thêm nhiều giao diện người dùng hơn mà bộ điều khiển trình phát cũng quản lý, nó có thể chen lấn giữa

112
00:07:39,030 --> 00:07:41,310
‫hai giao diện người dùng đó trong một lớp.