--------------- <> -----------------
--- KHOA HỌC - CÔNG NGHỆ - GIÁO DỤC - VIỆC LÀM ---
--- Học để đi cùng bà con trên thế giới ---

Tìm kiếm trong Blog

Lập trình Scratch (20) - Bút vẽ

Bài trước: Lập trình Scratch (19) - Nhạc
-----

20. Bút vẽ

Trong Scratch để có thể dùng bút vẽ, bạn cần thêm chức năng mở rộng, có tên là Pen.

Bạn hãy thêm chức năng Pen cho Scratch để sử dụng: bấm vào nút Add Extension (ở khung bên trái, phía dưới cùng) > chọn Pen.

Vậy là bạn đã có các khối lệnh để lập trình với bút vẽ.


Dùng nhân vật là câu bút chì

Bạn xóa nhân vật chú mèo, và thay bằng nhân vật Cây bút chì (pencil).

Bạn hãy lập trình đoạn mã sau:

Câu lệnh

Giải thích

When [green flag] clicked

Khi bấm lá cờ màu xanh

erase all

Xóa toàn bộ nét vẽ cũ trên màn hình

set pen color to [red]

Chọn màu cho nét vẽ là màu đỏ

set pen size to (3)

Đặt độ dày của nét vẽ là 3 đơn vị

pen down

Đặt bút xuống màn hình để chuẩn bị vẽ

move (100) steps

Di chuyển thẳng 100 bước để vẽ một đoạn thẳng


Chạy và xem kết quả:

Bạn sẽ thấy cây bút chì có vẽ một đoạn thẳng, màu đỏ. Tuy nhiên, nét vẽ lại không được vẽ từ đầu bút, mà được vẽ từ thân cây bút. Có vẻ không hợp lý. Vậy, chúng ta sẽ sửa lại để nét vẽ được xuất phát từ đầu cây bút.

Cách làm:

- Chọn nhân vật Cây bút chì

- Chọn tab Costume để chỉnh sửa Cây bút chì

- Bấm Ctrl + A để chọn toàn bộ Cây bút chì

- Đặt đầu cây bút chì vào dấu hồng tâm (dấu tròn chữ thập)

Chạy lại chương trình để xem kết quả. Bạn sẽ thấy nét vẽ được xuất phát từ đầu của cây bút chì là được.

Chọn màu cho bút vẽ

Quay trở lại đoạn mã lập trình cho Cây bút chì ở trên, bạn hãy bấm vào màu sắc trong đoạn mã 

set pen color to [red], để tìm hiểu về màu sắc.

Trong Scratch, màu sắc được thiết lập theo hệ màu HSB, một màu được định nghĩa bằng 3 chỉ số sau:

- Color: màu sắc, mỗi màu ứng với 1 số, từ 0 tới 100

- Saturation: độ đậm đặc của màu, cứ tưởng tượng bạn đổ nước trắng vào màu, giá trị 100 là màu nguyên chất, giá trị càng nhỏ là đổ càng nhiều nước trắng vào, làm màu bị loãng đi. Nếu giá trị là 0 là đổ rất nhiều nước trắng vào, làm màu gần như là màu trắng. Saturation chính là hàm lượng "màu nguyên chất" có trong bức ảnh. Càng giảm Saturation thì màu càng bị "pha loãng". 

- Brightness: độ sáng, cứ tưởng tượng giống việc dùng bóng đèn để chiếu ánh sáng vào màu, giá trị 0 là tắt đèn, giá trị càng lớn là vặt nút để tăng ánh sáng cho bóng đèn. Nếu để độ sáng giá trị 0, bạn sẽ có màu đen (tắt đèn, tối đen).

Bài tập 20a. Bạn hãy lập trình để vẽ 3 màu (green, blue, red) liên tục như hình sau:


Gợi ý:

- Sử dụng lệnh set pen size to (6) để tăng độ dày của nét vẽ

- Tạo ra 3 biến để lưu giá trị của 3 màu: Vào mục Variables > chọn Make a Variable > đặt tên biến là là red. Làm tương tự để tạo ra tên biến là green, và blue.

- Dùng 3 khối lệnh sau, để thiết lập giá trị màu cho 3 biến:

set [blue] to (255)

set [green] to (255 * 256)\

set [red] to (255 * (256 * 256))

- Thực hiện vẽ 3 màu

when green flag clicked

set [blue] to (255)

set [green] to (255 * 256)

set [red] to (255 * (256 * 256))

erase all

set pen color to (blue)

pen down

move (50) steps

set pen color to (green)

move (50) steps

set pen color to (red)

move (50) steps

- Chạy chương trình xem đã vẽ được 3 màu chưa?

Bài tập 20a. Bạn hãy giải thích các lệnh bằng tiếng Việt (viết kết quả vào vở, hoặc Microsoft Word, hoặc Google Docs).

Lệnh

Giải thích lệnh bằng tiếng Việt

when green flag clicked

Khi bấm vào lá cờ màu xanh

set [blue] to (255)


set [green] to (255 * 256)


set [red] to (255 * (256 * 256))


erase all


set pen color to (blue)


pen down


move (50) steps


set pen color to (green)


move (50) steps


set pen color to (red)


move (50) steps



Bài tập 20b. Lập trình để vẽ hình sau.






-----
Bài sau: