﻿1
00:00:04,490 --> 00:00:05,090
‫สวัสดีและยินดีต้อนรับ.

2
00:00:05,090 --> 00:00:07,100
‫ในการบรรยายครั้งนี้ มีบางอย่างที่ค้างชำระอยู่บ้าง

3
00:00:07,130 --> 00:00:12,110
‫เราจะมีเป้าเล็งในเกมของเราซึ่งจะทำให้เราเล็งได้ง่ายขึ้น

4
00:00:12,110 --> 00:00:16,790
‫เรายังกำลังจะลบเป้าเล็งนั้นออก ซึ่งเป็นส่วนหนึ่งของการแสดง head up ทั่วๆ ไป

5
00:00:16,790 --> 00:00:21,950
‫ด้วยสิ่งที่เรามีและเราจะสามารถลบสิ่งนั้นออกได้เมื่อเราแสดง UI แพ้หรือชนะของเรา

6
00:00:21,980 --> 00:00:24,380
‫มาดูกันว่าเกิดอะไรขึ้น

7
00:00:25,520 --> 00:00:32,690
‫ดังนั้นเราจึงต้องการให้ UI บางส่วนอยู่ในโลกของเราเพื่อแสดงให้เราเห็นว่าเรามีสุขภาพมากแค่ไหน แต่ยังให้เส้นเล็งแก่เราด้วย

8
00:00:32,690 --> 00:00:37,610
‫เพราะในขณะนี้หรือเส้นเล็งหรือเป้าเล็ง เพราะในขณะที่เรากำลังพยายามจะยิงใครซักคน

9
00:00:37,610 --> 00:00:40,880
‫มันยากมากที่จะทำโดยไม่มีจุดอ้างอิงนั้น

10
00:00:40,880 --> 00:00:43,400
‫ดังนั้นเราจะไปที่โฟลเดอร์ UI ของเรา

11
00:00:43,430 --> 00:00:48,710
‫เราจะคลิกขวาที่นี่เพื่อสร้างองค์ประกอบวิดเจ็ตอินเทอร์เฟซผู้ใช้ใหม่

12
00:00:48,710 --> 00:00:54,080
‫และเราจะเป็นคำนำหน้า WP และเราจะเรียก Food for Heads Up Display

13
00:00:54,380 --> 00:00:57,440
‫ตอนนี้เราสามารถไปข้างหน้าและเปิดขึ้นได้

14
00:00:57,440 --> 00:01:05,000
‫ฉันจะดำเนินการต่อไป และสร้าง อย่างแรกเลย เป้าเล็งของเรา และคุณสามารถทำสิ่งนี้ด้วยกราฟิกเล็งถ้าคุณมี

15
00:01:05,000 --> 00:01:06,980
‫คุณสามารถใช้องค์ประกอบภาพที่นั่นได้

16
00:01:07,070 --> 00:01:12,950
‫หรือสิ่งที่ผมจะทำคือแค่เพิ่มองค์ประกอบข้อความเข้าไป แล้วใส่เครื่องหมายบวก

17
00:01:13,130 --> 00:01:14,570
‫นั่นคือเป้าเล็ง

18
00:01:14,600 --> 00:01:17,300
‫ค่อนข้างง่าย ง่ายต่อการสร้างต้นแบบด้วย

19
00:01:17,300 --> 00:01:23,090
‫ดังนั้นสิ่งที่ฉันจะทำคือจัดข้อความของฉันให้อยู่ตรงกลาง

20
00:01:23,090 --> 00:01:30,860
‫จากนั้นฉันจะไปที่พื้นที่แผงผ้าใบของสล็อต และฉันจะตรวจสอบขนาดกับเนื้อหาเช่นนั้น เพื่อให้ทุกอย่างเรียบร้อยและแน่นหนารอบๆ

21
00:01:30,860 --> 00:01:33,740
‫เป้าเล็งนั้น

22
00:01:33,950 --> 00:01:41,750
‫จากนั้นฉันจะตั้งค่าการจัดตำแหน่งเป็น 0 5 และ 0 5 เพื่อให้เราอยู่ในแนวเดียวกับจุดศูนย์กลางของเป้าเล็งนั้น

23
00:01:41,750 --> 00:01:47,510
‫และสุดท้ายเราต้องการตั้งค่าจุดยึด เพื่อให้เราใช้ค่าดีฟอลต์ที่กึ่งกลาง

24
00:01:47,510 --> 00:01:53,420
‫แล้วฉันจะตั้งค่าตำแหน่งของฉันเป็นศูนย์ศูนย์เพื่อที่ฉันจะได้เล็งไปที่ตรงกลาง

25
00:01:53,420 --> 00:01:54,950
‫ฉันจะเปลี่ยนสีเป็นสีแดง

26
00:01:54,950 --> 00:01:56,480
‫นั่นจึงดูดีและมองเห็นได้ง่าย

27
00:01:56,480 --> 00:02:02,210
‫มีเป้าเล็งอยู่ตรงนั้น และบางทีฉันอาจจะเพิ่มขนาดของเป้าเล็งนั้นอีกหน่อย

28
00:02:02,210 --> 00:02:03,920
‫มาเล่นกันดูว่ารู้สึกอย่างไร

29
00:02:04,390 --> 00:02:14,270
‫ปัญหาหนึ่ง เราไม่ได้เห็นเป้าเล็งนี้ในโลก ดังนั้นฉันจะท้าทายคุณเพราะมันเป็นสิ่งที่เราทำมาก่อนในตัวควบคุมเครื่องเล่นของเรา

30
00:02:14,270 --> 00:02:19,070
‫เราได้สร้างวิดเจ็ตและได้เพิ่มลงในวิวพอร์ตแล้ว และฉันต้องการให้คุณทำแบบเดียวกันอีกครั้งเพื่อสร้าง

31
00:02:19,070 --> 00:02:21,410
‫UI ที่แสดงขึ้นมาบางส่วน

32
00:02:21,440 --> 00:02:25,030
‫คุณจะเพิ่มตัวควบคุมเครื่องเล่นขนาดใหญ่เข้าที่

33
00:02:25,040 --> 00:02:35,180
‫คุณจะต้องดำเนินการต่อไปและเพิ่มส่วนสำคัญให้กับตัวควบคุมเครื่องเล่นของคุณ เพิ่มการกำหนดค่าให้กับไฟล์ส่วนหัวเพื่อให้คุณสามารถกำหนดค่าพิมพ์เขียววิดเจ็ตที่คุณต้องการใช้สำหรับแสดง

34
00:02:35,180 --> 00:02:37,670
‫heads up คุณต้องวางไข่ เพิ่มไปยังวิวพอร์ต

35
00:02:37,670 --> 00:02:41,510
‫อีกครั้ง มีโค้ดสำหรับสิ่งนั้นใน play controller ที่คุณสามารถยืมได้

36
00:02:41,510 --> 00:02:46,760
‫จากนั้นคุณจะต้องกำหนดค่าในพิมพ์เขียวของคุณว่าคลาสใดที่ควรวางไข่

37
00:02:46,760 --> 00:02:49,670
‫หยุดวิดีโอชั่วคราวและเริ่มต้นความท้าทาย

38
00:02:50,600 --> 00:02:51,410
‫ยินดีต้อนรับกลับ.

39
00:02:51,410 --> 00:02:57,200
‫ลองมาลองดูกันในไฟล์ส่วนหัวของตัวควบคุมผู้เล่นเกมยิงกัน

40
00:02:57,200 --> 00:03:01,130
‫คุณจะเห็นว่าเราได้ตั้งค่านี้สำหรับกระจกบังลมหน้าเสีย

41
00:03:01,130 --> 00:03:09,410
‫และเหนือสิ่งเหล่านี้ด้วย สิ่งที่ฉันต้องการทำคือเพิ่มคลาสใหม่ซึ่งจะเป็นคลาส H หรือ HUD

42
00:03:09,740 --> 00:03:16,400
‫ดังนั้นเราจะมีมันเป็นคลาสย่อย DT ที่คุณใช้วิดเจ็ต จากนั้นเราจะต้องเพิ่มใน

43
00:03:16,400 --> 00:03:17,990
‫Begin Play ของเรา

44
00:03:17,990 --> 00:03:25,010
‫สำหรับสิ่งนั้น ฉันจะไปที่ปืนและคัดลอกคำประกาศจากที่นั่นแล้วนำไปที่ตัวควบคุมผู้เล่นมือปืนของเรา

45
00:03:25,010 --> 00:03:32,780
‫H และเพิ่มในส่วนที่ได้รับการป้องกันด้วยแล้วไปและเริ่มเล่นและจำไว้ว่าใน Begin Play เรา ต้องเรียก

46
00:03:33,110 --> 00:03:36,560
‫super start play

47
00:03:36,590 --> 00:03:39,260
‫มิฉะนั้นสิ่งต่าง ๆ จะทำงานไม่ถูกต้อง

48
00:03:39,260 --> 00:03:44,450
‫และสุดท้าย ฉันจะย้ายสิ่งนี้ start play ให้อยู่เหนือเกมของเราที่จบลงตามหลักเหตุผล นั่นคือ สิ่งต่าง

49
00:03:44,450 --> 00:03:45,530
‫ๆ ที่จะเกิดขึ้น

50
00:03:46,140 --> 00:03:48,720
‫ต่อไปเราต้องตั้งค่าวิดเจ็ต

51
00:03:48,720 --> 00:03:55,500
‫สำหรับการนั้น มันจะค่อนข้างตรงไปตรงมา เพราะมันจะเป็นขั้นตอนเดียวกับที่เราได้ทำในการตั้งค่ากระจกหน้ารถและกระจกห้องน้ำ

52
00:03:55,500 --> 00:04:00,330
‫ดังนั้นเราจะคัดลอกไปที่ Begin Play และเราจะลองทำดู

53
00:04:00,330 --> 00:04:05,850
‫โดยพื้นฐานแล้ว แทนที่จะใช้คลาสกระจกบังลม เราจะใช้คลาส HUD และแทนที่จะสร้างกระจกบังลมที่นี่

54
00:04:05,850 --> 00:04:11,760
‫สิ่งที่เราจะทำคือสร้าง h you d ดังนั้นฉันจะเรียกมันว่า HD ในกรณีเหล่านี้ทั้งหมด

55
00:04:11,760 --> 00:04:17,520
‫หากคุณไม่ถือเป็นโมฆะ เราจะเพิ่มลงในวิวพอร์ต

56
00:04:17,520 --> 00:04:23,220
‫ไปที่ตัวแก้ไข คอมไพล์ และดูว่าตอนนี้เราสามารถกำหนดค่าสิ่งต่าง ๆ ในตัวควบคุมเครื่องเล่นของเราได้หรือไม่

57
00:04:23,220 --> 00:04:29,340
‫ดังนั้นฉันจะไปเปิดขึ้น เปิดตัวควบคุมผู้เล่นปืน BP เปิดโปรแกรมแก้ไขพิมพ์เขียวฉบับสมบูรณ์ที่นี่

58
00:04:29,340 --> 00:04:36,030
‫และเมื่อคุณคอมไพล์เสร็จแล้ว คุณควรเห็นคลาส HUD ปรากฏขึ้นเป็นตัวแปรที่เราสามารถตั้งค่าไว้ที่ด้านบนสุดได้ใช่ไหม

59
00:04:36,030 --> 00:04:40,440
‫ดังนั้นหากเราคลิกดรอปดาวน์นั้น คุณจะเห็น WP, HUD นั่นคือสิ่งที่เราต้องการเลือก

60
00:04:40,440 --> 00:04:41,970
‫ไปกดเล่นกันได้เลย

61
00:04:42,090 --> 00:04:47,310
‫และแน่นอนว่าตอนนี้เรามีเครื่องหมายกากบาทสีแดงขนาดใหญ่ ซึ่งอาจใหญ่เกินไปที่จะแสดงในหน้าจอของเรา

62
00:04:47,310 --> 00:04:53,880
‫ลองทำเป็นฟอนต์ที่เล็กกว่าหน่อย อาจจะประมาณ 47 หรืออะไรประมาณนั้น

63
00:04:54,390 --> 00:04:55,590
‫ไปและกดเล่นในขณะนี้

64
00:04:55,590 --> 00:04:56,720
‫และนั่นก็เป็นเรื่องใหญ่

65
00:04:57,340 --> 00:04:58,690
‫กากบาทขนาดพอเหมาะ

66
00:04:58,690 --> 00:05:00,250
‫ยังใหญ่นิดหน่อยในความคิดของฉัน

67
00:05:00,250 --> 00:05:02,860
‫ผมจะลดให้เหลือประมาณ 30

68
00:05:03,160 --> 00:05:04,240
‫ลองดูสิ

69
00:05:05,420 --> 00:05:07,510
‫ใช่ นั่นสมเหตุสมผลสำหรับเกมของฉัน

70
00:05:08,980 --> 00:05:14,220
‫แน่นอนเพราะเรากำลังถ่ายผ่านตรงกลางหน้าจอ

71
00:05:14,220 --> 00:05:20,400
‫สิ่งต่อไปที่คุณจะสังเกตได้ก็คือถ้าเราไปทำความเสียหายปืนไรเฟิลของเราอีกครั้ง ดังนั้นฉันจะไปเปิดพิมพ์เขียวฉบับสมบูรณ์ของมัน

72
00:05:20,400 --> 00:05:25,980
‫ตัวแก้ไขตั้งค่าความเสียหายเป็น 50 เพื่อให้ฆ่าเราอย่างรวดเร็วและไปเล่นต่อ

73
00:05:26,430 --> 00:05:32,070
‫นั่นคือเมื่อเราถูกฆ่า เป้าเล็งนั้นยังคงอยู่ ดังนั้นเราจึงต้องการที่จะเอาเป้าออก

74
00:05:32,070 --> 00:05:37,800
‫โชคดีที่การเอาออกนั้นค่อนข้างง่ายเพราะทั้งหมดนี้อยู่ในคลาสคอนโทรลเลอร์ของผู้เล่น

75
00:05:37,800 --> 00:05:39,870
‫และเราก็ได้จบเกมที่นี่แล้ว

76
00:05:39,870 --> 00:05:46,890
‫สิ่งที่เราต้องทำคือลบ HUD นั้นออกจากวิวพอร์ตโดยพื้นฐาน ไม่ว่าเราจะเป็นผู้ชนะหรือไม่ก็ตาม เพราะเรากำลังแทนที่ด้วย

77
00:05:46,890 --> 00:05:49,380
‫UI อื่นที่นี่

78
00:05:49,380 --> 00:05:55,440
‫อย่างไรก็ตาม เราไม่สามารถรับวิดเจ็ต HUD ที่เราสร้างขึ้นได้ เนื่องจากเราสร้างไว้ที่นี่และเริ่มเล่น และเราไม่ได้บันทึกไว้ที่ใด

79
00:05:55,440 --> 00:06:01,710
‫ในไฟล์ส่วนหัว ฉันจะสร้างตัวแปรส่วนตัวใหม่ด้านล่าง ซึ่งจะเป็นวิดเจ็ตผู้ใช้ของคุณ

80
00:06:01,710 --> 00:06:05,040
‫HUD

81
00:06:05,580 --> 00:06:08,130
‫ดังนั้นจึงเป็นตัวแปรส่วนตัวที่เราจะตั้งค่าและเริ่มเล่น

82
00:06:08,130 --> 00:06:12,420
‫ดังนั้นฉันจะลบประเภทออกจากที่นั่นซึ่งจะทำให้แน่ใจว่าเรากำลังตั้งค่าตัวแปรเทียบกับคลาส

83
00:06:12,420 --> 00:06:21,170
‫ซึ่งหมายความว่าเราควรเข้าถึงตัวแปรนั้นในเกมของเราได้สิ้นสุดลงแล้ว

84
00:06:21,220 --> 00:06:29,670
‫ฉันเพิ่งสังเกตเห็นว่าฉันเพิ่ม HUD ที่น่าเสียดายที่เกมไปที่ส่วนหัวของปืนแทนที่จะเป็นส่วนหัวของตัวควบคุมผู้เล่นยิงซึ่งจริงๆแล้วเป็นสิ่งที่ฉันต้องการจะทำ

85
00:06:29,670 --> 00:06:41,550
‫และดูเหมือนลืมทำเป็นทรัพย์สินใหม่ด้วย ซึ่งน่าจะเป็นเพราะว่านี่จะเป็นตัวชี้ที่เราอยากเก็บไว้และเราอยากจะเก็บขยะให้ถูกวิธี

86
00:06:41,550 --> 00:06:47,490
‫ใช่ มันควรจะเป็นทรัพย์สินของคุณ แม้ว่าจะไม่มีตัวระบุในคุณสมบัตินั้นก็ตาม

87
00:06:47,490 --> 00:06:52,980
‫ทีนี้ถ้าเราไปดูเกมจบก่อน if statement ผมอยากลบมันออกจาก

88
00:06:52,980 --> 00:07:01,650
‫viewport จะได้ทำ HUD ได้ ซึ่งตอนนี้เราสามารถเข้าถึง Arrow Remove ออกจากวิวพอร์ตได้ ซึ่งกำลังจะทำ

89
00:07:01,650 --> 00:07:03,630
‫ล่องหน.

90
00:07:03,630 --> 00:07:06,900
‫ไปที่เอ็นจิ้นและคอมไพล์แล้วลองใช้งาน

91
00:07:06,900 --> 00:07:10,230
‫และเมื่อคอมไพล์เสร็จแล้ว มาเล่นกัน ฆ่ากันเอง

92
00:07:11,430 --> 00:07:14,730
‫และแน่นอน เรามี HUD ของเราหายไปที่นั่น

93
00:07:14,730 --> 00:07:19,410
‫เมื่อเราเริ่มระดับใหม่ มันจะปรากฏขึ้นอีกครั้งเพราะว่า Begin Play จะถูกเรียกอีกครั้ง

94
00:07:19,650 --> 00:07:21,210
‫สำหรับการบรรยายครั้งนี้

95
00:07:21,210 --> 00:07:25,950
‫ในการบรรยายครั้งต่อไป เราจะตั้งค่าแถบสุขภาพจริงบน HUD ของเราและเป้าเล็งนั้น

96
00:07:25,950 --> 00:07:31,980
‫แต่คุณจะเห็นว่าเราได้เริ่มจ่ายเงินปันผลสำหรับการจัดการ UI ของเราภายใน play controller

97
00:07:31,980 --> 00:07:41,310
‫เพราะตอนนี้เมื่อเราเพิ่ม UI ที่ตัวควบคุมของผู้เล่นจัดการด้วย มันสามารถรบกวนระหว่าง UI ทั้งสองในคลาสเดียวได้

