lập trình với scratch 3 0

CH Trong ch ng này, b n s đ c tìm hi u v ph n m m Scratch 3.0, thành ph n c a giao di n ch c n ng c a t ng ph n Sau k t thúc ch cách s d ng m t s ch c n ng c b n c a ph n m m ng, b n s có đ c nhìn t ng quan Giao di n m c đ nh c a Scratch 3.0 Hình 1.1.1 Giao di n ph n m m Scratch 3.0 Ngôn ng hi n th ng m đ nh c a ch ng trình ti ng Anh Các b n có th chuy n đ i giao di n sang b n Vi t hoá b ng cách nháy chu t vào bi u t ng qu đ a c u, di chuy n chu t xu ng d i ch n Ti ng Vi t, ngơn ng hi n th giao di n h u h t s ti ng Vi t Hình 1.1.2 Thay đ i ngơn ng hi n th giao di n Giao di n Scratch 3.0 có n m khu v c nh mơ t hình 1.1.1 1.1 Khu v c sân kh u Khu v c sân kh u ( đ c đánh s ) n i bi u di n t ng ph n ho c c d án Khi kh i đ ng ph n m m, m t mèo xu t hi n sân kh u Hình 1.1.3 Khu v c sân kh u 1.2 Khu v c qu n lí phơng n n sân kh u nhân v t Khu v c g m bi u t ng thu nh nh khung ch a phông n n sân kh u khung nhân v t (g m danh sách nhân v t ho c đ i t ng ch ng trình) Hình 1.1.4 Khu v c qu n lí phơng n n sân kh u nhân v t 1.2.1 Nhân v t Trong khung nhân v t có th có nhi u nhân v t Có ba khu tác đ ng vào nhân v t, Khu l p trình , Khu ngo i hình Khu âm a) Khu l p trình Hi n ch n trang Code, n i kh i l nh đ m t ch ng trình theo ý mu n c a l p trình viên c ghép v i t o thành Hình 1.1.5 Khu l p trình b) Khu ngo i hình M i nhân v t s có m t ho c nhi u hình nh hi n th Khu ngo i hình s xu t hi n ch n trang Thi t k , cho phép l p trình viên thao tác v i hình nh c a nhân v t nh thêm m i, ch nh s a, xố hình nh c s th vi n có s n ho c t t o theo yêu c u Hình 1.1.6 Khu ngo i hình c) Khu âm Xu t hi n ch n trang Âm thanh, cho phép l p trình viên t o, ch nh s a âm cho nhân v t c s th vi n có s n ho c t t o theo u c u Hình 1.1.7 Khu âm 1.2.2 Phơng n n sân kh u Phông n n sân kh u có th coi m t đ i t ng (nhân v t) đ c b//i t, c ng có bakhu tác đ ng vào, Khu l p trình, Khu phơng n n Khu âm V c b n, ba khu có thành ph n ch c n ng t ng đ ng v i ba khu tác đ ng vào nhân v t, ch có m t chút khác bi t: a) Khu l p trình Gi ng v i Khu l p trình c a nhân v t, nhiên sân kh u không th di chuy n nên s l ng kh i l nh s h n b) Khu phông n n Khu phông n n c a sân kh u xu t hi n ch n trang Thi t k , n i qu n lí phơng n n (Khu c ng Khu ngo i hình c a nhân v t) c) Khu âm Gi ng hoàn toàn v i khu âm c a nhân v t 1.3 Thanh danh m c, Khu l u tr Th vi n h ng d n Ngoài n m khu v c chính, giao di n ph n m m Scratch cịn có Thanh danh m c, Th vi n video h ng d n s đ c nh c đ n nh ng sau Hình 1.1.8 Thanh danh m c Hình 1.1.9 Khu l u tr Hình 1.1.10 Th vi n video h ng d n 2.1 Thanh danhm c Hình 1.2.1 Thanh danh m c Thanh danh m c n m phía c a giao di n có vai trị r t quan tr ng liên quan t i thao tác s d ng ch ng trình Scratch Sau t ng thành ph n c a Thanh danh m c: T p tin ây n i thao tác v i t p tin d án T p tin m t t p h p thông tin đ c l ul i b nh máy tính Ví d m t b c nh, m t hát, m t b phim, đ u g i t p tin M i d án Scratch c ng m t t p tin Hình 1.2.2 T p tin • L a ch n M i: L a ch n s t o m t d án m i đ làm vi c Khi b n làm vi c v i m t d án khác mà ch a l u l i, n u ch n M i s có m tc a s hi n h i b n có mu n thay th n i dung c a d án hi n t i hay không Ch n d án m i xu t hi n d án c s không đ c l u l i Hình 1.2.3 C a s xác nh n thay th n i dung d án hi n t i • L a ch n N p t máy tính: Dùng đ m m t d án có s n máy tính, m t c a s s hi n đ b n ch n t p tin d án máy tính Hình 1.2.4 C a s m d án • N u ch n L u v máy tính m t c a s khác s hi n đ b n đ t tên l a ch n v trí l u l i máy tính Hình 1.2.5 C a s l u d án Ch nh s a Hình 1.2.6 Ch nh s a • L a ch n Khơi ph c: L y l i đ i t ng ho c kh i l nh v a b xoá L a ch n ch l y l i đ c đ i t ng ho c kh i l nh b xố g n nh t • L a ch n Turbo mode: B t/T t ch đ Turbo Ch đ giúp ch x lí kh i l nh H ng d n Khi ch n m c này, th vi n h video h ng d n ng d n s hi n ra, ch a nh ng d án m u đ Hình 1.2.7 Th vi n h ng d n ng trình t ng t c đ c th hi n qua L p trình đ i t dàng n m b t h n ng Tàu đ ch t 5.1 V trí c a tàu h ng đ i ph c t p nên đ ng v c chia làm nhi u h c đ b n d o1 Tàu đ ch xu t hi n v trí ng u nhiên t phía bên ph i ho c phía c a sân kh u Trong ch ng trình, tàu xu t hi n phía sân kh u s ti n đ n o 1, Tàu xu t hi n bên ph i sân kh u s ti n đ n o Hình 5.5.1 V trí h Ta l p trình cho đ i t T o bi n tên ng c a Tàu đ ch ng Tàu đ ch Vi c Tàu xu t hi n phía hay bên ph i làng u nhiên , đ t cho bi n giá tr ng u nhiên ho c Ki m tra giá tr c a bi n h n uh hi n ng b ng tàu s xu t hi n bên ph i h S d ng kh i l nh Kh i l nh đ ng v bên h ng v ng, o 1, cịn n u khơng Tàu s xu t o đ ki m tra tàu đ ch s v h c mơ t nh Hình 5.5.2 ng o hay o Hình 5.5.2 Kh i l nh N u – – n u khơng Kh i l nh s ki m tra n u bi n h , n u khơng (h Trong tr ng b ng s th c hi n công vi c ng khác 1) s th c hi n cơng vi c ng h p này, n u h ng b ng Tàu đ ch h ng v v trí o1 s u n Tàu xoay v phía nhân v t khác, tr ng xu t hi n t i v trí bên Kh i l nh h p o V trí bi n có y = 180 x thay đ i đ c t 20 đ n 240, l y ng u nhiên giá tr kho ng 20 đ n 240 ghép vào giá tr x kh i l nh t i Hình 5.5.3 Tàu đ ch xu t hi n v trí biên phía sân kh u Hình 5.5.4 L p trình cho Tàu đ ch tr 5.2 V trí c a tàu h T ng t xoay v phía nh ng v v y, n u h ng h p tàu ti n v o1 o2 ng khác Tàu đ ch nh y t i v trí b t kì biên bên ph i Biên bên ph i có v trí x = 240 có y thay đ i t 180 đ n – o2 180, v y ta c n kh i l nh Hình 5.5.5 Tàu đ ch xu t hi n v trí biên ph i sân kh u Hình 5.5.6 o n kh i l nh hồn ch nh cho s xu t hi n c a Tàu đ ch Trong ch ng trình s xu t hi n r t nhi u tàu đ ch Trong h c b n s đ c h d n cách t o b n cho Tàu đ ch u n nh ng b n di chuy n t i m c tiêu ng L p trình cho b n t p th c hành c a 5, ta thêm hình nh đ mơ ph ng hi n t ng n cho nhân v t Tàu đ ch Nh ng hình nh s đ c s d ng tàu b b n s đ c h ng d n sau Khi b t đ u ch ng trình, đ i l i hình nh nhân v t Tàu đ ch v tr ng thái ban đ u b ng kh i l nh Hình 5.6.1 t hình nh nhân v t v hình nh ban đ u Sau di chuy n đ n v trí thích h p h t o b n c a b ng kh i l nh ng v phía m t hai qu n đ o, Tàu đ ch s B n s ph i l p l i vi c nh y đ n v trí thích h p t o b n m t cách liên t c, m i l n cách giây Hình 5.6.2 T o b n c a đ i t Lúc b n c a tàu đ ng Tàu đ ch c t o nh ng ch a th c hi n cơng vi c c l p trình cho b n di chuy n, ta c n s d ng kh i l nh V i kh i l nh này, m t b n đ s đ c t o ra, t t c kh i l nh ghép d i kh i l nh c th c hi n cho b n Khi b n đ h c t o, h ng c a b n c ng h ng c a b n chính, b n ng s n v phía m t hai qu n đ o, v y b n ch c n di chuy n v phía tr b ng kh i l nh B n s di chuy n cho đ n ch m vào Trong tr o ho c o d ng ng h p s s d ng kh i l nh l p Ta xem xét cách s d ng kh i l nh l p Hình 5.6.3 Hình 5.6.3 Kh i l nh L p cho t i c Khi ch y đ n kh i l nh này, kh i l nh s đ đ sai kh i l nh c ki m tra xem hay sai N u c th c hi n l p l p l i, cho đ n tr thành s d ng vòng l p th c hi n B n c a Tàu đ ch s s d ng kh i l nh nh sau: Hình 5.6.4 o n kh i l nh u n b n di chuy n Trong tr ng h p này, tàu s l p l i vi c di chuy n cho đ n d ng l i đây, kh i l nh s ki m tra xem đ i t ng Tàu đ ch có ch m vào đ i t ng o hay không, n u có s tr v true (đúng), cịn n u khơng s giá tr false (sai) T ng t , kh i l nh s ki m tra xem Tàu có ch m vào đ i t ng o2 hay không Ch c n m t hai kh i l nh ki m tra có ch m vào đ o hay không tr v giá tr true (đúng) c kh i l nh s mang giá tr đúng, t c vi c di chuy n s đ c th c hi n liên t c cho đ n tàu ch m vào m t hai đ i t ng o ho c o (ho c o ho c o 2) d ng l i Trong h c này, b n s l p trình đ Tàu đ ch b b n trúng s n ng m i ch i đ c c ng L p trình cho Tàu đ ch b b n Ng i ch i s b n Tàu đ ch b ng cách nháy chu t lên tàu Trong b n c a tàu di chuy n đ n o ho c o 2, n u Pháo b n (ng i ch i nháy chu t), mà tâm ng m l i ch m b n (tàu b b n trúng) m s đ c c ng, b n tàu s n bi n m t B n c a Tàu đ ch s ki m tra vi c Pháo b n hay khơng lúc di chuy n v phía qu n đ o Hình 5.7.1 Ki m tra xem Pháo có b n hay khơng s tr v giá tr true (đúng) n u ng Kh i l nh i ch i nháy chu t Khi ng i ch i nháy chu t, (kh i l nh có giá tr đúng) ki m tra ti p xem Tàu đ ch có ch m vào Tâm ng m (Pháo b n trúng) khơng Hình 5.7.2 Ki m tra xem Pháo có b n trúng Tàu đ ch khơng N u Pháo b n trúng (ng i ch i nháy chu t) vào Tàu đ ch m s đ c c ng thêm tàu s n r i bi n m t Trong ph n t p th c hành c a 6, ta t o bi n , đ t ng bi n m lên ta s d ng kh i l nh T h c th c hành c a 5, ta thêm 30 hình nh vào Khu ngo i hình đ th hi n hình nh t phát n đ n tro tàn c a Tàu đ ch, ta ch c n l p trình đ thay đ i l n l t qua 30 hình nh liên t c Hình 5.7.3 M t s hình nh nhân v t tàu phát n Hình 5.7.4 L p trình cho tàu phát n Sau n xong v n cịn l i hình tro tàn Chúng ta ph i xoá b n b ng kh i l nh Cu i ghép kh i l nh l i v i Hình 5.7.5 Thêm đo n kh i l nh cho b n c a Tàu đ ch n ch ch ng trình g n đ c hoàn thành Bài cu i s hồn thi n thêm đ ng trình có b t đ u k t thúc rõ ràng 8.1 L p trình đ i t ng ch Start Khi nháy vào nút l nh c xanh b t đ u ch ng trình, ch Start s hi n lên gi a sân kh u, báo hi u trò ch i đ c b t đ u Ta c n thi t k đ i t ng b ng cách nháy vào bi u t ng Khung nhân v t r i chuy n đ n Khu ngo i hình Chúng ta s s d ng cơng c đ thêm ch Start Ta có th ch nh kích th c, màu s c, phơng ch tu ý Hình 5.8.1 Thêm đ i t Khi b t đ u, đ i t ng ch Start ng ch Start s hi n lên vòng giây r i bi n m t Chúng ta s s d ng l n l t kh i l nh , v Hình 5.8.2 L p trình cho đ i t 8.2 L p trình đ i t ng Start ng ch Game Over Vi c thêm m i thi t k đ i t ng ch Game Over c ng làm t ng t nh đ i t ng ch Start Hình 5.8.3 Thêm đ i t Tính t lúc b t đ u ch y, su t ch ng ch Game Over ng trình đ i t Hình 5.8.4 o n kh i l nh n đ i t ng ch Game Over đ ng Game Over c n n k t thúc ch bi t đ ng trình ch Game Over s hi n lên đ it ng ch Game Over c th i m k t thúc c n l p trình cho b n c a tàu thông báo k t thúc t i t t c đ i t ng khác ch ng trình ch m vào m t hai đ o làm thông báo, ta s s d ng kh i l nh t o m t thông báo m i b ng cách nháy vào m i tên kh i l nh ch n Thơng báo m i Hình 5.8.5 T o thơng báo Lúc này, m t c a s s hi n đ b n đ t tên cho thông báo Sau đ t tên xong b n nh n nút Hình 5.8.6 Các b n ghép kh i l nh c a đ i t ng Tàu đ ch t tên cho thông báo xu ng d v trí này, u ki n kh i l nh thông báo s đ l nh c a i kh i l nh l p trình cho b n c ch y Sau thơng báo xong ch ng trình s ng ng b ng kh i Kh i l nh c ng đáp án câu ph n t p th c hành Hình 5.8.7 o n kh i l nh hoàn ch nh c a b n đ i t Bây gi t t c đ i t ng khác đ u có th Ta s ph i l p trình cho đ i t l nh nh n đ ng Tàu đ ch c thông báo k t thúc b ng kh i ng ch Game Over đ nh n đ c thông báo k t thúc s hi n lên sân kh u Hình 5.8.8 o n kh i l nh nh n thông báo V y l p trình xong cho ch t p cu i m i đ ch tàu khác, c ng nh t ng s l ng trình “B o v đ o” Các b n c n hồn thành đ y đ ng trình hồn thi n h n Các b n c ng có th t sáng t o thêm lo i ng t c đ c a tàu đ trò ch i thú v h n Bài t p nâng cao Sau h c hồn thành ví d ph n n i dung cu n sách, b n ti p t c th s c v i ch ng trình nh sau: (Mã ngu n c a m t s ch https://scratch.mit.edu/) ng trình b n có th tìm th y trang web Trò ch i n i ti ng c a Nguy n Hà ơng - Flappy Bird Ch ng trình V đ th Ch ng trình Máy tính Casio (Calculator) Ch ng trình Gi i ph ng trình b c ... kh i l nh t ng ng v i t ng nhóm Scratch 3. 0 có h n 100 kh i l nh c b n đ c chia thành nhóm Các kh i l nh m t nhóm s có màu gi ng Có b n lo i kh i l nh Scratch 3. 0: Kh i l nh th c hi n: Có hình... đ ng, hình nh, âm c a đ i t trình, n i hi n th k t qu c a d án ng ch y ch ng Hình 1 .3. 1 Khu v c sân kh u 3. 1 H to đ sân kh u Sân kh u có chi u r ng 36 0 chi u dài 4 80, đ c xác đ nh theo h tr c... theo chi u ngang có giá tr t –2 40 đ n 2 40, tr c y theo chi u d c có giá tr t –1 80 đ n 1 80 Hình 1 .3. 2 H to đ sân kh u Trong h to đ có s d ng đ n s âm S âm s nh h n 0, đ c bi u di n b ng d u tr (