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.