Bài giảng Nhập môn Công nghệ thông tin - Hướng dẫn bài tập 3 hướng dẫn người học tạo ra một đoạn phim hoạt hình về con cá vàng và cô tiên trong chương trình Alice. Nội dung chính của bài giảng sẽ hướng dẫn chi tiết 5 bước với các thao tác cơ bản như: Chọn nền, thêm và định vị đối tượng, thiết kế Camera giả, xây dựng hành động, tạo sự kiện. Mời các bạn cùng tham khảo.
TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN THỰC HÀNH NHẬP MÔN CÔNG NGHỆ THÔNG TIN TẠO RA MỘT ĐOẠN PHIM HOẠT HÌNH VỀ CON CÁ VÀNG & CÔ TIÊN Thời gian: tiết Giảng viên: ThS Dương Thành Phết http://www.thayphet.net Bước 1: Chọn Khởi động Alice, chọn khung ngăn template Chọn khung water http://www.thayphet.net Bước 2: Thêm Định vị đối tượng Thêm đối tượng Con cá vàng Chọn object (đối tượng) cho Alice World: Bấm vào nút Add Objects Bấm chọn vào thư mục đối tượng animals (động vật) Tìm Goldfish (cá vàng) Add Instance to World Bấm vào nút Done http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Thêm đối tượng Cô tiên Chọn object (đối tượng) cho Alice World: Bấm vào nút Add Objects Bấm chọn vào thư mục đối tượng Fantasy Faeries Tìm LichenZenspider Add Instance to World Bấm vào nút Done http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Các đối tượng Object Tree Đã xuất danh sách bên tay trái hình đối tượng giới: cá cô tiên http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Định vị đối tượng Bên phải hình: Tất nút có hình mặt người giúp bạn định vị đối tượng Click white arrow, click vào cô tiên di chuyển: Hãy di chuyển cô tiên cho cô tiên đứng bên phải cá vàng hình http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Định vị đối tượng – Up & down Nút với hình mũi tên lên xuống di chuyển đối tượng lên xuống Nhấn vào di chuyển tiên cho cô ta lơ lửng mặt nước http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Định vị đối tượng – Spin Nút dùng để xoay đối tượng (spin) Xoay cá vàng cho song song với hình Bất kể lúc làm sai nhấn vào nút Undo http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Định vị đối tượng – Tilt Nút tile xoay nhân vật phía sau phía trước Sử dụng để làm cho tiên nghiêng nhẹ phía trước http://www.thayphet.net Bước 2: Thêm Định vị đối tượng(tt) Định vị đối tượng – Tumble Nút tumble: Di chuyển đối tượng đến tất nơi Hãy di chuyển cô tiên cho tiên hướng mặt phía cá 10 http://www.thayphet.net Chương trình sau: Chạy chương trình: Cơ tiên vẫy cánh quay chỗ Ta cần sửa lại chỗ: Cô tiên vẫy cánh cô ta quay 45 Cô tiên bay xung quanh cá thay quay chỗ http://www.thayphet.net Đầu tiên, cho cô tiên vẫy cánh quay lúc Nhìn vào phía hình tìm nút “Do Together.” Kéo thả vào method editor Sau đặt đoạn “flap wings” đoạn “turn” vào Hãy thử chạy chương trình 46 http://www.thayphet.net Để làm cho tiên bay xung quanh cá, cần chọn “more” bên cạnh đoạn code “Turn” 47 Xuất menu Chọn “asSeenBy” -> “goldfish” -> “the entire goldfish” http://www.thayphet.net Nó làm cho tiên quay xung quanh cá Hãy chạy thử chương trình Hãy viết thêm hành động Hãy làm cho cô tiên cưỡi lên lưng cá sau bay xung quanh 48 http://www.thayphet.net Hành động cô tiên cưỡi cá – RideFish Tạo hành động đặt tên “RideFish.” Nhấn vào “lichenZenspider”, chọn thẻ “methods” Nhấn “create new method” đặt tên “RideFish.” Bên method editor, kéo lệnh “move to” chọn “goldfish” -> “the entire goldfish.” Kết sau: 49 http://www.thayphet.net Lúc để dán cô tiên cá vàng để cá vàng di chuyển, cô tiên di chuyển theo Sử dụng vehicle property Tìm thấy thẻ properties tiên 50 Kéo thuộc tính vehicle vào khung method editor chọn goldfish -> the entire goldfish Kết đặt cá vàng phương tiện cô tiên Vì cá di chuyển, tiên di chuyển theo http://www.thayphet.net Sự kiện Nhấn vào “create new event” cửa sổ events editor Chọn “let the arrow keys move subject.” 51 Nó tự động đặt camera Để thay đổi: Nhấn vào, chọn goldfish -> the entire goldfish http://www.thayphet.net Có thể đặt chúng vào với Lúc ban đầu hành động method editor, có hành động tên “World.myfirstmethod.” Hành động dành cho việc nói lên cốt truyện bạn Hãy lưu ý có nhiều thẻ bên Bạn xem hành động cách nhấn vào thẻ Nhấn vào thẻ “world.my first method” Đây thẻ mà đặt tồn code Code bạn trông khác với 52 http://www.thayphet.net Sự kiện Đầu tiên đặt camera “world.myfirstmethod” vào “Start” Kéo vào “camera set point of view to” chọn “Dummy Objects” -> “Start” 53 http://www.thayphet.net Sự kiện – Gọi hành động Nếu bạn nhìn vào bên hành động cô tiên, bạn thấy hành động mà bạn viết Chúng ta đặt chúng vào world.myfirstmethod để nói lên câu chuyện Hãy đặt vào hành động cô tiên bay xung quanh sau cưỡi lên cá Kéo “FairyFly” “Ridefish” vào World.myfirstmethod 54 http://www.thayphet.net Sự kiện – Gọi hành động Bây sử dụng kiện “When the world starts” để gọi Nhấn vào mũi tên để thay đổi thành “my first method.” Lúc bạn thấy bạn chạy chương trình, cô tiên bay xung quanh cá sau đậu lên lưng Bạn làm cho tiên nói cách nhấn space bar di chuyển cá phím mũi tên Hãy chạy thử chương trình 55 http://www.thayphet.net Khi cho cá di chuyển khỏi camera, khơng cịn nhìn thấy Hãy đặt camera thành vehicle cá! Tìm thuộc tính vehicle camera kéo thả vào dịng “FairyFly” “RideFish” Đặt thành “goldfish” -> “the entire goldfish” 56 http://www.thayphet.net Thuộc tính Vehicle Đã hồn tất, thử chạy chương trình 57 Nếu muốn gỡ cô tiên khỏi cá gỡ camera: Để gỡ cô tiên khỏi cá, đặt thuộc tính vehicle tiên trờ “world” Để gỡ camera khỏi cá, đặt thuộc tính vehicle trở “world.” http://www.thayphet.net Bài tập Luyện tập lại mà bạn học cách làm tập Bắt đầu với cá tiên mà bạn hồn thành Kéo thả island từ thư mục environments Cho cá bơi xung quanh đảo Gỡ cô tiên khỏi cá cho cô ta di chuyển đến đảo câu lệnh move over Thử dán camera vào tiên thay cá 58 http://www.thayphet.net Congratulations! You have just made your first Alice World Come back and see me soon! 59 ... http://www.thayphet.net Bước 3: Thiết kế Camera giả Đổi tên Camera Nhấn phải chuột “Dummy” chọn rename để đổi tên camera Hãy đổi tên thành “Start.” 18 http://www.thayphet.net Bước 3: Thiết kế Camera giả... Chọn “other…”, gõ vào “I’m flying!” Nhấn OK 33 http://www.thayphet.net Bước 4: Xây dựng Hành động Hành động – Nói Hãy thử lần cho nói khác 34 Hãy chạy chương trình? http://www.thayphet.net... “when a key is typed” Kết hình 36 http://www.thayphet.net Bước 5: Tạo kiện Tạo kiện Nhấn vào “any key” chọn Space Nhấn vào “nothing” chọn lichenZenSpider -> Talk 37 Cửa sổ event editor giống http://www.thayphet.net