WEBVTT 00:00:00.240 --> 00:00:02.370 Như vậy ta đã vẽ rất nhiều cho tới giờ. 00:00:02.370 --> 00:00:03.510 Nhưng ta đã không đề cập tới 00:00:03.510 --> 00:00:05.040 điều đơn giản như việc viết tên mình. 00:00:05.040 --> 00:00:06.660 đó là chủ đề của bài học ngày hôm nay, 00:00:06.660 --> 00:00:09.660 ký tự (text). Vậy tại sao ta muốn dùng ký tự? 00:00:09.660 --> 00:00:11.250 Có lẽ ta muốn hiển thị điểm số trong 00:00:11.250 --> 00:00:13.230 một trò chơi hoặc có nhân vật nào đó nói chuyện hoặc 00:00:13.230 --> 00:00:14.549 chỉ là làm cho tên mình to ra hay bé lại và 00:00:14.549 --> 00:00:16.949 đổi màu. Hãy tiếp tục và thử nói 00:00:16.949 --> 00:00:22.050 "hello" (xin chào). Gõ "text(hello)" và ta sẽ thấy 00:00:22.050 --> 00:00:24.090 thông báo lỗi quái đản này hiện lên, 00:00:24.090 --> 00:00:26.730 nói rằng "hello is not defined" (biến hello không được định nghĩa) 00:00:26.730 --> 00:00:28.920 Điều đó có nghĩa là gì? Vấn đề ở chỗ 00:00:28.920 --> 00:00:30.420 chương trình nghĩ rằng hello là một 00:00:30.420 --> 00:00:32.279 biến và nó có vẻ là dễ hiểu, 00:00:32.279 --> 00:00:34.050 theo cách hiểu của máy tính 00:00:34.050 --> 00:00:35.730 bởi có lẽ "hello" có thể là một biến, làm sao 00:00:35.730 --> 00:00:37.770 nó biết được cơ chứ? Làm sao để ta nói với 00:00:37.770 --> 00:00:39.989 chương trình, thực sự thì nó là một chuỗi ký tự? Điều đó dễ thôi, 00:00:39.989 --> 00:00:41.280 ta chỉ cần nhớ đặt 00:00:41.280 --> 00:00:42.809 cặp dấu ngoặc kép ("") bọc ngoài nó. Nó 00:00:42.809 --> 00:00:45.300 nói rằng: Không, cái này không phải là một biến 00:00:45.300 --> 00:00:47.039 thực tế thì đây là các ký tự. Ta muốn nó hiển thị 00:00:47.039 --> 00:00:49.170 dưới dạng ký tự và bạn có thể nhớ điều này bằng cách 00:00:49.170 --> 00:00:50.640 nghĩ về một cuốn sách, khi tất cả 00:00:50.640 --> 00:00:51.930 nhân vật đề nói chuyện và có dấu "" 00:00:51.930 --> 00:00:53.210 chứa những gì họ đang nói. Và 00:00:53.210 --> 00:00:55.500 tương tự như vậy, khi bạn muốn chương trình 00:00:55.500 --> 00:00:57.180 nói một cái gì đó thì ký tự phải có 00:00:57.180 --> 00:00:59.309 dấu "" bọc ngoài. Và điều này 00:00:59.309 --> 00:01:00.870 thực sự rất quan trọng và dễ 00:01:00.870 --> 00:01:02.430 bị nhầm lẫn. Tôi sẽ 00:01:02.430 --> 00:01:04.319 nhắc lại, bất cứ lúc nào muốn sử dụng 00:01:04.319 --> 00:01:05.820 ký tự trong chương trình, bạn luôn luôn phải 00:01:05.820 --> 00:01:07.080 sử dụng các dấu ngoặc kép ("") bao quanh. 00:01:07.080 --> 00:01:08.580 Nếu không ta sẽ nhận được một cơ số 00:01:08.580 --> 00:01:10.590 thông báo lỗi kỳ lạ và nhớ rằng 00:01:10.590 --> 00:01:12.090 khi thấy những thông báo lỗi dị dị, 00:01:12.090 --> 00:01:13.500 chỉ cần chắc chắn kiểm tra lại 00:01:13.500 --> 00:01:16.080 xem ta có dùng dấu "" không. Ngon rồi! 00:01:16.080 --> 00:01:17.430 Giờ dùng dấu ngoặc kép (""), ta không 00:01:17.430 --> 00:01:19.560 gặp lỗi nữa nhưng vẫn có thể 00:01:19.560 --> 00:01:21.030 nhận thấy rằng chả có gì xảy ra và 00:01:21.030 --> 00:01:23.369 nó vẫn trống không, nhưng thể loại 00:01:23.369 --> 00:01:25.890 quái lạ là nếu ta đặt nền (background) 00:01:25.890 --> 00:01:28.140 cái gì cũng được, đơn giản là màu đỏ thì sẽ thấy 00:01:28.140 --> 00:01:29.820 rằng nó thực sự có ở đó. Chỉ là nó màu trắng thôi. 00:01:29.820 --> 00:01:32.159 Như vậy, vấn đề là nếu nghĩ kỹ, sẽ thấy 00:01:32.159 --> 00:01:34.920 ta đã viết chữ màu trắng 00:01:34.920 --> 00:01:37.049 trên nền trắng và đó là lý do tại sao 00:01:37.049 --> 00:01:39.810 ta không thể nhìn thấy nó. Có vẻ như 00:01:39.810 --> 00:01:41.100 hơi ngớ ngẩn. Tại sao ta viết 00:01:41.100 --> 00:01:43.649 chữ trắng trên nền trắng? Ta 00:01:43.649 --> 00:01:44.939 chỉ có thể thay đổi nó bởi ta đã học 00:01:44.939 --> 00:01:46.229 cách thiết lập màu bên trong hình dạng nào đó và 00:01:46.229 --> 00:01:47.970 giống như ta có thể thiết lập màu bên trong 00:01:47.970 --> 00:01:50.040 hình chữ nhật hay một đường kẻ. Ta có thể thiết lập 00:01:50.040 --> 00:01:52.460 màu chữ thành bất kỳ màu gì như trước đây và 00:01:52.460 --> 00:01:54.299 nó đây rồi. 00:01:54.299 --> 00:01:55.530 Nó hiện lên mà không cần 00:01:55.530 --> 00:01:57.840 màu nền. Hãy xem thêm một chút 00:01:57.840 --> 00:01:59.100 về cách vận hành của chữ ở đây. 00:01:59.100 --> 00:02:02.280 Phần đầu tiên đã đủ rõ ràng rồi, 00:02:02.280 --> 00:02:04.829 đó chỉ là bất cứ chữ nào ta muốn viết. 00:02:04.829 --> 00:02:07.020 Phần tiếp theo nếu ta thay đổi nó, ta có thể thấy 00:02:07.020 --> 00:02:08.550 về cơ bản là nó cách bao xa. 00:02:08.550 --> 00:02:11.430 Và chữ tiếp theo cách bao xa 00:02:11.430 --> 00:02:13.050 trên và dưới. Giờ nó trông rất quen thuộc 00:02:13.050 --> 00:02:13.890 như khi ta 00:02:13.890 --> 00:02:16.530 chỉ vẽ hình chữ nhật. Có điều 00:02:16.530 --> 00:02:17.460 khá mẹo mực 00:02:17.460 --> 00:02:19.470 là chữ chỉ có hai tọa độ, để 00:02:19.470 --> 00:02:22.890 chỉ định phần dưới bên trái, tức là 00:02:22.890 --> 00:02:25.380 góc này của chữ trong khi với hình chữ nhật 00:02:25.380 --> 00:02:28.440 nó là góc trên bên trái, góc này. Và 00:02:28.440 --> 00:02:30.030 có vẻ như nó chỉ được thiết kế để 00:02:30.030 --> 00:02:31.410 làm rối bạn nhưng đó là điều ta 00:02:31.410 --> 00:02:33.570 phải nhớ và ta thậm chí có thể 00:02:33.570 --> 00:02:35.400 thử nghiệm và tự mình xem xét, bằng cách 00:02:35.400 --> 00:02:38.640 ta có thể thiết lập cái này, gọi là "height" và ta có thể 00:02:38.640 --> 00:02:40.200 thấy rằng yeah nó đã thiết lập, 00:02:40.200 --> 00:02:43.850 height thành tọa độ ở góc dưới bên trái này. 00:02:43.850 --> 00:02:46.980 Hoặc ta có thể đặt nó về 0 và bạn 00:02:46.980 --> 00:02:50.070 nghĩ xem ta nên mong đợi gì? Và ta 00:02:50.070 --> 00:02:51.720 không nhìn thấy nó nhưng nếu ta từ từ 00:02:51.720 --> 00:02:53.910 tăng nó lên, ta có thể thấy rằng 00:02:53.910 --> 00:02:55.560 vâng, nó giống như lồi ra ở đó. 00:02:55.560 --> 00:02:57.780 Bởi, thêm một lần nữa, điểm góc dưới bên trái 00:02:57.780 --> 00:03:00.030 là góc ta chỉ định, không phải 00:03:00.030 --> 00:03:03.269 phía trên bên trái. Ôn rồi, 00:03:03.269 --> 00:03:05.580 ta đã phân tích đủ về chữ này. Hãy tiến lên 00:03:05.580 --> 00:03:07.530 và làm nó tốt hơn. Chẳng hạn 00:03:07.530 --> 00:03:09.570 bắt đầu khiến cho nó to hơn. Ta có thể làm điều đó 00:03:09.570 --> 00:03:11.850 với "textSize" chỉ cần nói cho 00:03:11.850 --> 00:03:14.220 chương trình lớn biết nó cần vẽ chữ lớn cỡ nào và ta 00:03:14.220 --> 00:03:16.110 có thể đặt nó là 30, khá lớn, ta 00:03:16.110 --> 00:03:18.150 thậm chí có thể làm cho nó lớn hơn nữa hoặc ta có thể làm 00:03:18.150 --> 00:03:19.920 nó thực sự rất nhỏ. 00:03:19.920 --> 00:03:23.010 Bất cứ điều gì ta muốn. Hãy tiếp tục và 00:03:23.010 --> 00:03:24.269 vẽ tên của bạn và có thể 00:03:24.269 --> 00:03:26.340 thông điệp ngắn về bản thân bên dưới. Vì 00:03:26.340 --> 00:03:27.450 không biết tên bạn nên tôi sẽ 00:03:27.450 --> 00:03:29.280 vẽ tên tôi. Bạn có thể chuyển nó thành tên của mình 00:03:29.280 --> 00:03:31.620 trong một nốt nhạc. Dùng những gì ta vừa 00:03:31.620 --> 00:03:35.070 học được, có thể viết text("Sophia") và 00:03:35.070 --> 00:03:36.989 có tên tôi. Sau đó có thể muốn đặt một 00:03:36.989 --> 00:03:38.970 thông điệp nhỏ bên dưới như: "I like 00:03:38.970 --> 00:03:44.670 puppies and guitars and coding" (tôi thích cún con, ghi ta và code). Như vậy 00:03:44.670 --> 00:03:46.380 nó thật tuyệt vời, ngoại trừ việc ta rõ ràng cần phải thay đổi 00:03:46.380 --> 00:03:47.459 vị trí sao cho chúng không trùng nhau. 00:03:47.459 --> 00:03:50.010 Ồ, không, không, đó là một 00:03:50.010 --> 00:03:52.560 chuỗi ký tự dài, nên hãy đổi nó thành 00:03:52.560 --> 00:03:57.450 chữ có kích thước nhỏ hơn. Và đi thôi, 00:03:57.450 --> 00:03:59.940 điều đó khá tốt trừ việc, tôi không biết nữa, 00:03:59.940 --> 00:04:01.380 có vẻ nó tẻ nhạt khi cả hai đều có 00:04:01.380 --> 00:04:03.780 màu xanh. Hãy thay đổi "fill" và 00:04:03.780 --> 00:04:06.660 hãy làm cho nó đẹp hơn. Hmmm tôi cũng không biết nữa, 00:04:06.660 --> 00:04:11.459 có thể màu gì đó đẹp, như là màu tím. 00:04:11.459 --> 00:04:13.200 Ổn rồi, đó là tất cả những gì 00:04:13.200 --> 00:04:14.730 vẽ chữ và thay đổi màu sắc và 00:04:14.730 --> 00:00:00.000 kích thước.