XÂY DỰNG GAME FLASH BẰNG STENCYL

MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN LỜI MỞ ĐẦU CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Adobe Flash 1.1.1 Giới thiệu Flash 1.1.2.Những tính Adobe Flash Player 10 1.1.3 Game Flash 11 1.2 STENCYL 13 1.2.1 Giới thiệu Stencyl 13 1.2.2 Hướng dẫn tạo hình nhân vật Stencyl 13 1.2.3.Hướng dẫn thiết kế game flash Alien Approach 22 CHƯƠNG 2.THIẾT KẾ CHƯƠNG TRÌNH GAME FLASH BẰNG STENCYL 38 2.1 Ý tưởng game 38 2.2 Nội dung game 38 2.3 Phân tích, thiết kế game 39 2.3.1 Các nhân vật game 39 2.3.2 Bối cảnh game 41 2.3.3 Hành vi nhân vật 45 2.2.4 Xuất 47 KẾT LUẬN 48 TÀI LIỆU THAM KHẢO 49 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 50 LỜI CAM ĐOAN Tôi tên là: Lý Ngọc Phú Hiện sinh viên trường Đại học Công Nghệ Thông Tin & Truyền Thông Thái Nguyên Tôi xin cam đoan: Toàn nội dung đồ án tốt nghiệp “XÂY DỰNG GAME FLASH BẰNG STENCYL” Do tự học tập từ giảng môn học Quý thầy cô, nghiên cứu Internet,sách báo, tài liệu nước có liên quan Không chép hay sử dụngbài làm khác Tôi xin chịu hoàn toàn trách nhiệm lời cam đoan trước Quý thầy Cô nhà trường Thái Nguyên ngày 20 tháng 01 năm 2015 NGƯỜI CAM ĐOAN Lý Ngọc Phú LỜI CẢM ƠN Để hoàn thành đồ án tốt nghiệp này, em xin gửi lời biết ơn chân thành sâu sắc tới Th.s Nguyễn Thu Phương, giảng viên Khoa Công Nghệ Phần Mềm, trường Đại Học Công Nghệ Thông Tin & Truyền Thông Thái Nguyên Cô người tận tình hướng dẫn, bảo em suốt trình nghiên cứu thực đề tài Em xin chân thành cảm ơn thầy cô trường Đại Học Công Nghệ Thông Tin & Truyền Thông nói chung, thầy cô khoa Công Nghệ Thông Tin giúp đỡ truyền đạt kiến thức tất kiến thức chuyên môn cho em cách tận tình Ngoài em rèn luyện tinh thần học tập làm việc độc lập, sáng tạo Đây tảng cần thiết để bắt tay vào nghề nghiệp tương lai Em xin chân thành cảm ơn Ban lãnh đạo nhà trường toàn thể thầy cô tạo điều kiện thuận lợi, cung cấp sở vật chất, trang thiết bị cần thiết cho trình học tập chúng em Đề tài tốt nghiệp hội để em tổng hợp áp dụng kiến thức học trường, đồng thời rút kinh nghiệm thực tế quý giá suốt trình thực đề tài Bên cạnh kết khiêm tốn mà em đạt được, chắn không tránh khỏi thiếu sót thực báo cáo mình, kính mong thầy cô thông cảm Sự phê bình, góp ý thầy cô học kinh nghiệm quý giá cho công việc thực tế em sau Là sinh việc trường Đại Học Công Nghệ Thông Tin & Truyền Thông Thái Nguyên, em tự hào ngành theo học tự hào tất thầy cô Kính chúc quý thầy cô mạnh khỏe, tiếp tục đạt thành công nghiên cứu khoa học nghiệp “trăm năm trông người” Em xin chân thành cảm ơn LỜI MỞ ĐẦU Trong sống số ngày nay, game xem công cụ giải trí hiệu Những máy chơi game hệ đời, công nghệ đồ họa không ngừng phát triển, thiết bị giải trí cầm tay ngày mạnh đa phần giúp công nghệ game phát triển Những game lớn có mức đầu tư hàng trăm đô la, nhiều thể loại game đời, game trực tuyến thu hút quan tâm số lượng lớn người chơi nhiều độ tuổi, ngành nghề Tất minh chứng cho thấy nhu cầu game dồi thị trường game mảnh đất màu mỡ cho nhà sản xuất game Tuy nhiên, mục tiêu em thực đề tài nghiên cứu game thị trường game mà em sâu nghiên cứu mảng game nhỏ, dành cho đối tượng người chơi có khoản thời gian rảnh rỗi ngắn ngủi để giải trí Và game xây dựng tảng Flash dường lựa chọn không tồi Có nhiều thể loại game lựa chọn phát triển : hành động, nhập vai, đối kháng, mô phỏng, thể thao, chiến thuật Tuy nhiên, với nguồn tài nhân lực ỏi với mục tiêu đề tài, em định Game mini flash thể loại game em lựa chọn phát triển CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Adobe Flash Adobe Flash Player phần mềm hỗ trợ trình duyệt hỗ trợ tương tác trình duyệt PC hay trình duyệt điện thoại Mặt khác, chương trình giúp quản lí nhớ thiết bị tốt Adobe Flash Player hỗ trợ cho máy tính truy cập vào Internet với tốc độ nhanh chóng, giúp cho bạn xem file Audio, Video trực tiếp mạng, làm việc với hầu hết trình duyệt Web có mà không gặp khó khăn Hiện nay, Adobe Flash không làm việc máy tính mà làm việc trực tiếp loại thiết bị di động khác bao gồm điện thoại di động máy tính bảng Chương trình điện toán viết phân phối Adobe_Systems (công ty mua Macromedia) Flash dùng kỹ thuật đồ họa vectơ đồ họa điểm (raster graphics) Ngoài Flash có ngôn ngữ văn lệnh riêng gọi ActionScrip có khả truyền tải luồng âm hình ảnh Đúng từ Macromedia Flash nên dùng để chương trình tạo tập tin Flash Còn từ Flash Player nên dành để ứng dụng có nhiệm vụ thi hành hay hiển thị tập tin Flash  Giới thiệu Flash Flash công cụ để phát triển ứng dụng thiết kế phần mềm mô Sử dụng Ngôn ngữ lập trình ActionScrip để tạo tương tác, hoạt cảnh phim Điểm mạnh Flash nhúng file âm thanh, hình ảnh động Người lập trình chủ động lập điều hướng cho chương trình Flash xuất đa dạng file kiểu html, exe, jpg để phù hợp với ứng dụng người sử dụng Web, CD Các tập tin Flash, thường thường mang phần mở rộng swf thị trình duyệt web trang Web hay ứng dụng Flash Player Các tập tin Flash thường hoạt họa, quảng cáo hay thành phần trang trí trang Web Gần Flash sử dụng để tạo ứng dụng Internet phong phú Với kích thước tương tự, tập tin Flash chứa nhiều thông tin tập tin hình dạng GIF hay dạng JPEG Ban đầu, Flash kỹ thuật xử ảnh theo dạng vector Với kỹ thuật này, bạn phóng to thu nhỏ hình, chữ mà không bị "bể", không bị "răng cưa" Về sau, Flash phát triển với khả tương tác "đa phương tiện, đa truyền thông" (multimedia) Tức xử lý với âm thanh, phim, v.v lập trình kiện (action script) tương tác với ngường dùng Ưu điểm lớn Flash - với đồ họa dạng vectơ - kích thước file nhỏ Thuận tiện cho việc truyền tải liệu qua Internet - Một tập tin flash thường có phần mở rộng SWF (hoặc EXE) Chương trình hãng đưa Macromedia Flash (hoàn tòan khác với Macromedia Flash Player) Nó có tên theo phiên Macromedia Flash 4, Macromedia Flash MX Cấu trúc flash bao gồm nhiều frame, frame có nhiều layer Layer mộtđối tượng tập hợp item symbol Item đối tượng sử dụng để trình diễn flash Symbol đối tượng mà viết mã lệnh thực thi Ba loại symbol: movie,button, graphic Flash hoạt động nào? Khởi đầu, ta thử nghĩ đoạn phim trình chiếu TV Các hành động diễn viên phim nhìn liền mạch không khác hoạt động đời biết chuỗi hình ảnh rời rạc chiếu liên tiếp nhanh để tạo cảm giác chuyển động liên tục Đó lý điện ảnh kèm với thuật ngữ "24 hình/giây" Hình Flash movies Như tóm tắt cách đơn giản bước lưu chiếu phim: -Camera liên tục "chụp" lại khoảnh khắc phim lưu chúng thành hình ảnh riêng biệt theo thứ tự trước-sau chúng diễn (các phim thời xưa thường lưu vào băng dài) Khi trình chiếu, hình ảnh lấy chiếu liên tục thật nhanh lên ảnh tạo cảm giác xem chuỗi chuyển động liền mạch Flash áp dụng ý tưởng tương tự để tạo trình chiếu đoạn hoạt hình Bạn có Timeline dài để đặt chuỗi hình ảnh lên (hãy tượng tượng Timeline giống băng dài chứa toàn khung hình phim vậy) Timeline thể chuỗi liên tục Frame nối chiều ngang, Frame thể hình ảnh (giống khung hình riêng biệt chuỗi hình ảnh phim) Khi chạy, Flash lướt qua frame từ đầu tới cuối hiển thị hình ảnh chứa frame để tạo đoạn hoạt cảnh Hình Chuỗi Frame Timeline không bao gồm chuỗi frame mà bao gồm nhiều chuỗi frame xếp chặn lên Mỗi chuỗi frame gọi Layer Việc đặt hình vẽ lên layer khác giống việc ta xếp hình ảnh vào lớp trên/dưới khác nhau: hình vẽ nằm layer bên che khuất hình vẽ nằm layer bên Flash hiển thị tất frame có số thứ tự (dù frame layer khác nhau) lúc (lưu ý hình vẽ có hình dạng khác nhau, nằm vị trí lệch nhau, có phần màu suốt nên hình vẽ nằm nhìn thấy không hoàn toàn bị bao phủ hình bên trên) Hình Các layer Frame Ngoài Layer thường dùng để phân tách hình ảnh với nhau: hình ảnh vẽ vào vị trí layer khác hình bên không cắt phần bị khuất hình nằm Hình Các key Frame Ở có khái niệm cần quan tâm Frame rate Như hình minh họa số "12.0 fps", có nghĩa 12 frames per second (12 frames / giây, tương tự khái niệm 12 hình/giây) Thông số Frame rate dùng để ra: có frame trình chiếu giây, hay nói cách khác, flash hiển thị frame khoảng thời gian trước tiếp tục chuyển qua hiển thị frame Hai khái niệm cuối nhắc đến Stage Playhead Khi soạn thảo file Flash, Playhead vạch đỏ cắt ngang qua Timeline (xem hình dưới) Nó cho biết ta thao tác frame số Timeline Ngoài ra, sau file Flash xuất thành đoạn phim hoàn chỉnh chạy flash player không vạch đỏ người ta nói tới khái niệm Playhead trỏ cho biết thời frame trình chiếu (Trong hình hoạ, frame trỏ đến frame 8) Còn Stage nơi mà ta vẽ đặt hình ảnh lên (mặc định stage có màu trắng) Stage có dạng hình chữ nhật Những nằm phạm vi stage không nhìn thấy đoạn hoạt cảnh trình chiếu Kích thước stage kích thước hình đoạn phim mà ta tạo Hình Tạo hình bóng nảy Flash Giả sử ta muốn tạo hoạt cảnh bóng nảy đất Ở ta có file flash gồm 13 frames, tương ứng với 13 trạng thái khác bóng Ở frame 1, hình vẽ bóng bị nén đàn hồi mặt đất, frame hình ảnh bóng bắt đầu nảy lên không, frame hình ảnh bóng cao chút so với frame 3, tiếp tục frame 13 hình ảnh bóng vừa rơi xuống đất Ta thấy hình vẽ đặt layer Layer hình vẽ trạng thái bóng, layer hình vẽ mặt đất Hãy để ý cách Playhead (vạch dọc màu đỏ) chạy từ frame tới frame 13, kéo theo hình ảnh mà ta vẽ phía thay đổi mà ta vẽ frame Sau chạy tới frame cuối cùng, Playhead quay trở lại frame lại tiếp tục chạy từ đầu, trình lặp lặp lại 10 Hình 51 Nhân vật Hình ảnh nhân vật gồm hình ảnh miêu tả tư chuyển động trái – phải , đứng yên Nhân vật GIRL: Cô gái 15 tuổi vào rừng hái nấm thường lệ, chuyện sảy phi thuyền chở đầy quái vật đáp xuống rừng gần nơi cô gái thường hái nấm Kỹ năng: nhảy bật tốt Vũ khí: Class: Player Hình 52 Nhân vật Sừng Tê Quái vật Sừng Tê: Là quái vật đặt chân từ phi thuyền hành tinh xuống trái đất thám Đặc điểm: Có sừng đuôi vảy cứng Nhún nhảy đánh di chuyển Vũ khí: sừng đuôi Mức độ nguy hiểm: Class: Enemies 55 Hình 53 Nhân vật Robo Robo: Được tạo nên từ kim loại, vận chuyển hàng hóa địa hình khó khăn Đặc điểm: điều khiển tự động, di chuyển sang ngang, đẩy vật thể rơi xuống vực Vũ khí: không Mức độ nguy hiểm: Class: Enemies Hình 54 Nhân vật Đĩa bay Đĩa bay: vận chuyển hàng hóa quái vật Đặc điểm: điều khiển tự động, di chuyển sang ngang, bay không trung, đẩy vật thể xuống vực Vũ khí: không Mức độ nguy hiểm: Class: Enemies Hình 55 Nhân vật Robobig Robobig: Robo chiến đấu quái vật hành tinh, có kích cỡ to nhỏ để phù hợp với địa hình Đặc điểm: Cơ động, trang bị vũ khí toàn thân, bay trời, nguy hiểm Vũ khí: toàn thân Mức độ nguy hiểm: Class: Enemies 2.3.2 Bối cảnh game 56 Hình 56 Hình khởi đầu game Menu Background: sử dụng cho Scene bắt đầu vào game tạo photoshop add vào Đây nơi chứa tên game thông tin liên quan bảng điều khiển bắt đầu game (start) Hình 57 Các (Scence) tạo game Menu Scenes: Các hoạt cảnh game đặt menu Scenes, với giao diện bắt đầu Start mức độ game 57 Hình 58 Giao diện Scence Giao diện tùy chỉnh Level game, với địa hình bắt đầu rêu xanh mặt đất khung cảnh rừng Dọc đường vực núi mô đá nhấp nhô tạo độ khó di chuyển Hình 59 Địa hình đất phủ rêu 58 Hình 60 Địa hình hang động có quái vật mai phục Khởi đầu nhân vật đối mặt với quái vật (crep) dạng hiền lành có sừng, bên bầu trời đĩa bay phe địch Tại mức độ dễ trung bình Không có quái vật nguy hiểm mà quái vật cản đường tạo bước đệm để nhảy Tất nhân vật “nhấp – thả” sau add Actor Hình 61 Điểm qua Scence Điểm cuối Level có “Region 0” vùng tạo để chuyển tiếp cảnh game, cụ thể nhân vật chuyển qua 59 Level Hình 62 Đầu Scence Cảnh tiếp theo, nhân vật bắt đầu tiến vào hang động gặp quái vật tợn robot chiến đấu Khi chạm vào robos GIRL chết phải chơi lại điểm bắt đầu này, GIRL gắn hành vi “Die On Collision With Actor Type” Hình 63 Điểm qua Sence Ở cuối game làng với tường ngăn cách điểm Region để kết thúc trở giao diện START game 60 Hình 64 Âm sử dụng game Menu Sounds: Âm sử dụng file mp3 ngắn có dung lượng thấp Các âm tượng trưng cho việc nhảy, di chuyển tiêu diệt quái vật kèm với nhạc tạo cho game thêm phần sôi động Hình 65 Các tileset tạo địa hình Menu Tilesets: nơi chứa nguyên liệu xây dựng bối cảnh, cho game, đơn vị ô vuông tam giác, tứ tùy chỉnh bên phải 61 2.3.3 Hành vi nhân vật Hình 66 Hành vi nhân vật Các hành vi gắn vào nhân vật Behaviors nhảy, camera theo dõi, quay phải – trái, trọng lực (rơi xuống) , va chạm Các nhân vật phụ tương tự hành vi add vào nhân vật với thao tác va cham, di chuyển liên quan tới nhân vật phụ 62 Hình 67 Actor Types game Menu Actor Types sau add nhân vật, công trình phụ bảng sử dụng cho game Hình 68 Nhóm nhân vật game Nhân vật nhóm Players Quái vật đặt nhóm Enemies 63 Các điểm qua Regions Dòng chữ Tiles Đối tượng cảnh phụ Doodads Hình 69 Menu Actor Behaviors Menu Actor Behaviors: hành vi gán cho nhân vật game gồm có Back and Forth Hoziontally: Di chuyển sang ngang Back and Forth Vertically: Di chuyển lên xuống Camera Follow: hình di chuyển nhân vật Die in Pit and Reload: nhân vật chết quay lại điểm nhớ Die On Collision With Actor Type: Chết va chạm với đối tượng Jumping: nhảy Reload Scene On Death: quay lại đầu cảnh chết Ride Flaforms: hình thức di chuyển Stompable: tác động lên actor Switch Scene Button: chuyển cảnh 64 Walking: hình thức di chuyển nhân vật 2.2.4 Xuất Game flash xuất với phần mở rộng swf sử dụng phần mềm bổ trợ đọc swf để chơi Hình 70 Các dạng xuất Stencyl Vì game flash nên thời gian để hoàn thành game tương đối nhanh (1 – giờ) 65 Hình 71 Giao diện bắt đầu vào game 66 KẾT LUẬN Sau khoảng thời gian nghiên cứu, em tìm hiểu thành công xây dựng game flash phần mềm Stencyl số chương trình kèm theo: Photoshop, CorelDRAW Tuy nhiên việc xây dựng game không đơn giản em thiếu sót nhiều Game tạo chưa thực sinh động, hoạt cảnh sơ sài nhân vật chưa sinh động Hướng phát triển:  Nghiên cứu xây dựng hình ảnh nhân vật sinh động  Khai thác mở rộng nội dung game  Xây dựng game có cốt truyện thu hút hơn, tạo tò mò, phấn khích ganh đua  Kết hợp ngôn ngữ, phần mềm khác để xây dựng game flash  Thương mại hóa game flash Qua tìm hiểu được, em cảm thấy nhiều điều phải làm để hoàn thiện chương trình cần có hướng dẫn, góp ý nhiều thầy cô, bạn bè… Một lần em xin chân thành cảm ơn cô Nguyễn Thu Phương giảng viên trực tiếp hướng dẫn em suốt trình thực tập, cô tận tình bảo, giúp đỡ em khắc phục thiết sót hoàn thành tốt trình thực đề tài Qua em xin bày tỏ lòng biết ơn chân thành tới thầy, cô khoa Công Nghệ Thông Tin giúp đỡ em hoàn thành đồ án tốt nghiệp Em xin chân thành cảm ơn 67 TÀI LIỆU THAM KHẢO nhoquenhaqua (2013) Hướng dẫn sử dụng phần mềm Stencyl < http://www.vn-zoom.com/f103/huong-dan-su-dung-phan-mem-stencyl2875243.html> [Truy cập 01/12/2013] Và website: http://www.stencyl.com http://www.adobe.com http://www.macromedia.com 68 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN GIÁO VIÊN HƯỚNG DẪN 69 ... đề tài nghiên cứu game thị trường game mà em sâu nghiên cứu mảng game nhỏ, dành cho đối tượng người chơi có khoản thời gian rảnh rỗi ngắn ngủi để giải trí Và game xây dựng tảng Flash dường lựa... Thông Tin & Truyền Thông Thái Nguyên Tôi xin cam đoan: Toàn nội dung đồ án tốt nghiệp “XÂY DỰNG GAME FLASH BẰNG STENCYL Do tự học tập từ giảng môn học Quý thầy cô, nghiên cứu Internet,sách báo,... loại game đời, game trực tuyến thu hút quan tâm số lượng lớn người chơi nhiều độ tuổi, ngành nghề Tất minh chứng cho thấy nhu cầu game dồi thị trường game mảnh đất màu mỡ cho nhà sản xuất game