Return to Video

Terrific Text Part 2

  • 0:01 - 0:03
    Như vậy giờ ta sẽ học cách sử dụng ký tự,
  • 0:03 - 0:05
    hãy làm mọi thứ trở nên thú vị hơn một chút.
  • 0:05 - 0:06
    Điều thú vị đầu tiên là giờ ta sẽ
  • 0:06 - 0:08
    bắt đầu sử dụng từ "string" (chuỗi, sợi). Bạn có thể
  • 0:08 - 0:10
    nghĩ rằng: String ư? Đó là thứ con mèo hay nghịch ngợm chăng?"
  • 0:10 - 0:12
    Đối với lập trình viên, "string" lại là một
  • 0:12 - 0:15
    cái tên đặc biệt mà ta sử dụng cho các bit ký tự. Bạn
  • 0:15 - 0:16
    có thể nghĩ về nó giống như một chuỗi
  • 0:16 - 0:17
    ký tự cũng được. Tên của bạn là một
  • 0:17 - 0:19
    "string", tên trường bạn là một "string"
  • 0:19 - 0:21
    và tất cả những tin nhắn văn bản bạn từng gửi
  • 0:21 - 0:23
    cũng là một "string". Về căn bản
  • 0:23 - 0:27
    chỉ cần hiểu string là những ký tự. Ta đã vẽ
  • 0:27 - 0:29
    tô màu với các "string" rồi. Ta có thể sử dụng
  • 0:29 - 0:32
    biến đối với "string" không? Tất nhiên rồi
  • 0:32 - 0:33
    Cũng chỉ như việc gán một số
  • 0:33 - 0:34
    cho một biến, ta có thể gán một
  • 0:34 - 0:36
    "string" cho một biến. Ta chỉ cần viết
  • 0:36 - 0:39
    kiểu như: "var myName =
  • 0:39 - 0:40
    (bất cứ cái tên nào của bạn)"
  • 0:40 - 0:42
    như là "Sophia". Nhớ thêm những dấu nháy kép ("") và
  • 0:42 - 0:45
    rồi ta đặt biến "myName"
  • 0:45 - 0:46
    vào chỗ của đoạn ký tự thay vì viết
  • 0:46 - 0:48
    "Sophia" trực tiếp như cách ta đã làm
  • 0:48 - 0:50
    trước đây. Và 2 cách này dù trông giống nhau
  • 0:50 - 0:53
    nhưng thực tế ta lại có thể viết nó
  • 0:53 - 0:54
    nhiều lần, bạn biết đấy, 1 lần ở đó,
  • 0:54 - 0:56
    thêm 1 lần nữa, bạn biết đấy, có thể
  • 0:56 - 0:58
    nó trông khá "nghệ thuật". Và rồi tất cả những gì ta phải làm
  • 0:58 - 1:00
    là thay đổi một biến này thành
  • 1:00 - 1:02
    tên của bạn và sau đó tên của bạn
  • 1:02 - 1:05
    được viết ba lần. Như vậy, chỉ cần lật lại
  • 1:05 - 1:08
    nếu ta muốn thứ gì điên rồ
  • 1:08 - 1:08
    một chút, thì sao?
  • 1:08 - 1:10
    Ta có thể cộng các chuỗi với nhau không nhỉ?
  • 1:10 - 1:11
    Bạn còn nhớ khi ta cộng
  • 1:11 - 1:14
    các biến với nhau không? Ta thực sự
  • 1:14 - 1:15
    có thể làm điều đó. máy tính sẽ chỉ cần
  • 1:15 - 1:18
    đặt hai chuỗi lại với nhau.
  • 1:18 - 1:19
    Ví dụ, bạn biết đấy, ta có thể bỏ cái này,
  • 1:19 - 1:21
    chỉ dùng một lần và sau đó ta
  • 1:21 - 1:23
    dùng biến thông điệp (message) khác
  • 1:23 - 1:26
    là tên của tôi cộng với nói một dãy các
  • 1:26 - 1:29
    dấu chấm than. Và nếu ta đặt
  • 1:29 - 1:30
    thông điệp vào chuỗi ký tự để tạo biến này
  • 1:30 - 1:33
    thay vì tên của tôi, ta có thể thấy rằng tất cả những gì
  • 1:33 - 1:34
    nó làm chỉ là đặt những
  • 1:34 - 1:36
    dấu chấm than ngay sau tên tôi.
  • 1:36 - 1:39
    Và ta thậm chí có thể làm nó
  • 1:39 - 1:40
    thú vị hơn một chút nếu như
  • 1:40 - 1:43
    muốn viết thông điệp hai lần.
  • 1:43 - 1:45
    Điều này có vẻ khá hợp lý, bạn biết rằng
  • 1:45 - 1:47
    thêm chuỗi có nghĩa là đặt
  • 1:47 - 1:48
    ngay sau một chuỗi khác.
  • 1:48 - 1:51
    Nhưng bạn có thể nghĩ rằng ta có thể
  • 1:51 - 1:52
    trở nên thực sự điên rồ không? Và bắt đầu nhân,
  • 1:52 - 1:55
    chia hoặc trừ các chuỗi? Ta
  • 1:55 - 1:56
    cũng có thể làm như vậy không?
  • 1:56 - 1:58
    Không, ta không thể. Với chuỗi ta chỉ có thể
  • 1:58 - 2:00
    cộng chúng lại mà thôi. Bạn đúng rồi đấy, ta có thể
  • 2:00 - 2:01
    chia và trừ các biến có giá trị số
  • 2:01 - 2:03
    nhưng biến có giá trị chuỗi
  • 2:03 - 2:06
    chỉ cho phép ta cộng. Nhưng hãy tiếp tục tò mò
  • 2:06 - 2:08
    và hỏi những loại câu như vậy. Đó là
  • 2:08 - 2:10
    thái độ đúng trong lập trình, bạn
  • 2:10 - 2:11
    có thể nghĩ xem việc chia một chuỗi
  • 2:11 - 2:13
    có ý nghĩa gì?
  • 2:13 - 2:15
    Như vậy ta cũng có thể dùng ảnh động và
  • 2:15 - 2:18
    tương tác với con trỏ kết hợp cùng chuỗi ký tự.
  • 2:18 - 2:20
    Ví dụ, ta có thể tạo chuỗi ký tự bằng
  • 2:20 - 2:21
    con trỏ. Chỉ bằng cách gắn nó vào
  • 2:21 - 2:23
    một vòng lặp draw như ta đã làm với hình chữ nhật.
  • 2:23 - 2:25
    Nếu bạn băn khoăn làm nó như thế nào,
  • 2:25 - 2:28
    ta sẽ chỉ cần "var draw" và rồi gắn chúng lại
  • 2:28 - 2:30
    chính ở đây.
  • 2:30 - 2:32
    Điều này có lẽ trông rất quen thuộc,
  • 2:32 - 2:34
    từ phần "intro to animation" (Mở đầu về ảnh động) và bạn có thể nghĩ
  • 2:34 - 2:36
    ổn thôi, để tạo chữ bằng trỏ
  • 2:36 - 2:37
    ta chắc chắn cần sử dụng mouseX và mouseY
  • 2:37 - 2:40
    và ta có nó ở đó,
  • 2:40 - 2:42
    ta thực sự vẽ tên của chính mình.
  • 2:42 - 2:44
    Và tất nhiên nếu muốn ta có thể
  • 2:44 - 2:48
    dễ dàng đặt hình nền, bạn biết đấy,
  • 2:48 - 2:52
    màu xanh nhạt xinh đẹp. Và giờ ta có
  • 2:52 - 2:54
    chữ theo sau
  • 2:54 - 2:55
    con trỏ giống như những gì
  • 2:55 - 2:58
    ta thấy với hình chữ nhật. Và bây giờ là
  • 2:58 - 3:01
    mẹo vặt cuối cùng, hãy dùng ảnh động,
  • 3:01 - 3:03
    khiến kích cỡ chữ tăng, tăng thêm và tăng thêm nữa.
  • 3:03 - 3:05
    Ở đây ta đang đặt kích thước văn bản là 30,
  • 3:05 - 3:07
    như cách ta đã học trong bài về biến, thay vì
  • 3:07 - 3:10
    dùng 30, ta cũng có thể viết "var howBig
  • 3:10 - 3:12
    = 30" và dùng biến này
  • 3:12 - 3:15
    thay vì dùng trực tiếp 30. Như vậy
  • 3:15 - 3:17
    đó chính xác là điều tương tự và ta
  • 3:17 - 3:19
    hiển nhiên cần thay đổi thứ gì đó
  • 3:19 - 3:22
    để tạo ra ảnh động. Ta có thể làm điều đó
  • 3:22 - 3:25
    bằng cách viết howBig = howBig + 1
  • 3:25 - 3:27
    nghĩa là nếu bạn còn nhớ,
  • 3:27 - 3:30
    howBig nhận giá trị, bạn biết trước đó nó có giá trị như thế nào,
  • 3:30 - 3:32
    +1 để làm cho nó lớn hơn một chút,
  • 3:32 - 3:34
    và giờ ta chỉ cần chạy lại
  • 3:34 - 3:37
    chương trình. Và ở đây ta có
  • 3:37 - 3:38
    khi di chuyển con trỏ kích thước chữ
  • 3:38 - 3:40
    tăng lên, tăng lên và tăng lên và
  • 3:40 - 3:42
    tăng mãi lên vì dòng này ngay tại đây.
  • 3:42 - 3:45
    Và bạn biết đấy, bạn có thể tự nghĩ xem,
  • 3:45 - 3:47
    ok, làm sao để khiến cho nó to nhanh hơn nữa?
  • 3:47 - 3:50
    Bây giờ bạn không chỉ bạn biết cách
  • 3:50 - 3:52
    điều khiển hình vẽ bằng code mà còn có thể
  • 3:52 - 0:00
    dùng các ký tự bằng code nữa.
Title:
Terrific Text Part 2
Description:

more » « less
Video Language:
English
Duration:
03:57

Vietnamese subtitles

Revisions Compare revisions