Trong video này, ta sẽ lập trình nâng cao hơn với lệnh "text".
Đầu tiên, chúng ta sẽ bắt đầu
học cách sử dụng "string" (chuỗi ký tự).
Vậy "string" hay chuỗi ký tự là gì?
Trong lập trình, đây là một tên gọi đặc biệt
sử dụng cho một kiểu dữ liệu.
Bạn hãy hiểu "string" là một chuỗi các ký tự.
Tên bạn là một "string", tên trường học là một "string"
và mỗi tin nhắn mà bạn từng gửi cũng là một "string".
Về cơ bản, có thể coi "string" bằng với "text" (nghĩa là văn bản).
Chúng ta đã học cách viết và đổi màu các "string".
Vậy ta hoàn toàn có thể dùng biến với các "string".
Tương tự như cách gán một giá trị cho một biến,
ta cũng có thể gán một "string" cho một biến.
Chúng ta có thể nhập như sau:
"var myName =", rồi nhập tên bạn, "Sophia" chẳng hạn.
Đừng quên đặt giữa dấu ngoặc kép.
Sau đó, chúng ta đặt biến "myName"
giữa dấu ngoặc kép thay vì "Sophia"
như ta đã làm trước kia.
Tuy kết quả trả về không thay đổi
nhưng ta có thể nhập vô số lệnh "text" tương tự
và thay đổi giá trị các tham số
để trình bày văn bản một cách nghệ thuật.
Tiếp theo, bạn chỉ cần đặt biến "myName"
thành "Your Name", nghĩa là tên của bạn
là bạn đã có tên bạn được viết lại 3 lần.
Bây giờ, ta đổi lại thành "Sophia" để tiếp tục bài học.
Liệu ta có thể gán các "string" phụ thuộc vào nhau
như cách gán biến này phụ thuộc vào biến khác hay không?
Chúng ta có thể thực hiện được
và chương trình sẽ liên kết hai "string" với nhau.
Ví dụ, chúng ta có thể xóa bớt hai lệnh "text",
chỉ sử dụng một lệnh "text và thêm một biến "message"
gán với biến "myName" cộng thêm ba dấu chấm than.
Sau đó, nếu chúng ta thế "message" vào lệnh "text"
thay vì "myName", ta có thể thấy rằng
3 dấu chấm than đã được thêm vào sau
biến "myName" là "Sophia", như cú pháp của biến "message".
Chúng ta còn có thể thực hiện thêm thao tác
chẳng hạn như viết biến "message" hai lần.
Như vậy, việc gán các "string" phụ thuộc vào nhau
nghĩa là ta gán một "string" vào sau một "string" khác.
Liệu ta có thể thực hiện thao tác nâng cao hơn không?
Chẳng hạn như thực hiện nhân, chia hoặc trừ các "string"?
Trên thực tế, ta không thể thực hiện các thao tác này.
Ta chỉ có thể thêm "string" này vào "string" khác.
Ta có thể chia hoặc trừ với các biến có giá trị là số,
nhưng với biến "string" thì ta chỉ được thêm "string".
Tuy nhiên, việc tò mò và đặt những câu hỏi như vậy
là thái độ học tập đúng đắn với lập trình.
Bạn hoàn toàn có thể tự đặt câu hỏi như vậy.
Ta cũng có thể tạo hiệu ứng hoạt hình và tương tác chuột với các "string".
Ví dụ, ta có thể làm cho "string" đổi vị trí theo con trỏ chuột
bằng cách gán "string" với hàm "draw" như khi làm với hình chữ nhật.
Ta nhập như sau: "var draw = function()"
và đưa tất cả vào hàm "draw".
Tương tự như khi học về hiệu ứng hoạt hình, phải không?
Bây giờ, để khiến văn bản di chuyển theo vị trí di con trỏ chuột,
chúng ta cần dùng đến biến "mouseX" và "mouseY".
Và kết quả trả về là vô số chữ "Sophia!!!" được hiển thị liên tục.
Đương nhiên nếu muốn, chúng ta có thể thêm lệnh "background"
để đổi màu nền thành xanh lam nhạt.
Và bây giờ, ta đã thành công làm cho chữ di chuyển theo vị trí di con trỏ chuột,
tương tự như với hình chữ nhật.
Tiếp theo, chúng ta sẽ cùng tạo hiệu ứng hoạt hình
để làm cho kích thước văn bản to dần.
Đầu tiên, áp dụng kiến thức đã học về biến, thay vì sử dụng "textSize(30)"
ta có thể nhập biến như sau: "var howBig = 30;"
và thay biến này vào "textSize" thay vì trực tiếp dùng số 30.
Kết quả trả về vẫn như trước.
Vì vậy, ta cần thêm hoặc thay đổi chương trình
để tạo được hiệu ứng hoạt hình.
Ta có thể nhập thêm "howBig = howBig + 1"
để cộng thêm một vào giá trị khởi tạo ban đầu
của biến "howBig" để làm cho nó lớn hơn.
Bây giờ, chúng ta chỉ cần chạy lại cho chương trình
và kết quả trả về là khi ta di con trỏ chuột,
kích thước văn bản cũng to dần
nhờ vào dòng "howBig = howBig + 1" này.
Tại sao bạn không thử tự nghĩ
cách để làm cho kích thước văn bản to nhanh hơn?
Như vậy, không chỉ học được cách lập trình với các hình vẽ
mà qua video này, bạn đã nắm được cách lập trình với văn bản.