Các dự án giúp người học nhanh chóng tiếp cận với ngôn ngữ lập trình, tự tay sáng tạo các dự án theo ngôn ngữ lập trình của Scratch. Tạo ra các ứng dụng trò chơi, ứng dụng học tập, ứng dụng nghiên cứu khoa học, làm thiệp sinh nhật, phim hoạt hình, ... .Chúc các bạn thành công sau khi xem các dự án này!
HƯỚNG DẪN TẠO MỘT SỐ DỰ ÁN SCRATCH THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 1: LẬP TRÌNH TAO PHÁO HOA CHUẨN BỊ NHÂN VẬT (SPRITE) Để bắt đầu, bạn click vào link Firework No Code, chọn See Inside –> Remix project để lấy nhân vật pháo bắt đầu lập trình nhé! Các bạn cần phải có tài khoản Scratch để sử dụng tính Remix Xem thêm cách tạo tài khoản Scratch PHÂN TÍCH CHUYỂN ĐỘNG CỦA PHÁO HOA Trước bắt tay vào phần lập trình, phân tích chuyển động pháo hoa Việc phân tích giúp bóc tách chuyển động pháo hoa thành nhiều bước đưa phương án lập trình dễ 2|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Bài viết hướng dẫn cách lập trình hiệu ứng Pháo hoa Scratch cách sử dụng Clone PROJECT MẪU CHUẨN BỊ NHÂN VẬT (SPRITE) Để bắt đầu, bạn click vào link Firework No Code, chọn See Inside –> Remix project để lấy nhân vật pháo bắt đầu lập trình nhé! Các bạn cần phải có tài khoản Scratch để sử dụng tính Remix Xem thêm cách tạo tài khoản Scratch PHÂN TÍCH CHUYỂN ĐỘNG CỦA PHÁO HOA Trước bắt tay vào phần lập trình, phân tích chuyển động pháo hoa Việc phân tích giúp bóc tách chuyển động pháo hoa thành nhiều bước đưa phương án lập trình dễ Dựa vào hình ảnh pháo hoa clip trên, ta tách chuyển động pháo hoa thành bước sau: Pháo hoa bắt đầu xuất phát từ mặt đất Pháo bay từ từ lên trời đến vị trí bầu trời Có tiếng pháo nổ Pháo nổ từ từ, to dần lên Ánh sáng phát từ pháo vừa nổ dần biến GỢI Ý LẬP TRÌNH Dựa vào chuyển động phân tích câu lệnh gợi ý bên dưới, viết đoạn mã lập trình cho pháo! • Câu lệnh Go to x:…, y:… giúp đặt vị trí ban đầu cho pháo • Câu lệnh Glide … secs to x:… y:… giúp pháo chuyển động từ từ • Câu lệnh Start sound … giúp chơi âm • Câu lệnh Switch Costume to … cho phép chuyển hình dạng pháo thành hình dạng khác • Câu lệnh Set size …% để đặt kích cỡ cho pháo 3|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI • Câu lệnh Change size by … Cho phép thay đổi kích cỡ pháo -> dùng câu lệnh liên tục, tạo hiệu ứng pháo to dần lên CHƯƠNG TRÌNH LẬP TRÌNH CHO MỘT QUẢ PHÁO HOA Lưu ý: • Độ rộng hình Scratch theo chiều ngang (x) -240 đến 240 Độ rộng theo chiều dọc (y) -180 đến 180 Các bạn di chuột lên hình, xem toạ độ trỏ chuột nơi bạn trỏ đến để ước chừng khoảng vị trí mà pháo hoa se xuất phát nổ Toạ độ ảnh mang tính chất tham khảo • Để tạo hiệu ứng to dần lên, trước hết ta phải đặt kích thước ban đầu cho nhân vật Sau sử dụng vịng lặp kết hợp với câu lệnh Chage size để tạo hiệu ứng to dần lên Nếu khơng có câu lệnh Set size ban đầu nhân vật to dần lên từ kích thước tại, dẫn đến tượng to so với mong muốn TẠO NHIỀU QUÁ PHÁO HOA? Nếu muốn tạo trình diễn pháo hoa, phải có nhiều pháo hoa Vậy phải làm nào? 4|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Cách thứ nhất, duplicate nhân vật pháo hoa Khi có 20-50 nhân vật (sprite) pháo hoa lúc để tạo thành trình diễn pháo hoa Tuy nhien, cách khiến cho có nhiều nhân vật Nhiều nhân vật dẫn đến khó kiểm sốt xảy lỗi khó để thay đổi code LẬP TRÌNH TẠO NHIỀU PHÁO HOA SỬ DỤNG CLONE Với cách sử dụng Clone, cần sửa đoạn lập trình cho nhân vật pháo hoa chút: Bản (sprite pháo) không di chuyển phần lập trình Bản có nhiệm vụ sinh Vì khơng di chuyển nên bị ẩn khỏi sân khấu Chuyển tồn phần lập trình di chuyển pháo sang event When I start as a clone để biến thành phần di chuyển cho Thêm câu lệnh delete this clone để xoá clone sau pháo nổ GỢI Ý PHÁT TRIỂN THÊM 5|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI • Tương tự phần sử dụng Clone để tạo nhiều pháo hoa, bạn làm tương tự để tạo nhiều ngơi bầu trời • Để biến pháo hoa trở nên mượt mà hơn, bạn sử dụng hiệu ứng ghost, cho pháo mờ dần sau xố clone 6|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 02: HIỆU ỨNG GÕ CHỮ TRONG SCRATCH HIỆU ỨNG MẪU 7|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI HƯỚNG DẪN THỰC HIỆN TẠO FUNCTION “GÕ CHỮ” • Funcion “Gõ chữ” với parameter đưa vào string câu nói mà ta muốn có hiệu ứng xuất ĐỊNH NGHĨA CHO FUNCTION “GÕ CHỮ” • BẢN CHẤT CỦA HIỆU ỨNG NÀY CHÍNH LÀ TA SẼ CHO TỪNG CHỮ CÁI HIỂN THỊ LÊN MÀN HÌNH • CHÚNG TA SẼ TẠO BIẾN: o o position: Lưu số thứ tự ký tự câu (VÍ DỤ: TRONG CÂU “HELLO SCRATCHER” THÌ CHỮ O CĨ THỨ TỰ LÀ 5) sentence: Lưu câu cần hiển thị lên hình • Với biến này, tạo vịng lặp, số lần lặp tổng số kí tự có STRING (REPEAT LENGTH OF string TIMES) • Mỗi vịng lặp, chữ vị trí position tương ứng thêm vào sentence, hiển thị sentence lên hình, đợi khoảng thời gian tiếp tục vòng lặp để thêm chữ vị trí thứ tự + Ví Dụ Giải Thích: Với Chữ “Hello” Ta Sẽ Có Lần Lặp • LẦN LẶP THỨ 1: position = 1; join: sentence = ” ” + CHỮ CÁI Ở VỊ TRÍ THỨ CỦA CHỮ “ HELLO” LÀ “H” -> HIỂN THỊ CHỮ “H” • LẦN LẶP THỨ 2: position = 2; join: sentence = “H” + CHỮ CÁI Ở VỊ TRÍ THỨ CỦA CHỮ “ HELLO” LÀ “E” -> HIỂN THỊ CHỮ “HE” • LẦN LẶP THỨ 3: position = 3; join: sentence = “HE” + CHỮ CÁI Ở VỊ TRÍ THỨ CỦA CHỮ “ HELLO” LÀ “L” -> HIỂN THỊ CHỮ “HEL” 8|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI • LẦN LẶP THỨ 4: position = 4; join: sentence = “HEL” + CHỮ CÁI Ở VỊ TRÍ THỨ CỦA CHỮ “ HELLO” LÀ “L” -> HIỂN THỊ CHỮ “HELL” • LẦN LẶP THỨ 5: position = 5; join: sentence = “HELL” + CHỮ CÁI Ở VỊ TRÍ THỨ CỦA CHỮ “ HELLO” LÀ “O” -> HIỂN THỊ CHỮ “HELLO” NÂNG CẤP CHO FUNCTION “GÕ CHỮ” • Thêm âm gõ bàn phím chữ hiển thị • Thêm hiệu ứng màu sắc cho chữ 9|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 03: HƯỚNG DẪN LÀM GAME PING PONG MƠ TẢ TRỊ CHƠI • Người chơi dùng chuột để điều khiển ngang đỡ bóng di chuyển • Nhiệm vụ người chơi dùng đỡ bóng hứng bóng, khơng cho bóng đập xuống đất • Quả bóng đập vào đỡ bóng bật ngược lại Người chơi tiếp tục đỡ bóng rơi xuống Nếu bóng đập xuống đất trị chơi kết thúc 10 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI LƯU Ý: KHÔNG SỬ DỤNG CẢ GIÁ TRỊ MOUSE X VÀ MOUSE Y ĐỂ ĐẶT CHO GIÁ TRỊ X VÀ Y CỦA THANH ĐỠ BÓNG NẾU LÀM NHƯ VẬY, THANH ĐỠ BÓNG SẼ DÍNH CHẶT VÀO CON TRỎ CHUỘT VÀ DI CHUYỂN TRONG TỒN BỘ MÀN HÌNH CHỨ KHƠNG PHẢI CHỈ KHU VỰC PHÍA DƯỚI MÀN HÌNH LẬP TRÌNH CHUYỂN ĐỘNG CHO QUẢ BĨNG • Khi ấn cờ, đặt vị trí xuất phát bóng (có thể phía hình chơi) Cần phải làm bước để đảm bảo bóng khơng chạm đất người chơi bắt đầu • Chọn góc cho bóng rơi xuống GỢI Ý: CĨ THỂ CHỌN NGẪU NHIÊN TRONG KHOẢNG TỪ 135 ĐẾN 225 ĐỘ KHI ĐÓ BÓNG SẼ BẮN RA VỚI KHOẢNG GÓC NHƯ TRONG HÌNH BÊN DƯỚI NGỒI RA, CÁC BẠN CŨNG CĨ THỂ SỬ DỤNG CƠNG CỤ CHỈ GĨC CỦA SCRATCH ĐỂ CHỌN GÓC BẤT KỲ 12 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Tạo vòng lặp cho trình rơi (cho bóng di chuyển 10 bước, gặp biên bật lại) • Câu lệnh gợi ý lập trình cho bóng di chuyển XỬ LÝ TÍNH HUỐNG BĨNG ĐẬP VÀO THANH ĐỠ BĨNG (LẬP TRÌNH CHO QUẢ BĨNG) • Nếu bóng chạm vào đỡ bóng , cho bóng bật ngược lại cách thay đổi góc chuyển động bóng (Point in direction…) • GỢI Ý: GÓC BẬT LẠI CÓ THỂ RƠI VÀO KHOẢNG TỪ -30 ĐẾN 30 ĐỘ Câu lệnh gợi ý lập trình xử lý tình bóng đập vào đỡ bóng 13 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI XỬ LÝ TÌNH HUỐNG BĨNG ĐẬP VÀO MẶT ĐẤT (LẬP TRÌNH CHO QUẢ BĨNG) • Nếu chạm vào mặt đất, cho toàn game dừng lại Câu lệnh gợi ý lập trình xử lý bóng chạm đất NÂNG CẤP CHO GAME PING PONG: • Thêm âm bóng đập vào đỡ bóng hay Game over (tham khảo phần Sound) • Hiện hình Game Over bóng chạm đất (tham khảo phần Looks, change background…) • Tạo thêm nhiều vật cản quà bonus (thêm nhân vật xử lý tình bóng chạm vào nhân vật đó) • Thêm người chơi, biến thành trò chơi Ping Pong dành cho người (thêm nhân vật đỡ bóng nữa, chọn phím bấm để điều khiển nhân vật này, lập trình tương tự đỡ bóng để tạo thành trò chơi dành cho người chơi) 14 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 04: HƯỚNG DẪN LÀM GAME GHOST SHOOTER MƠ TẢ TRỊ CHƠI • Có nhiều ma di chuyển ngẫu nhiên hình • Người chơi dùng chuột di chuyển tâm súng đến vị trí ma click chuột để bắn • Nếu bắn trúng ma, ma biến người chơi cộng điểm • Nếu đạt 20 điểm, người chơi giành chiến thắng TRÒ CHƠI MẪU 15 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI TẠO HÌNH NỀN • Thêm backdrop cho game cách chọn mục Choose a Backdrop TẠO NHÂN VẬT (SPRITE) • Thêm hình ảnh “con Ma” cách chọn mục Choose a sprite 16 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI • Tự vẽ hình ảnh “Tâm ngắm” cách chọn mục Paint Ở MỤC PAINT, CÁC BẠN CÓ THỂ CHỌN CƠNG CỤ VẼ HÌNH ELIP VÀ VẼ ĐƯỜNG THẲNG ĐỂ TẠO THÀNH HÌNH TÂM NGẮM LƯU Ý: NẾU CÁC BẠN MUỐN VẼ HÌNH TRỊN (THAY VÌ HÌNH ELIP) VÀ NÉT TUYỆT ĐỐI THẲNG (KHƠNG BỊ XIÊN) THÌ HÃY NHẤN GIỮ PHÍM SHIF KHI KÉO CHUỘT LẬP TRÌNH 1.LẬP TRÌNH CHO “TÂM NGẮM” • Tâm ngắm ln ln theo trỏ chuột Câu lệnh gợi ý lập trình tâm ngắm theo trỏ chuột 17 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI LẬP TRÌNH CHO MA DI CHUYỂN NGẪU NHIÊN TRONG MÀN HÌNH • Quay hướng • Di chuyển chạm biên bật lại Câu lệnh gợi ý lập trình cho ma di chuyển ngẫu nhiên sân khấu CÂU LỆNH “POINT IN DIRECTION…” SẼ GIÚP NHÂN VẬT QUAY VỀ MỘT HƯỚNG NÀO ĐÓ HƯỚNG CỤ THỂ SẼ ĐƯỢC QUYẾT ĐỊNH BỞI SỐ ĐƯỢC ĐIỀN VÀO PHẦN … CÂU LỆNH PICK RANDOM TO 360 GIÚP CHỌN RA MỘT SỐ BẤT KỲ TRONG KHOẢNG TỪ ĐẾN 360 NGƯỜI DÙNG CÓ THỂ THAY ĐỔI SỐ NÀY ĐỂ TẠO RA MỘT KHOẢNG TÙY Ý • Khi hồn thành lập trình cho ma, click chuột phải vào nhân vật chọn duplicate (nhân bản) Chức duplicate giúp bạn tạo nhân vật giống hệt nhân vật cũ (kể phần lập trình) Nhiều ma trị chơi khiến trị chơi trở nên khó thú vị TẠO “ĐIỂM” CHO TRỊ CHƠI (LẬP TRÌNH TRONG NHÂN VẬT TÂM NGẮM) • Tạo variable Score o o Data —> Make a variable –> Nhập “SCORE” vào ô Variable name sau bấm OK Score tên biến, bạn chọn tên khác tùy thích tên biến có nghĩa phù hợp với chức 18 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI • Khi bắt đầu trò chơi, đặt Score = Câu lệnh gợi ý lập trình thiết lập điểm số (Score) bắt đầu trị chơi • Khi “Score = 20” chuyển sang hình Win Câu lệnh gợi ý lập trình Score = 20 kết thúc trị chơi LẬP TRÌNH CỘNG ĐIỂM KHI BẮN ĐƯỢC MA • Bắn trúng ma có nghĩa người chơi click chuột tâm ngắm chạm vào ma ==> PHẢI KIỂM TRA ĐỒNG THỜI ĐIỀU KIỆN LÀ “MOUSE DOWN” VÀ “TOUCHING TÂM NGẮM” • Nếu bắn trúng thì: o Cộng điểm (Change score by 1) o Cho ma ẩn (hide) o Di chuyển sang vị trí ngẫu nhiên (go to random position) o Đợi giây (wait secs) o Cho ma trở lại (show) 19 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Câu lệnh gợi ý lập trình xử lý bắn trúng ma 20 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 05: HƯỚNG DẪN LÀM GAME TRÁNH BOM TẠO HÌNH NỀN • Thêm backdrop cho game cách nhấn vào nút Choose backdrop from backdrop TẠO NHÂN VẬT • Thêm vật Hiệp sĩ cách bấm nút Choose a sprite 21 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Tìm kiếm google hình ảnh với từ khóa “Boom” download hình ảnh bom máy • Dùng hình ảnh Bom để tạo nhân vật cách bấm nút Upload sprite LẬP TRÌNH LẬP TRÌNH CHO HIỆP SĨ • Khi ấn mũi tên sang phải, hiệp sĩ di chuyển sang phải • Khi ấn mũi tên sang trái, hiệp sĩ di chuyển sang trái Câu lệnh gợi ý lập trình cho hiệp sĩ di chuyển LẬP TRÌNH CHO QUẢ BOM • Xuất phát từ điểm ngẫu nhiên từ cao (x ngẫu nhiên y = 180) • Rơi từ từ xuống (di chuyển theo chiều dọc – y) Câu lệnh gợi ý lập trình cho bom rơi xuống 22 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI • Trong trình rơi, liên tục kiểm tra xem có chạm vào Hiệp sĩ khơng Nếu chạm chuyển sang costume nổ Câu lệnh gợi ý lập trình kiểm tra xem bom có chạm hiệp sĩ hay khơng TẠO LIFE CHO HIỆP SĨ (LẬP TRÌNH CHO NHÂN VẬT HIỆP SĨ) • Tạo variable Life o o • Data —> Make a variable –> Nhập “LIFE” vào ô Variable name sau bấm OK Life tên biến, bạn chọn tên khác tùy thích tên biến có nghĩa phù hợp với chức Khi bắt đầu trị chơi, đặt life = Câu lệnh gợi ý thiết lập giá trị ban đầu cho biến life • Mỗi chạm vào boom, trừ life Câu lệnh gợi ý trừ mạng hiệp sĩ chạm phải bom 23 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 06: HƯỚNG DẪN LÀM GAME TRUY TÌM KHO BÁU LUẬT CHƠI: • Kho báu di chuyển ngẫu nhiên hình người chơi • Người chơi điều khiển nhân vật phím bàn phím truy tìm kho báu • Khi nhặt kho báu, có âm chúc mừng CÁC BƯỚC THỰC HIỆN: THÊM NHÂN VẬT & HÌNH NỀN • Nhân vật kho báu (Có thể search google với từ khố “Treasure”) • Nhân vật người chơi từ thư viện có sẵn Scratch (Có thể Mèo – Cat, Hiệp sĩ – Knight, Cướp biển – Cướp biển • Hình (backdrops) 24 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Hướng dẫn chi tiết cách thêm nhân vật LẬP TRÌNH CHO NGƯỜI CHƠI ĐIỀU KHIỂN NHÂN VẬT BẰNG CÁC PHÍM MŨI TÊN • Chọn Event thích hợp (When … key press) • Cho nhân vật quay hướng cần di chuyển (Point in direction…) • Di chuyển (Move … steps) Hướng dẫn chi tiết cách điều khiển nhân vật phím mũi tên LẬP TRÌNH CHO KHO BÁU DI XUẤT HIỆN Ở MỘT VÍ TRÍ NGẪU NHIÊN KHI ẤN LÁ CỜ VÀ ĐỔI VỊ TRÍ SAU MỖI 5S • Kho báu bắt đầu di chuyển ấn cờ (When green flag clicked) • Di chuyển đến vị trí (Chọn câu lệnh Go to mouse-pointer ấn biểu tượng tam giác cuối câu lệnh chọn random position Câu lệnh “Go to random positmion” giúp nhân vật di chuyển đến vị trí • Tạo vòng lặp (Repeat Forever) để lặp lặp lại hành động sau: đợi secs (wait secs) sang vị trí khác Câu lệnh gợi ý lập trình cho kho báu di chuyển ngẫu nhiên XỬ LÝ CHẠM (LẬP TRÌNH CHO KHO BÁU) • Khi kho báu chạm vào mèo, phát âm Chomp di chuyển sang vị trí khác 25 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI Câu lệnh gợi ý lập trình xử lý tình kho báu chạm mèo NÂNG CẤP CHO GAME: • Kho báu có nhiều hình dạng khác (Thêm costume cho nhân vật) • Kho báu ẩn nấp sau Sprite khác • Thêm nhạc (play sound … until done) 26 | P a g e ... KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 02: HIỆU ỨNG GÕ CHỮ TRONG SCRATCH HIỆU ỨNG MẪU 7|P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI HƯỚNG DẪN THỰC... -BY PHẠM THANH HẢI Câu lệnh gợi ý lập trình xử lý bắn trúng ma 20 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 05: HƯỚNG DẪN LÀM GAME TRÁNH BOM TẠO HÌNH NỀN... lập trình tương tự đỡ bóng để tạo thành trị chơi dành cho người chơi) 14 | P a g e THIẾT KẾ CÁC DỰ ÁN SCRATCH -BY PHẠM THANH HẢI DỰ ÁN 04: HƯỚNG DẪN LÀM GAME GHOST SHOOTER MƠ TẢ