Đang tải... (xem toàn văn)
Flash đã phát triển từ một công cụ chuyên vẽ hoạt hình thành một nền tảng mạnh mẽ, gọn nhẹ thích hợp cho việc phát triển các đoạn hoạt hình, các game vừa và nhỏ, các ứng dụng Intern[r]
(1)ĐẠI HỌC BÁCH KHOA HÀ NỘI – KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM
09
FLASH CS4
HƯỚNG DẪN CĂN BẢN
(2)1 Mục lục:
Chương 1: Giới thiệu cài đặt Flash CS4
Chương 2: Thiết kế hoạch hình với Flash
Chương 3: Giới thiệu Action Script 3.0
Chương 4: Action Script nâng cao
(3)2 Lời tựa:
Cuốn sách sản phẩm trình làm thực tập clb Flash K51 hướng dẫn thầy Lê Tấn Hùng – giảng viên môn CNPM, khoa CNTT trường ĐHBKHN Cuốn sách hướng tới đối tượng tiếp xúc với Flash có chút kinh nghiệm lập trình (C Pascal) Mặc dù chúng tơi hi vọng độc giả có kinh nghiệm với phiên trước CS4 đặc biệt sử dụng Action Script 2.0 tìm thấy nhiều điều bổ ích sách này.Cuốn sách tiếp cận Flash từ góc độ người thiết kế lập trình viên Tuy nhiên, hướng tiếp cận từ góc độ lập trình viên nhấn mạnh Trong sách này, Flash nhắc đến không công cụ thiết kế mà với tư cách thư viện
Chương 1: Giới thiệu bạn cách cài đặt Flash CS4
Chương 2: Giới thiệu cách thiết kế hoạt hình Flash nhấn mạnh đặc điểm phiên CS4 so với phiên trước
Chương 3: Tiếp cận với Action Script 3.0 giành cho có kinh nghiệm lập trình chút ít, bạn chưa có kinh nghiệm lập trình nên tìm đọc sách lập trình trước đọc chương Chúng tơi giành đa số thời gian đề cập đến đặc điểm Action Script 3.0 so với ngôn ngữ phổ biến C# hay Java
Chương 4: Chương sách coi cầu nối lập trình viên người thiết kế Các vấn đề phát sinh kết hợp viết code sử dụng tool có sẵn Flash đề cập
Chương 5: Sự phát triển Flash dẫn tới nhu cầu phải phát triển thành cơng cụ mạnh mẽ giành cho việc viết ứng dụng máy để bàn viết ứng dụng Internet (RIA – Rich Internet Application) Để đáp ứng nhu cầu này, Flex đời dựa tảng Flash Chương sách đề cập tới vấn đề Flex mà bạn gặp phải phát triển môi trường
Nếu bạn chưa có kinh nghiệm với Flash, khuyên bạn nên đọc chương, đặc biệt chương đọc lại sau đọc qua tài liệu khác giới thiệu phần tham khảo Nếu bạn „Flasher‟, bạn tìm thấy nhiều điều bổ ích chương 2, 4,
Đa số mục sách gắn với thực hành cung cấp file fla (file chuẩn Flash Proffesional CS4), project (theo định dạng Flex Builder 3) kèm Bạn tham khảo sử dụng tự tài liệu
(4)3 Xin chân thành cảm ơn thầy Lê Tấn Hùng giúp đỡ chúng em hoàn thành sách
Hà Nội, ngày 29 tháng năm 2009 Nhóm tác giả
Nguyễn Hồng Bách Nguyễn Thạch Dương Bùi Trung Hiếu
(5)4 Chương : Giới thiệu Flash Hướng dẫn cài đặt
1 Giới thiệu Flash:
Bắt đầu từ đời, Flash, đứa cưng Marcromedia, thổi luồng sinh khí vào trang web Nó cho phép cộng đồng người thích sáng tạo khai phá Web với tất : phim hoạt hình, game, ứng dụng kết nối, gallery nghệ thuật , video chat, chương trình chơi nhạc MP3 hay thứ nhiều mà bạn nghĩ
Với ý tưởng đó, Macromedia sử dụng hiệu "What the Web can be" để tiếp thị cho đứa
Là cơng cụ sử dụng kỹ thuật vector, Flash cho hình ảnh tốn băng thơng media tạo ảnh động khác nhiều Điều mà người nhận Flash không đạt hiệu mặt băng thơng mà cịn làm nhiều Khi phần mềm tiếp tục phát triển phạm vi sử dụng ngày mở rộng, số media số tương tác linh hoạt không hoạt động Internet, mà bảng điều khiển game lẫn thiết bị di động Nó thực multimedia
Những chương trình tiên phong phim hoạt hình ngắn (cartoon shorts) FishBar hãng Honkworm, phát MTV năm 1998 Hãng sau sản xuất loạt phim gồm có FishBar, Violence of the Lambs Loạt phim thức chọn tham dự festival phim trực tuyến Sundance sau hãng Mondo Media phát hành mạng
Ngay từ phiên thứ 3, Flash dùng để tạo trò chơi Whack-a-Mole, Leo's Great Day (<http://www.pepworks.com/leoenglish.swf> ), nguyên mẫu thô sơ trò Pacman cờ vua Bạn nhớ lại phiên đó, chưa có ActionScript nên người ta xây dựng chúng mà hồn tồn khơng dùng dòng lệnh
Kể từ mắt năm 1997, Macromedia Flash nhanh chóng trở thành chuẩn cho tương tác ảnh động chất lượng cao Web Nó cung cấp âm thanh, tương tác, đồ hoạ, ảnh động nhiều loại trình duyệt Nó cho phép nhà phát triển tạo giao diện thân thiện có tính tương tác ứng dụng Web khác biệt ActionScript ngơn ngữ lập trình sau hậu trường cung cấp cho người dùng nhiều kiểm sốt chức lập trình Flash
(6)5 phần giao diện xây dựng sẵn bạn việc dùng, hay behaviors tích hợp sẵn tự động bổ sung mã lệnh ActionScript vào chương trình bạn
Câu chuyện đời Flash mà người biết đến cho câu trả lời cách mà cách mạng thực lĩnh vực multimedia xảy Trở lại cuối năm 80, câu chuyện bắt đầu với công ty Đầu tiên Macromind, công ty phần mềm đặt Chicago có sản phần ứng dụng mang tên VideoWorks Tiếp đến Paracomp, trụ sở San Francisco, tiếng với phần mềm Swivel3D, ứng dụng 3D cho máy Macintosh Công ty thứ Authorware, Minnesota với phần mềm Authorware, ứng dụng điều khiển CBT/multimedia Vào năm 1991, Macromind chuyển đến San Francisco sát nhập với công ty Paracomp thành Macromind-Paracomp Authorware sau rời khỏi Minnesota sát nhập với Macromind-Paracomp Redwood Shores, California để thành lập nên hãng Macromedia hùng mạnh Câu chuyện
Bạn nhận ta nhắc đến thành viên tứ làm nên câu chuyện Vậy thành viên thứ tư đâu? Ta quay trở lại tháng Giêng năm 1993, Jonathan Gay, người viết phần mềm trò chơi sớm sủa đáng chân trọng cho Mac Dark Castle Beyond Dark Castle, thuyết phục bạn Charlie Jackson (người sáng lập Silicon Beach Software) bỏ chút vốn đầu tư giúp ông thành lập cơng ty FutureWave Cơng ty có sản phẩm đầu tay ứng dụng Go mục đích cơng ty sản xuất phần mềm có khả chiếm lĩnh thị trường máy tính bút (pen computer market) Nhưng thật không may máy tính khơng tiếp nhận, lại thêm can thiệp hãng AT&T nên Go trở thành ứng dụng khơng có thị trường FutureWave gặp khó khăn nghiêm trọng cơng ty nhỏ khơng có nguồn thu nhập phải sử dụng năm trời để phát triển phần mềm mà có khả khơng thấy ánh sáng ngày Sự cứu nguy cho cịn trơng chờ vào phần mềm nhỏ mang tên SmartSketch mà họ phát triển giải pháp phụ bên cạnh Go FutureWave bắt đầu tiếp thị SmartSketch, công cụ để vẽ, dùng Macintosh Windows Đó thời điểm khơng lâu trước người ta đặt câu hỏi FutureWave khơng biến SmartSketch thành chương trình tạo animation 2D Có lẽ, số ví dụ cừ khơi khả tiên đốn cơng nghệ (technological foresight) FutureWave chuyển SmartSketch từ chương trình tạo ảnh tĩnh thành chương trình tạo animation Sự chuyển đổi dựa hy vọng Internet phương tiện lớn để truyền tải 2D animation
(7)6 FutureWave bán cơng nghệ cho Macromedia Hãng sau phát hành phiên Flash vào đầu năm 1997
Sau vực dậy Macromedia, Flash bắt đầu phát triển công cụ phần mềm Mỗi phiên lại cung cấp bước tiến đáng kể khả sử dụng phần mềm:
Flash 1: thực nhãn hiệu khác FutureSplash Nó có tính
năng chương trình tạo ảnh động vector (vector animation): cơng cụ hiệu đính (theo chuẩn Flash MX) bảng thời gian chuyển động (timeline) Ưu việt lớn với trợ giúp Netscape plug-in hay điều khiển ActiveX Internet Explorer, người dùng đưa animation lên Web cho tất người khác xem thưởng thức
Flash 2: bước tiến lớn ứng dụng Nói chung bắt đầu cho
chuyển đổi Flash từ chương trình tạo ảnh động vector tuyến tính đơn thành chương trình thiết kế media có tính tương tác Sự chuyển đổi xuất phát từ việc tích hợp đặc tính biểu tượng nút tái sử dụng được, đồ hoạ nhúng, font chữ vector, action bản, âm stereo Flash cho phép nhập file có định dạng EPS, GIF, JPEG, AutoCAD DXF, BMP, Enhanced
Metafile, AIFF, Windows Metafile, Shockwave
Flash 3: Bên cạnh cải tiến giao diện số bổ sung đáng kể
nhất Flash tầm quan trọng khả tích hợp actions tăng lên Được xây dựng lỏng lẻo ngôn ngữ Javacript, actions (mà sau phát triển thành ActionScript) cho phép người dùng kiểm soát tương tác với movies họ mức độ định Hơn nữa, tương tác mask, shape tweening, suốt cho phép người dùng tận dụng kiểm soát việc tác phẩm họ thực trông Phiên chưa có ngơn ngữ kịch thống
Flash 4: phát hành năm 1999 Một số cải tiến thú vị
phiên khả thực thi file nén MP3 môi trường Flash movie Phiên sơ khai ActionScript lần xuất Flash Nó làm cho việc thiết kế giao diện, thiết kế game tương tác dễ dàng Những cải tiến khác bao gồm trường văn chỉnh sửa được, giao diện thân thiện, trình publish đơn giản hố
Flash 5: Sự nâng cấp lớn Flash ActionScript ActionScript
xây dựng theo chuẩn ECMA-262 Hệ thống ActionScript Flash tiếp tục bổ sung với Javascript, định dạng HTML Macromedia thông báo với giới Flash ActionScript sẵn sàng cạnh tranh với đối thủ Những thay đổi khác phiên phần giao diện: thêm công cụ sáng tác, lời giới thiệu panels, Movie Explorer, Macromedia Dashboard (để hỗ trợ cập nhật qua mạng), phím tắt người dùng tự đặt cho tác vụ hàm
(8)7 Component, xml Đây thực phiên thứ sáu ứng dụng
Macromedia không đánh số phiên trước mà thay vào tên MX Tại phải dùng tên mới? Theo Macromedia họ sử dụng tên nhằm báo cho nhà phát triển ứng dụng gồm có giải pháp tích hợp phục vụ cho media số Internet Vì cơng cụ Macromedia (như Flash, Dreamweaver, ColdFusion, …) tích hợp chặt chẽ với nhau, nên công ty cảm thấy việc hợp lý ứng dụng họ mang tên MX đơn giản nhãn hiệu sử dụng cho hệ thống công cụ Macromedia
Về mặt đặc điểm mà nói Flash MX có nâng cấp giá trị Đáng ý giao diện mới, sử dụng tốt, phân nhỏ Trong phần mềm có thành phần tạo sẵn, phận, thiết bị nhỏ dùng ngay, mà điều kiện bình thường ta nhiều thời gian để tạo từ đầu Thêm nữa, tích hợp nhiều công cụ thiết kế trực quan free transform tool, envelope modifier, hỗ trợ xử lý văn nâng cao, trộn màu nâng cao, cho phép người dùng kiểm soát chặt chẽ tác phẩm
Flash MX 2004: Tại phiên này, ActionScript 2.0 thức mắt Đây
cơng cụ hồn hảo cho người thiết kế web, chuyên gia lĩnh vực media tương tác, hay chuyên gia phát triển nội dung multimedia Trọng tâm phiên đặt vào việc tạo, nhập liệu thao tác nhiều loại media (như audio, video, bitmaps, vectors, text, liệu)
Flash MX Professional 2004: dành cho nhà thiết kế web xây dựng
phần mềm cấp cao Phiên gồm tất đặc tính Flash MX 2004, với số cơng cụ mạnh Nó cung cấp công cụ quản lý dự án để tối ưu hố lược đồ cơng việc thành viên đội làm web gồm nhà thiết kế người phát triển Khả lập mã bên xử lý liệu từ database số đặc tính làm cho Flash đặc biệt phù hợp cho dự án phức tạp, qui mô lớn triển khai cách sử dụng Flash Player với hệ lai HTML làm nội dung
ActionScript 2.0: thức mắt phiên Flash MX 2004 Đó ngôn
ngữ hướng đối tượng theo chuẩn ECMA, hỗ trợ tính kế thừa, đặt kiểu mạnh có mơ hình kiện
Macromedia Flash Basic : phiên công bố ngày 13/9/2005, phiên
này phiên rút gọn tính công cụ Flash, hướng vào đối tượng người dùng muốn tính vẽ, tạo hình động tương tác Ra đời Flash Player 8, phiên hạn chế hỗ trợ video hiệu ứng hình ảnh hoạt hoạt
Macromedia Flash Professional : phiển nhấn mạnh vào video
(9)8
Action Script 3.0: Đây ngôn ngữ hướng đối tượng hồn tồn có thư
viện mạnh mẽ Từ sau đời Action Script 3.0, hướng phát triển Flash vô đa dạng, khơng mơi trường web hay mobile; mà cịn ứng dụng internet - RIA (Rich Internet Application) máy để bàn
Adobe Flash CS3 Professional: (hay phiên 9) Được đời vào ngày 16
tháng năm 2007, phiên đầy tiên đời thương hiệu Adobe CS3 hỗ trợ đầy đủ Action Script 3.0 cho phép toàn ứng dụng chuyển sang Action Script mà không cần tới thiết kế tool Adobe Flash CS3 Professional, tương tác tốt với sản phẩm Adobe Adobe Photoshop, Adobe Fireworks, Adobe After Effect, Adobe Illustrator … tạo thành qui trình xây dựng phần mềm/web hồn chỉnh sản phẩm Adobe; hỗ trợ vẽ vector tốt hơn, thừa hưởng ưu điểm Adobe Illustrator Adobe Fireworks
Adobe Flash CS4 Professional: (phiên 10) Được công bố vào ngày 15 tháng
10 năm 2008 Phiên chứa số tính mang tính cánh mạng như: khung xương, xử lý vật thể chiều bản, animation hướng đối tượng, chế xử lý chữ nâng cao số cải tiến Action Script 3.0 CS4 cho phép lập trình viên tạo chuyển động hiệu nhanh chóng với nhiều tính nâng cao mà phiên trước khơng có
Adobe Flex Builder: Đây hỗ trợ phát triển ứng dụng Internet dựa
nền tảng Adobe Flash Ứng dụng Flex viết Adobe Flex Builder Flex SDK cung cấp miễn phí Hiện có phiên Adobe Flex Builder Ứng dụng Flex viết Action Script kết hợp với ngôn ngữ đánh dấu MXML, cách phát triển Flex khác với cách phát triển Flash mà môi trường phát triển gần giống IDE khác Visual Studio hay Netbean mà bỏ công cụ vẽ hay timeline truyền thống Flash
Flash phát triển từ cơng cụ chun vẽ hoạt hình thành tảng mạnh mẽ, gọn nhẹ thích hợp cho việc phát triển đoạn hoạt hình, game vừa nhỏ, ứng dụng Internet, ứng dụng máy tính để bàn, ứng dụng giành cho điện di động … Được hậu thuẫn Adobe, Flash chắn phát triển nữa, tiến dần vào lĩnh vực hiệu ứng truyền hình, phim ảnh … (phim Star Trek ~ 2009 có sử dụng hiệu ứng Flash)
Trong thời điểm tương lai gần, khẳng định khó có tảng cạnh tranh với Flash lĩnh vực ứng dụng Internet
2 Cài đặt Flash CS4:
Trong phần sau bạn hướng dẫn cách cài đặt Flash CS4
I- YÊU CẦU CẤU HÌNH HỆ THỐNG: Windows:
(10)9 OS: Microsoft® Windows® XP Service Pack (Khuyến cáo Service Pack 3), Windows Vista® Home Premium, Business, Ultimate, Enterprice Service Pack (đã kiểm định với phiên 32-bit)
RAM: 1GB trở lên
Bộ nhớ trống: Tối thiểu 3.5GB cho trình cài đặt ( khơng cài nhớ flash ) Màn hình: Độ phân giải 1024x768 với 16-bit đồ họa trở lên
Ổ quang: DVD-ROM
Phần mềm: Quicktime 7.12 trở lên giúp hỗ trợ tính đa phương tiện Internet: Đường truyền băng thông rộng cho dịch vụ online
Macintosh:
CPU: PowerPC® G5 Bộ vi xử lí đa nhân Intel OS: Tiger OSX 10.4.11, Leopard 10.5.4 trở lên
RAM: 1GB trở lên
Bộ nhớ trống: Tối thiểu 4GB cho trình cài đặt ( không cài nhớ flash ) Màn hình: Độ phân giải 1024x768 với 16-bit đồ họa trở lên
Ổ quang: DVD-ROM
Phần mềm: Quicktime 7.12 trở lên giúp hỗ trợ tính đa phương tiện Internet: Đường truyền băng thông rộng cho dịch vụ online
II- CÀI ĐẶT:
1- Trước tiến hành cài đặt, tắt tất ứng dụng chạy, bao gồm ứng dụng Adobe, Micosoft Office, trình duyệt Các bạn khuyến cáo nên tạm thời tắt phần mềm diệt virus trình cài đặt
2- Đăng nhập tài khoản quản trị (Administrative Account) 3- Làm theo hướng dẫn sau:
- Cho đĩa DVD cài đặt vào ổ, làm theo dẫn hình Nếu chương trình khơng tự động cài đặt, vào thư mục Adobe CS4 thư mục gốc đĩa cài, click đúp vào file Setup.exe bắt đầu trình cài đặt
- Nếu bạn download phần mềm từ Internet, vào thư mục Adobe CS4, click đúp vào file Setup.exe bắt đầu trình cài đặt
(11)10
*)Lưu ý: Để cài đặt gói bổ sung cài lại phần mềm sau cài đặt hoàn
tất, bạn cần sử dụng cài gốc ( nằm CD, DVD từ Internet)
III- GỠ BỎ CÀI ĐẶT:
1- Trước gỡ bỏ cài đặt, tắt tồn chương trình chạy, bao gồm ứng dụng Adobe, Microsoft Office, trình duyệt,
2- Làm theo hướng dẫn sau:
- WINDOWS XP: Mở cửa sổ Control Panel click đúp vào biểu tượng Add or
Remove Programs, chọn phần mềm cần gỡ bỏ, Click Uninstall/ Change, làm theo dẫn hình
- WINDOWS VISTA: Mở cửa sổ Control Panel click đúp vào biểu tượng
Programs and Features, chọn phần mềm cần gỡ bỏ, click Uninstall/Change, làm theo dẫn hình
- MAC OS (QUAN TRỌNG): đối với hệ điều hành Apple có tính gỡ bỏ Không gỡ bỏ theo phương thức truyền thống kéo thả ứng dụng vào thùng rác (Trash) Để gỡ bỏ cách an toàn, click đúp vào cài có đường dẫn Application/Utilities/Adobe Installers, đăng nhập tài khoản quản trị, chọn Remove Components làm theo dẫn hình
HƯỚNG DẪN CÀI ĐẶT BẰNG HÌNH ẢNH:
(12)11 Chương trình cài đặt tiến hành kiểm tra thơng tin cấu hình máy tính
(13)12 - Chọn ngôn ngữ sử dụng, đường dẫn cài đặt, ứng dụng kèm click
Install để bắt đầu trình cài đặt
(14)13 - Đăng kí thơng tin cá nhân:
(15)14
HƯỚNG DẪN GỠ BỎ ADOBE FLASH BẰNG HÌNH ẢNH:
Mở cửa sổ Control Panel click đúp vào biểu tượng Programs and Features, click đúp vào biểu tượng Adobe Flash CS4 Professional
(16)15 Quá trình gỡ bỏ bắt đầu
(17)(18)17
Chương 2:
THIẾT KẾ HOẠT HÌNH VỚI FLASH
Giới thiệu:
Flash công cụ sử dụng kỹ thuật vector phát triển từ năm 1997 hãng Macromedia Điểm mạnh Flash nằm cơng cụ vẽ vector hồn thiện công cụ tạo chuyển động thông minh mềm dẻo Chương giúp bạn:
1 Làm quen với môi trường làm việc Flash CS4
2 Cách vẽ, tô màu chuyên nghiệp
(19)18 Bài 1:
Làm quen với Flash CS4
1 Giao diện Flash Professional CS4:
Để tạo file Flash sử dụng lựa chọn liệt kê
Góc bên phải cách xếp vùng làm việc tùy theo đối tượng sử dụng Mặc định kiểu Essential
Mục tiêu học:
(20)19 Do mục đích chương nên ta chọn kiểu làm việc Designer
Có số vùng làm việc quan trọng hiển thi: Timeline: